|
|
| Line 1: |
Line 1: |
| | <html> | | <html> |
| | <head> | | <head> |
| - | <link href='http://fonts.googleapis.com/css?family=Open+Sans:300' rel='stylesheet' type='text/css'>
| |
| - |
| |
| - | <script type="text/javascript">
| |
| - | $(function() {
| |
| - | $('.fadein img:gt(0)').hide();
| |
| - |
| |
| - | setInterval(function () {
| |
| - | $('.fadein :first-child').fadeOut()
| |
| - | .next('img')
| |
| - | .fadeIn()
| |
| - | .end()
| |
| - | .appendTo('.fadein');
| |
| - | }, 4000); // 4 seconds
| |
| - | });
| |
| - | </script>
| |
| - |
| |
| - | <style>
| |
| - | body {
| |
| - | font-family: 'Open Sans';
| |
| - | font-weight: 300;
| |
| - | letter-spacing: 0.5px;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | .fadein {
| |
| - | position:relative;
| |
| - | height:420px;
| |
| - | width:420px;
| |
| - | }
| |
| - |
| |
| - | .fadein img {
| |
| - | position:absolute;
| |
| - | left:0;
| |
| - | top:0;
| |
| - | }
| |
| - | #p-logo {
| |
| - | display: none;
| |
| - | }
| |
| - |
| |
| - | form#searchform {
| |
| - | display: none;
| |
| - | }
| |
| - |
| |
| - | h1.firstHeading {
| |
| - | display: none;
| |
| - | }
| |
| - |
| |
| - | #top-of-page {
| |
| - | position: absolute;
| |
| - | margin-top: -125px;
| |
| - | margin-left: -5px;
| |
| - | height: 120px;
| |
| - | width: 975px;
| |
| - | background-image: url('https://static.igem.org/mediawiki/2013hs/b/b5/Banner.jpg');
| |
| - | }
| |
| - |
| |
| - | #toc {
| |
| - | display: none;
| |
| - | }
| |
| - |
| |
| - | #catlinks {
| |
| - | display: none;
| |
| - | }
| |
| - |
| |
| - | /*----- HEADER -----*/
| |
| - | #header {
| |
| - | padding-top: 20px;
| |
| - | height: 150px;
| |
| - | }
| |
| - |
| |
| - | #headerTitle {
| |
| - | text-align: right;
| |
| - | font-weight: 400;
| |
| - | font-size: 44px;
| |
| - | color: black;
| |
| - | }
| |
| - |
| |
| - | #logo {
| |
| - | left: 20%;
| |
| - | align: left;
| |
| - | width: 120px;
| |
| - | height: 120px;
| |
| - | }
| |
| - |
| |
| - | #headerSubTitle {
| |
| - | font-size: 14px;
| |
| - | letter-spacing: 2px;
| |
| - | color: #666;
| |
| - | }
| |
| - |
| |
| - | a#igem, a#igem:visited {
| |
| - | color: inherit;
| |
| - | text-decoration: none;
| |
| - | }
| |
| - |
| |
| - | a#igem:hover, a#igem:active {
| |
| - | color: #F93;
| |
| - | text-decoration: underline;
| |
| - | }
| |
| - |
| |
| - | /*----- HEADER BUTTONS -----*/
| |
| - |
| |
| - | .nav_button {
| |
| - | bottom: 20%;
| |
| - | display: table;
| |
| - | }
| |
| - |
| |
| - | .nav_buttonText {
| |
| - | color: #222;
| |
| - | text-align: center;
| |
| - | vertical-align: middle;
| |
| - | display: table-cell;
| |
| - | font-weight: 100;
| |
| - | }
| |
| - |
| |
| - | a.nav_buttonLink, a.nav_buttonLink:visited {
| |
| - | text-decoration: none;
| |
| - | color: black;
| |
| - | }
| |
| - | a.nav_buttonLink:hover, a.nav_buttonLink:active {
| |
| - | color: #F93;
| |
| - | text-decoration: underline;
| |
| - | }
| |
| - |
| |
| - | a.mobile-link, a.mobile-link:hover, a.mobile-link:active {
| |
| - | text-decoration:none;
| |
| - | }
| |
| - |
| |
| - | /*----- END OF BUTTONS -----*/
| |
| - |
| |
| - | ul.drop-down {
| |
| - | list-style: none;
| |
| - | margin-top: 0px;
| |
| - | position: absolute;
| |
| - | padding: 0;
| |
| - | }
| |
| - |
| |
| - | ul.drop-down li {
| |
| - | display: none;
| |
| - | position: relative;
| |
| - | text-align: left;
| |
| - | margin: 5px;
| |
| - | }
| |
| - |
| |
| - | div.drop-down {
| |
| - | background-color: #EAEAEA;
| |
| - | }
| |
| - |
| |
| - | div.drop-down-top {
| |
| - | background-color: transparent;
| |
| - | margin-bottom: -7px;
| |
| - | }
| |
| - |
| |
| - | ul.drop-down:hover div.drop-down-top {
| |
| - | background-color: #EAEAEA;
| |
| - | }
| |
| - |
| |
| - | ul.drop-down li.top-of-list { /*----- makes sure top item is always shown -----*/
| |
| - | display: block;
| |
| - | }
| |
| - |
| |
| - | ul.drop-down:hover li { /*----- shows drop down -----*/
| |
| - | display: block;
| |
| - | }
| |
| - |
| |
| - | ul.drop-down:hover li.top-of-list {
| |
| - | color: #F93;
| |
| - | text-decoration: underline;
| |
| - | }
| |
| - |
| |
| - | /*----- END OF HEADER -----*/
| |
| - |
| |
| - | /*----- MAIN CONTENT -----*/
| |
| - |
| |
| - | .title-link, .title-link:active, .title-link:visited {
| |
| - | text-decoration: none;
| |
| - | color: inherit;
| |
| - | }
| |
| - |
| |
| - | .title-link:hover {
| |
| - | text-decoration: underline;
| |
| - | color: #F93;
| |
| - | }
| |
| - |
| |
| - | </style>
| |
| - | </head>
| |
| - |
| |
| | <style> | | <style> |
| | ul | | ul |
"
