Team:Lambert GA
From 2013hs.igem.org
(Difference between revisions)
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 |
Revision as of 13:31, 19 June 2013