Template:TeamBYUProvo
From 2012.igem.org
(Difference between revisions)
(52 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | <head> | ||
+ | <title>Team BYU Provo</title> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Michroma' rel='stylesheet' type='text/css'> | ||
+ | <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> | ||
+ | <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | jQuery(document).ready(function(){ | ||
+ | $('.accordion').click(function() { | ||
+ | $(this).next().toggle("slow"); | ||
+ | return false; | ||
+ | }).next().hide(); | ||
+ | $('.accordion2').click(function() { | ||
+ | $(this).next().toggle("slow"); | ||
+ | return false; | ||
+ | }).next().hide(); | ||
+ | }); | ||
+ | </script> | ||
+ | <style type="text/css"> | ||
+ | #top-section,#top,.firstHeading,#catlinks2,#pageContents {display: none;} | ||
- | <body> | + | #content { |
+ | border: none; | ||
+ | } | ||
+ | |||
+ | .accordion { | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | .accordion:hover,.accordion2:hover { | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | background-color: #003366; | ||
+ | } | ||
+ | |||
+ | #headerImg { | ||
+ | width:800px; | ||
+ | height:236px; | ||
+ | margin-right: auto; | ||
+ | margin-left: auto; | ||
+ | text-align: center; | ||
+ | margin-top: 10px | ||
+ | } | ||
+ | |||
+ | #mainContent { | ||
+ | width: 544px; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | </head> | ||
+ | |||
+ | <body> | ||
<table width="100%"> | <table width="100%"> | ||
<tr class="menubar"> | <tr class="menubar"> | ||
- | <td> | + | <td align="right"> |
- | <div | + | <div class="headermenu"> |
+ | </div> | ||
</td> | </td> | ||
</tr> | </tr> | ||
Line 14: | Line 66: | ||
<tr> | <tr> | ||
<td align="center"> | <td align="center"> | ||
- | <img src="/wiki/images/a/a1/Byuprovo.png"> | + | <img src="/wiki/images/a/a1/Byuprovo.png" width="130" height="130"> |
</td> | </td> | ||
<td align="center" valign="middle" class="menubar"> | <td align="center" valign="middle" class="menubar"> | ||
Line 20: | Line 72: | ||
</td> | </td> | ||
<td align="center"> | <td align="center"> | ||
- | <img src="/ | + | <img src="https://static.igem.org/mediawiki/2012/thumb/1/11/BYUProvoLogoCropped.png/200px-BYUProvoLogoCropped.png" width="130" height="130"> |
</td> | </td> | ||
</tr> | </tr> | ||
Line 46: | Line 98: | ||
</td> | </td> | ||
<td align="center"> | <td align="center"> | ||
- | + | <li><span class="accordion">Notebook</span> | |
+ | <ul> | ||
+ | <li> | ||
+ | <a href="https://2012.igem.org/Team:BYUProvo/Notebook">Calendar</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2012.igem.org/Wet_lab_work-Thermosensor">Thermosensor</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2012.igem.org/Lactate_Sensor">Lactate Sensor</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2012.igem.org/Cre-Lox">Cre Lox</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
</td> | </td> | ||
<td align="center"> | <td align="center"> | ||
<a href="https://2012.igem.org/Team:BYUProvo/Safety">Safety</a> | <a href="https://2012.igem.org/Team:BYUProvo/Safety">Safety</a> | ||
+ | </td> | ||
+ | <td align="center"> | ||
+ | <a href="https://2012.igem.org/Team:BYUProvo/Outreach">Outreach</a> | ||
+ | </td> | ||
+ | <td align="center"> | ||
+ | <a href="https://2012.igem.org/Team:BYUProvo/Collaboration">Collaboration</a> | ||
</td> | </td> | ||
<td align="center"> | <td align="center"> | ||
Line 57: | Line 130: | ||
</table> | </table> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</body> | </body> | ||
<style> | <style> | ||
- | |||
- | |||
- | |||
- | |||
#byulogotext { | #byulogotext { | ||
Line 81: | Line 140: | ||
font-weight: bold; | font-weight: bold; | ||
font: bold 36px/36px "Palatino Linotype","Palatino",Times,"Times New Roman",serif; | font: bold 36px/36px "Palatino Linotype","Palatino",Times,"Times New Roman",serif; | ||
+ | text-decoration:underline; | ||
+ | } | ||
+ | |||
+ | #byulogo { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2012/4/4b/BYUsign11.jpg'); | ||
+ | background-size: cover; | ||
} | } | ||
.menubar { | .menubar { | ||
- | font-size: | + | color: White; |
+ | font-size: 15px; | ||
font-variant: small-caps; | font-variant: small-caps; | ||
font: "Palatino Linotype","Palatino",Times,"Times New Roman",serif; | font: "Palatino Linotype","Palatino",Times,"Times New Roman",serif; | ||
background-color: #003366; | background-color: #003366; | ||
} | } | ||
- | .menubar a:link{COLOR: White;} | + | .menubar a:link {COLOR: White;} |
.menubar a:visited {COLOR: White;} | .menubar a:visited {COLOR: White;} | ||
.menubar a:hover {COLOR: #EEEEEE;} | .menubar a:hover {COLOR: #EEEEEE;} | ||
.menubar a:active {COLOR: White;} | .menubar a:active {COLOR: White;} | ||
+ | |||
+ | #menubar { | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | .right-menu li a { | ||
+ | background-color: #003366; | ||
+ | } | ||
+ | .right-menu li a:link {COLOR: White;} | ||
+ | .right-menu li a:visited {COLOR: White;} | ||
+ | .right-menu li a:hover {COLOR: #EEEEEE;} | ||
+ | .right-menu li a:active {COLOR: White;} | ||
+ | |||
+ | #top-section { | ||
+ | display: none; | ||
+ | } | ||
</style> | </style> | ||
Line 104: | Line 186: | ||
$('#mytext').toggle(); | $('#mytext').toggle(); | ||
}); | }); | ||
+ | |||
+ | //$('#menubar').moveTo('#footermenu'); | ||
+ | $('.right-menu').moveTo('.headermenu'); | ||
+ | $('.left-menu').moveTo('.footermenu'); | ||
+ | |||
+ | |||
}); | }); | ||
+ | |||
+ | (function($){ | ||
+ | $.fn.moveTo = function(selector){ | ||
+ | return this.each(function(){ | ||
+ | var cl = $(this).clone(); | ||
+ | $(cl).appendTo(selector); | ||
+ | $(this).remove(); | ||
+ | }); | ||
+ | }; | ||
+ | })(jQuery); | ||
+ | |||
</script> | </script> | ||
</html> | </html> |
Latest revision as of 03:21, 4 October 2012
Home | Team | Team Profile | Project | Parts | Modeling |
|
Safety | Outreach | Collaboration | Attributions |