Difference between revisions of "Team:Exeter/Interlab"
(Replaced content with "{{Exeter}} <html> <head> </head> <body> </body> </html> {{Exeterfooter}}") |
|||
Line 4: | Line 4: | ||
<head> | <head> | ||
+ | |||
+ | <style> | ||
+ | |||
+ | .level_3:hover { | ||
+ | |||
+ | cursor: pointer; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | /* Navigation - Topmenu | ||
+ | -------------------------------------------------*/ | ||
+ | |||
+ | #topmenu { | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | top: 200px; | ||
+ | left: 0px; | ||
+ | width: 100%; | ||
+ | height: 80px; | ||
+ | background: url('https://static.igem.org/mediawiki/2013/1/1d/Top-gradient.png') #f1f1f1 repeat-x left top; | ||
+ | box-shadow: 0 0 5px #888; | ||
+ | z-index: 10; | ||
+ | } | ||
+ | |||
+ | #topmenu .selflink {font-weight: normal !important; color: #0d9c64; cursor: default; padding: 0 12px 0 8px;} | ||
+ | #topmenu .menucenter li:hover .selflink {padding: 0 11px 0 9px} | ||
+ | |||
+ | #topmenu .menucenter{position: relative; display: block; line-height: 80px;} | ||
+ | |||
+ | #topmenu .menuleft {position: absolute; line-height: 76px; z-index: 3;} | ||
+ | #topmenu .menuleft a img {position: relative; height: 60px; top: 10px;} | ||
+ | |||
+ | #topmenu .menucenter { | ||
+ | display:block; | ||
+ | margin: 0 auto; | ||
+ | width:100%; | ||
+ | text-align: center; | ||
+ | font-size: 0;} | ||
+ | #topmenu .menucenter li { | ||
+ | display:inline-block; | ||
+ | margin: 0; | ||
+ | background: url('https://static.igem.org/mediawiki/2013/c/ca/Top-menu-divider.png') no-repeat right top; | ||
+ | font-size: 16px;} | ||
+ | #topmenu .menucenter li:first-child { | ||
+ | background: url('https://static.igem.org/mediawiki/2013/c/ca/Top-menu-divider.png') no-repeat left top, url('https://static.igem.org/mediawiki/2013/c/ca/Top-menu-divider.png') no-repeat right top;} | ||
+ | #topmenu .menucenter li:hover { | ||
+ | background: url('https://static.igem.org/mediawiki/2013/0/03/Top-menu-hover.png') repeat-x top left; | ||
+ | border-left:1px solid #ccc; | ||
+ | border-right:1px solid #ccc; | ||
+ | margin: 0 0 0 -2px;} | ||
+ | #topmenu .menucenter li a {display:block; height: 79px; padding: 0 12px 0 8px;} | ||
+ | #topmenu .menucenter li:hover a {padding: 0 11px 0 9px} | ||
+ | |||
+ | #topmenu .menuright {position: absolute; display: block; width: 109px; height: 80px; right: 5.46878%; top: 0; z-index: 3;} | ||
+ | |||
+ | #topmenu .menuright a{display: inline-block; position: relative;} | ||
+ | |||
+ | #topmenu .menuright a.twitter { | ||
+ | display:block; | ||
+ | float: left; | ||
+ | width: 36px; | ||
+ | height: 30px; | ||
+ | margin-top: 25px; | ||
+ | padding: 0; | ||
+ | background: url('https://static.igem.org/mediawiki/2013/d/de/Twitterbtn.png') left top no-repeat; | ||
+ | } | ||
+ | #topmenu .menuright a.facebook { | ||
+ | display:block; | ||
+ | float: left; | ||
+ | width: 36px; | ||
+ | height: 34px; | ||
+ | margin-top: 23px; | ||
+ | padding: 0; | ||
+ | background: url('https://static.igem.org/mediawiki/2013/7/7c/Facebookbtn.png') left top no-repeat; | ||
+ | } | ||
+ | #topmenu .menuright a.mail { | ||
+ | display:block; | ||
+ | float: left; | ||
+ | width: 37px; | ||
+ | height: 29px; | ||
+ | margin-top: 26px; | ||
+ | padding: 0; | ||
+ | background: url('https://static.igem.org/mediawiki/2013/9/94/Mailbtn.png') left top no-repeat; | ||
+ | } | ||
+ | #topmenu .menuright a:hover { | ||
+ | background-position: right top; | ||
+ | } | ||
+ | |||
+ | |||
+ | #topmenu ul, topmenu li { | ||
+ | -webkit-margin-before: 0; | ||
+ | -webkit-margin-after: 0; | ||
+ | -webkit-padding-start: 0;} | ||
+ | |||
+ | #bodyContent{padding: 81px 0 0px;} | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | body {background: rgb(239,239,242);} | ||
+ | |||
+ | .content_container { | ||
+ | box-shadow: 0px 10px 10px #888888; | ||
+ | border: 1pt solid #D1CEDC; | ||
+ | left: -10px; | ||
+ | background: #FFF; | ||
+ | width: 75%; | ||
+ | position: relative; | ||
+ | left: 12.5%; | ||
+ | padding: 5px 5px 5px 5px; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | |||
</head> | </head> | ||
− | < | + | <div class="content_container"> |
− | </ | + | |
+ | <!--Begin Level 3 Buttons--> | ||
+ | |||
+ | </br> | ||
+ | </br> | ||
+ | |||
+ | <div id="topmenu"> | ||
+ | <ul class="menucenter"> | ||
+ | <li class="level_3"><a onclick="$('.Trans, .RNA, .Ribo, .Toehold').hide('slow');$('.Basic').toggle('slow');"> | ||
+ | The Basic Molecules of Life | ||
+ | </a> | ||
+ | </li> | ||
+ | <li class="level_3"><a onclick="$('.Basic, .RNA, .Ribo, .Toehold').hide('slow');$('.Trans').toggle('slow')"> | ||
+ | Transcription and Translation | ||
+ | </a> | ||
+ | </li> | ||
+ | <li class="level_3"><a onclick="$('.Basic, .Trans, .Ribo, .Toehold').hide('slow');$('.RNA').toggle('slow')"> | ||
+ | General Regulatory RNAs | ||
+ | </a> | ||
+ | </li> | ||
+ | <li class="level_3"><a onclick="$('.Basic, .Trans, .RNA, .Toehold').hide('slow');$('.Ribo').toggle('slow')"> | ||
+ | General Riboswitches | ||
+ | </a> | ||
+ | </li> | ||
+ | <li class="level_3"><a onclick="$('.Basic, .Trans, .RNA, .Ribo').hide('slow');$('.Toehold').toggle('slow')"> | ||
+ | Synthetic Toehold Switches | ||
+ | </a> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | <!--End Level 3 Buttons--> | ||
</html> | </html> | ||
{{Exeterfooter}} | {{Exeterfooter}} |
Revision as of 12:45, 26 August 2015