Template:USTC/css/style
/*style.css*/
@font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: local('Material Icons'), local('MaterialIcons-Regular'), url(font/MaterialIcons-Regular.woff) format('woff'); src: url(https://static.igem.org/mediawiki/2015/a/a0/USTC-MaterialIcons-Regular.eot); /* For IE6-8 */ src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://static.igem.org/mediawiki/2015/c/c9/USTC-MaterialIcons-Regular.woff) format('woff'), url(https://static.igem.org/mediawiki/2015/a/a1/USTC-MaterialIcons-Regular.ttf) format('truetype') }
.material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; word-wrap: normal; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; }
.team_logo { background-image: url(
); background-repeat: no-repeat; z-index: 0; width: 525px; height: 600px; position: absolute; right: 0px; top: -40px; opacity: 0.7; margin-bottom: -600px; overflow: hidden; }
.background { margin-bottom: -530px; overflow: hidden; }
.background::before { content: " "; display: block; position: static; width: 2560px; height: 355px; background: #2196f3; }
.background::after { content: " "; display: block; position: static; width: 0; height: 0; border-right: 2560px solid #2196f3; border-bottom: 175px solid transparent; }
.card-content > p { line-height: 1.35em; padding-top:0.5rem;padding-bottom:0.5rem; }
img { max-width: 100%; }
.Nav1th .btn { width: 100%; height: 50px; background-color: transparent; box-shadow: 0 0 0 0; }
.indicate { margin-top: 6px; }
.tabs .indicator { height: 3px; }
.Nav2nd { z-index: 10; width: 100%; height: 50px; }
.isStuck { margin-top: 16px; }
body { min-width: 640px; width: 100%; height: 100%; background-color: #f5f5f5; }
.tabs .tab { text-transform: none; }
div.card-content > ul > li { list-style: disc !important }
- bodyContent .toc-wrapper.pinned ul li { list-style: none !important; }
- bodyContent .toc-wrapper.pinned ul { margin-left: 0px; }
@media only screen and (min-width:601px) {
.toc-wrapper.pinned { width: 18%; }
} @media only screen and (min-width:993px) {
.toc-wrapper.pinned { width: 15%; }
} .dropdown-content li > a { padding: 0.5rem 0.8rem;color: #2196f3; } .dropdown-content { margin-left:0px!important; } .Nav2nd.row .col.s10 { margin-top:-3px;overflow-x:hidden ;} .Nav1th > a.dropdown-button {padding-top:4px;padding-left:0px;padding-right:0px;margin:auto;} .Nav1th > a.dropdown-button > i {display:inline;} footer a > img {width:40px;} td,th {padding:5px 5px;}