|
|
| Line 4: |
Line 4: |
| | </head> | | </head> |
| | | | |
| − | <center><body class="homepage">
| + | <body> |
| | <div id="page-wrapper"> | | <div id="page-wrapper"> |
| | | | |
| Line 41: |
Line 41: |
| | </nav> | | </nav> |
| | </div> | | </div> |
| − |
| |
| − |
| |
| | </div> | | </div> |
| | </div> | | </div> |
| − |
| |
| − | <style type="text/css">
| |
| − |
| |
| − | #contentSub, #footer-box, #catlinks, #search-controls,
| |
| − | #p-logo, .printfooter, .firstHeading, .visualClear {
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | body {
| |
| − |
| |
| − | background-color: #ffffff;
| |
| − | }
| |
| − |
| |
| − | #globalWrapper, #content {
| |
| − | min-width: 600px;
| |
| − | width: 100%;
| |
| − | height: 100%;
| |
| − | border: 0px;
| |
| − | background-color: transparent;
| |
| − | margin: 0px;
| |
| − | padding: 0px;
| |
| − | font-size: 135%;
| |
| − | }
| |
| − |
| |
| − | @font-face {
| |
| − | font-family: 'icomoon';
| |
| − | src:url('https://static.igem.org/mediawiki/2015/d/d3/Sthlm_icomoon.eot');
| |
| − | src:url('https://static.igem.org/mediawiki/2015/d/d3/Sthlm_icomoon.eot') format('embedded-opentype'),
| |
| − | url('https://static.igem.org/mediawiki/2015/5/5b/Sthlm_icomoon.ttf') format('truetype'),
| |
| − | url('https://static.igem.org/mediawiki/2015/f/fe/Sthlm_icomoon.woff') format('woff');
| |
| − |
| |
| − | font-weight: normal;
| |
| − | font-style: normal;
| |
| − | }
| |
| − |
| |
| − | [class^="icon-"], [class*=" icon-"] {
| |
| − | font-family: 'icomoon';
| |
| − | speak: none;
| |
| − | font-style: normal;
| |
| − | font-weight: normal;
| |
| − | font-variant: normal;
| |
| − | text-transform: none;
| |
| − | line-height: 1;
| |
| − |
| |
| − | /* Better Font Rendering =========== */
| |
| − | -webkit-font-smoothing: antialiased;
| |
| − | -moz-osx-font-smoothing: grayscale;
| |
| − | }
| |
| − |
| |
| − | .icon-home:before {
| |
| − | content: "\e600";
| |
| − | }
| |
| − | .icon-bubbles2:before {
| |
| − | content: "\e601";
| |
| − | }
| |
| − | .icon-users:before {
| |
| − | content: "\e602";
| |
| − | }
| |
| − | .icon-gift:before {
| |
| − | content: "\e603";
| |
| − | }
| |
| − | .icon-lab:before {
| |
| − | content: "\e604";
| |
| − | }
| |
| − | .icon-clipboard:before {
| |
| − | content: "\e605";
| |
| − | }
| |
| − |
| |
| − |
| |
| − | #nav {
| |
| − | cursor: default;
| |
| − | }
| |
| − |
| |
| − | #nav > ul > li > a {
| |
| − | border: 0;
| |
| − | text-decoration: none;
| |
| − | text-transform: uppercase;
| |
| − | font-weight: 400;
| |
| − | color: #777;
| |
| − | outline: 0;
| |
| − | }
| |
| − |
| |
| − | #nav > ul > li > a:before {
| |
| − | display: inline-block;
| |
| − | background: #878787;
| |
| − | color: #e4e4e4;
| |
| − | width: 1.65em;
| |
| − | height: 1.65em;
| |
| − | border-radius: 1.65em;
| |
| − | line-height: 1.65em;
| |
| − | text-align: center;
| |
| − | box-shadow: 0.125em 0.175em 0 0 rgba(0, 0, 0, 0.125);
| |
| − | margin-right: 0.75em;
| |
| − | -moz-transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
| |
| − | -webkit-transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
| |
| − | -o-transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
| |
| − | -ms-transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
| |
| − | transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
| |
| − | }
| |
| − |
| |
| − | #nav > ul > li > a > span {
| |
| − | -moz-transition: color 0.25s ease-in-out;
| |
| − | -webkit-transition: color 0.25s ease-in-out;
| |
| − | -o-transition: color 0.25s ease-in-out;
| |
| − | -ms-transition: color 0.25s ease-in-out;
| |
| − | transition: color 0.25s ease-in-out;
| |
| − | }
| |
| − |
| |
| − | #nav > ul > li.active > a:before, #nav > ul > li:hover > a:before {
| |
| − | background: #ED786A;
| |
| − | color: #fff;
| |
| − | }
| |
| − |
| |
| − | #nav > ul > li.active > a > span, #nav > ul > li:hover > a > span {
| |
| − | color: #ED786A;
| |
| − | }
| |
| − |
| |
| − | #nav {
| |
| − | position: absolute;
| |
| − | top: 1em;
| |
| − | left: 0;
| |
| − | width: 100%;
| |
| − | }
| |
| − |
| |
| − | #nav > ul > li {
| |
| − | display: inline-block;
| |
| − | padding-right: 2em;
| |
| − | }
| |
| − |
| |
| − | #nav > ul > li:last-child {
| |
| − | padding-right: 0;
| |
| − | }
| |
| − |
| |
| − | #nav > ul > li > a {
| |
| − | display: block;
| |
| − | }
| |
| − |
| |
| − | #nav > ul > li > a > span {
| |
| − | font-size: 0.85em;
| |
| − | letter-spacing: 3px;
| |
| − | }
| |
| − |
| |
| − | #nav > ul > li > ul {
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | </style>
| |
| − |
| |
| | | | |
| | </body> | | </body> |
| | </html> | | </html> |