Template:CM css
From 2010.igem.org
(Difference between revisions)
(91 intermediate revisions not shown) | |||
Line 5: | Line 5: | ||
<link rel="stylesheet" href="http://jquery.com/demo/thickbox/thickbox-code/thickbox.css" type="text/css" media="screen" /> | <link rel="stylesheet" href="http://jquery.com/demo/thickbox/thickbox-code/thickbox.css" type="text/css" media="screen" /> | ||
<script type="text/javascript" src="http://www.google.com/jsapi"></script> | <script type="text/javascript" src="http://www.google.com/jsapi"></script> | ||
- | |||
- | |||
- | |||
<script src="http://d2o0t5hpnwv4c1.cloudfront.net/004_Moo/tutorial/demo/sliding_effect.js"></script> | <script src="http://d2o0t5hpnwv4c1.cloudfront.net/004_Moo/tutorial/demo/sliding_effect.js"></script> | ||
<script> google.load("jquery", "1.4.2"); </script> | <script> google.load("jquery", "1.4.2"); </script> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
<script type="text/javascript"> | <script type="text/javascript"> | ||
$('#rightMenu a') | $('#rightMenu a') | ||
Line 60: | Line 52: | ||
</script> | </script> | ||
+ | <!--[if IE]> | ||
+ | <style> | ||
+ | #header { | ||
+ | width: 900px; | ||
+ | } | ||
+ | </style> | ||
+ | <![endif]--> | ||
<style type="text/css"> | <style type="text/css"> | ||
.toggler { width: 500px; height: 200px; position: relative;} | .toggler { width: 500px; height: 200px; position: relative;} | ||
Line 70: | Line 69: | ||
position: relative; | position: relative; | ||
left: 2px; | left: 2px; | ||
- | |||
text-align: left; | text-align: left; | ||
margin: 0px; | margin: 0px; | ||
Line 81: | Line 79: | ||
#content { | #content { | ||
- | + | background-color: transparent; | |
- | + | border: none; | |
} | } | ||
Line 92: | Line 90: | ||
font-size: 14px; | font-size: 14px; | ||
margin:5px; | margin:5px; | ||
+ | } | ||
+ | |||
+ | #groupparts { | ||
+ | position:relative; | ||
+ | left: 21px; | ||
+ | top: 5px; | ||
} | } | ||
.baby { | .baby { | ||
padding: 5px; | padding: 5px; | ||
- | font-family: | + | font-family: Arial Black, Gadget, sans-serif; |
font-size: medium; | font-size: medium; | ||
} | } | ||
Line 102: | Line 106: | ||
.bodybaby { | .bodybaby { | ||
padding: 5px; | padding: 5px; | ||
- | font-family: | + | font-family: Arial Black, Gadget, sans-serif; |
font-size: medium; | font-size: medium; | ||
border-bottom: 2px solid black; | border-bottom: 2px solid black; | ||
Line 158: | Line 162: | ||
position: relative; | position: relative; | ||
left: -20px; | left: -20px; | ||
- | top: | + | top: 8px; |
display: block; | display: block; | ||
list-style: none; | list-style: none; | ||
text-align: left; | text-align: left; | ||
- | color: | + | color: black; |
- | background-color: | + | background-color: honeydew; |
- | font-family: | + | font-family: Osaka, verdana, Sans-Serif; |
font-size: 16px; | font-size: 16px; | ||
} | } | ||
Line 170: | Line 174: | ||
text-align: left; | text-align: left; | ||
padding-left: 7px; | padding-left: 7px; | ||
+ | color: #330066 | ||
} | } | ||
#freedom li a:hover { | #freedom li a:hover { | ||
background-color: #b2b2cc; | background-color: #b2b2cc; | ||
+ | |||
} | } | ||
#freedom li a.selected { | #freedom li a.selected { | ||
Line 198: | Line 204: | ||
=================================================================== */ | =================================================================== */ | ||
- | #nav {padding:0; margin:0; background: | + | #nav {padding:0; margin:0; background: transparent;; width: 230px} |
#nav a:hover {text-decoration:underline;} | #nav a:hover {text-decoration:underline;} | ||
- | #nav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width: | + | #nav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;} |
#nav dt a {color:#000; text-decoration:none;} | #nav dt a {color:#000; text-decoration:none;} | ||
#nav dd {padding:0; margin:0;} | #nav dd {padding:0; margin:0;} | ||
#nav dd ul {padding:0; margin:0; list-style:none;} | #nav dd ul {padding:0; margin:0; list-style:none;} | ||
- | #nav dd ul li {padding-left:20px; width: | + | #nav dd ul li {padding-left:20px; width:230px} |
#nav dd ul li a {font-size:12px; color:#000; text-decoration:none;} | #nav dd ul li a {font-size:12px; color:#000; text-decoration:none;} | ||
Line 262: | Line 268: | ||
#footer { | #footer { | ||
border: none; | border: none; | ||
- | + | background-color: transparent; | |
margin: 0; | margin: 0; | ||
padding: 0; } | padding: 0; } | ||
+ | |||
+ | #footer-box { | ||
+ | border:none; | ||
+ | background-color: transparent; | ||
+ | } | ||
.firstHeading { | .firstHeading { | ||
Line 484: | Line 495: | ||
} | } | ||
- | + | #stones { | |
+ | position: fixed; | ||
+ | top: 45px; | ||
+ | left: 0px; | ||
+ | width: 43px; | ||
+ | padding: 2px; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2010/3/34/Transparency50.png'); | ||
+ | background-repeat: repeat-y; | ||
+ | } | ||
/* MIT ChemE Menu */ | /* MIT ChemE Menu */ | ||
Line 494: | Line 513: | ||
#topnav { | #topnav { | ||
- | height: | + | height: 65px; |
overflow: hidden; | overflow: hidden; | ||
} | } | ||
Line 506: | Line 525: | ||
display: block; | display: block; | ||
width: 183px; | width: 183px; | ||
- | height: | + | height: 65px; |
margin-right: 2px; | margin-right: 2px; | ||
background-color: #2e2e2e; | background-color: #2e2e2e; | ||
- | font-family: " | + | font-family: "Arial", Verdana, sans-serif; |
font-size: medium; | font-size: medium; | ||
line-height: 1.25em; | line-height: 1.25em; | ||
color: #fff; | color: #fff; | ||
+ | font-weight: 900; | ||
} | } | ||
Line 546: | Line 566: | ||
clear: both; | clear: both; | ||
position: absolute; | position: absolute; | ||
- | top: | + | top: 65px; |
left: 0px; | left: 0px; | ||
width: 950px; | width: 950px; | ||
Line 665: | Line 685: | ||
#topnav li.notebook ul { | #topnav li.notebook ul { | ||
- | width: | + | width: 463px; |
- | padding-left: | + | padding-left: 460px; |
} | } | ||
Line 684: | Line 704: | ||
#topnav li.contributions ul { | #topnav li.contributions ul { | ||
- | width: | + | width: 293px; |
- | padding-left: | + | padding-left: 630px; |
} | } | ||
+ | |||
+ | #specialnav {padding:0; margin:0; background: transparent;; width: 230px} | ||
+ | #specialnav a:hover {text-decoration:underline;} | ||
+ | #specialnav dt b, #nav dt a {display:block; font-weight:normal; font-size:14px; color:#fff; padding: 5px 10px; cursor:pointer; width:230px; background-color: #016b9d;} | ||
+ | #specialnav dt a {color:#000; text-decoration:none;} | ||
+ | #specialnav dd {padding:0; margin:0;} | ||
+ | #specialnav dd ul {padding:0; margin:0; list-style:none;} | ||
+ | #specialnav dd ul li {padding-left:20px; width:230px} | ||
+ | #specialnav dd ul li a {font-size:12px; color:#000; text-decoration:none;} | ||
Line 692: | Line 721: | ||
</style> | </style> | ||
+ | |||
+ | |||
</head> | </head> | ||
<body> | <body> | ||
<div id="header"> | <div id="header"> | ||
- | <div id="whitespace" style="background-color: transparent; height: | + | <div id="whitespace" style="background-color: transparent; height: 60px; font-size: large; color: white;"> <a href="http://mit.edu"><img style="vertical-align: -35px;" src="http://web.mit.edu/img/MIT_logo.gif"> <b style="vertical-align:-15px;">iGEM 2010</b></a></div> |
<div id="navwrapper"> | <div id="navwrapper"> | ||
<ul id="topnav"> | <ul id="topnav"> | ||
<li class="about"><a href="https://2010.igem.org/Team:MIT"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Home</td></table> | <li class="about"><a href="https://2010.igem.org/Team:MIT"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Home</td></table> | ||
- | |||
</a> | </a> | ||
Line 705: | Line 735: | ||
<li class="last"><a href="https://2010.igem.org/Team:MIT">Home</a></li> | <li class="last"><a href="https://2010.igem.org/Team:MIT">Home</a></li> | ||
</ul></li> | </ul></li> | ||
- | <li class="people"><a href="https://2010.igem.org/Team: | + | <li class="people"><a href="https://2010.igem.org/Team:MIT/Team"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Team</td></table> |
- | + | ||
</a> | </a> | ||
Line 718: | Line 747: | ||
</ul></li> | </ul></li> | ||
<li class="academics"><a href="https://2010.igem.org/Team:MIT_overview"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Project</td></table> | <li class="academics"><a href="https://2010.igem.org/Team:MIT_overview"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Project</td></table> | ||
- | |||
</a> | </a> | ||
<ul> | <ul> | ||
<li><a href="https://2010.igem.org/Team:MIT_overview">Overview</a></li> | <li><a href="https://2010.igem.org/Team:MIT_overview">Overview</a></li> | ||
- | <li><a href="https://2010.igem.org/Team:MIT_toggle"> | + | <li><a href="https://2010.igem.org/Team:MIT_toggle">Bacteria</a></li> |
<li><a href="https://2010.igem.org/Team:MIT_phage">Phage</a></li> | <li><a href="https://2010.igem.org/Team:MIT_phage">Phage</a></li> | ||
<li><a href="https://2010.igem.org/Team:MIT_mammalian">Mammalian</a></li> | <li><a href="https://2010.igem.org/Team:MIT_mammalian">Mammalian</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:MIT_results">Results</a></li> | ||
<li><a href="https://2010.igem.org/Team:MIT_summary">Summary</a></li> | <li><a href="https://2010.igem.org/Team:MIT_summary">Summary</a></li> | ||
<li class="last"><a href="https://2010.igem.org/Team:MIT_acknowledgements">Acknowledgments</a></li> | <li class="last"><a href="https://2010.igem.org/Team:MIT_acknowledgements">Acknowledgments</a></li> | ||
Line 731: | Line 760: | ||
</li> | </li> | ||
- | <li class="notebook"><a href="https://2010.igem.org/Team: | + | <li class="notebook"><a href="https://2010.igem.org/Team:MIT/Notebook"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Notebook</td></table> |
- | + | ||
</a> | </a> | ||
<ul> | <ul> | ||
<li><a href="https://2010.igem.org/Team:MIT_mm">Materials & Methods</a></li> | <li><a href="https://2010.igem.org/Team:MIT_mm">Materials & Methods</a></li> | ||
- | <li><a href="https://2010.igem.org/Team: | + | <li><a href="https://2010.igem.org/Team:MIT_parts">Parts</a></li> |
- | + | <li class="last"><a href ="https://2010.igem.org/Team:MIT_safety">Safety</a></li> | |
- | + | ||
</ul></li> | </ul></li> | ||
- | <li class="contributions"><a href=" | + | <li class="contributions"><a href="https://2010.igem.org/Team:MIT_contributions" class="last"><table style="padding: 5px; background-color: transparent; color:white;"><tr><td>Beyond Biobrick</td></table></a> |
<ul> | <ul> | ||
- | <li><a href=" | + | <li><a href="https://2010.igem.org/Team:MIT_mammalian_Standard">New Mammalian Standard</a></li> |
- | + | <li class="last"><a href="https://2010.igem.org/Team:MIT_bioethics">Bioethics</a></li> | |
- | <li class="last"><a href=" | + | |
</ul></li> | </ul></li> | ||
</ul> | </ul> | ||
</div> | </div> | ||
- | <div id="whitespace" style="height: | + | <div id="whitespace" style="height: 100px;"></div> |
- | </div> | + | </div> |
+ | |||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 02:53, 28 October 2010