Template:Stylesheet
From 2012hs.igem.org
(Difference between revisions)
(228 intermediate revisions not shown) | |||
Line 3: | Line 3: | ||
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> | <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> | ||
<title>iGEM-2012HS - LSL-Heidelberg</title> | <title>iGEM-2012HS - LSL-Heidelberg</title> | ||
- | + | ||
+ | <style type="text/css"> | ||
+ | /*body {behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc);}*/ | ||
+ | |||
+ | |||
+ | .clear {clear:both;} | ||
+ | body.mediawiki { | ||
+ | background-color:#0e2f52; | ||
+ | background-position: center center; | ||
+ | background-repeat: no-repeat; | ||
+ | height:100%; | ||
+ | |||
+ | } | ||
+ | h2 {padding: 10px 20px; | ||
+ | font-size: 18px; | ||
+ | color: #80b3b3; | ||
+ | text-decoration: none; | ||
+ | font-weight: bold;} | ||
+ | |||
+ | |||
+ | |||
+ | h2 a {color: #80b3b3;} | ||
+ | h3 {padding: 10px 20px; | ||
+ | font-size: 16px; | ||
+ | color: #000; | ||
+ | font-decoration: none; | ||
+ | font-weight: bold;} | ||
+ | h1.firstHeading { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | a:link { | ||
+ | color: #80b3b3; | ||
+ | text-decoration: none | ||
+ | } | ||
+ | a:visited { | ||
+ | color:#80b3b3; | ||
+ | text-decoration: none | ||
+ | } | ||
+ | a:hover { | ||
+ | color: #00a5ea; | ||
+ | text-decoration: none | ||
+ | } | ||
+ | a:active { | ||
+ | color:#00a5ea; | ||
+ | text-decoration: none | ||
+ | } | ||
+ | h4 {padding: 10px 20px; | ||
+ | font-size: 16px; | ||
+ | color: #80b3b3; | ||
+ | font-decoration: none; | ||
+ | font-weight: bold;} | ||
+ | |||
+ | h5 {padding: 10px 20px; | ||
+ | font-size: 16px; | ||
+ | color: #0d3055; | ||
+ | font-decoration: none; | ||
+ | font-weight: bold;} | ||
+ | |||
+ | |||
+ | |||
+ | #navigation { | ||
+ | position:absolute; top:-42px; width:793px; height:69px; | ||
+ | z-index:100; background-color: transparent; float: left; | ||
+ | color: #0000FF; | ||
+ | } | ||
+ | |||
+ | #super_main_wrapper { | ||
+ | position:absolute; top:0px; | ||
+ | width: 975px; | ||
+ | align: center; | ||
+ | background-color: #ffffff; | ||
+ | /*heigth: auto;*/ | ||
+ | } | ||
+ | |||
+ | |||
+ | #SubWrapper {width: 680px; | ||
+ | padding: 0px; | ||
+ | float: left; | ||
+ | margin-top: 0px; | ||
+ | background-color: #ffffff; | ||
+ | /*heigth: auto;*/} | ||
+ | #SubWrapper * p, | ||
+ | #SubWrapper p {padding: 0 20px; | ||
+ | text-align: justify; | ||
+ | font-size: 12px;} | ||
+ | #SubWrapper * h3, #SubWrapper h3 { | ||
+ | padding-top: 10px; | ||
+ | font-size: 18px;} | ||
+ | #news {width: 293px; | ||
+ | margin-top: 0px; | ||
+ | float: left; | ||
+ | background-color: #eff7fc; | ||
+ | border-left:1px solid #5a5b5e;} | ||
+ | #news p {padding: 20px 20px 20px 20px; | ||
+ | text-align: justify; | ||
+ | font-size: 12px;} | ||
+ | #news h3 {padding: 10px 20px; | ||
+ | font-size: 18px;} | ||
#menu * { | #menu * { | ||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
- | |||
- | |||
} | } | ||
Line 15: | Line 111: | ||
behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc); <!-- fuer ie6 --> | behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc); <!-- fuer ie6 --> | ||
font-family: calibri, verdana, sans-serif; | font-family: calibri, verdana, sans-serif; | ||
- | font-size: | + | font-size: 18px; |
background-color: transparent; | background-color: transparent; | ||
float:left; | float:left; | ||
Line 55: | Line 151: | ||
position: absolute; | position: absolute; | ||
left: 2px; | left: 2px; | ||
- | width: | + | width: 190px; |
heigth: 1%; | heigth: 1%; | ||
- | font-size: | + | font-size: 14px; |
- | opacity: 0. | + | opacity: 0.9; |
list-style: none; | list-style: none; | ||
- | top: | + | top: 29px; |
padding-top: 9px; | padding-top: 9px; | ||
z-index:50; | z-index:50; | ||
Line 73: | Line 169: | ||
width: 100%; | width: 100%; | ||
list-style: none; | list-style: none; | ||
- | background-color: # | + | background-color: #666666; |
margin: -1px; | margin: -1px; | ||
padding: 0 0 0 5px; | padding: 0 0 0 5px; | ||
Line 79: | Line 175: | ||
} | } | ||
- | + | #kette { | |
- | # | + | position:absolute; |
- | { | + | top: 20px; |
- | + | left: 10px; | |
- | + | z-index:1; | |
- | + | } | |
- | + | #box-orange {position: absolute; | |
- | + | top: 160px; | |
+ | left:42px; | ||
+ | z-index:1; | ||
+ | width:160px; | ||
+ | height: 250px; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2012hs/c/c6/Eppi-box-orange.png); | ||
+ | } | ||
+ | #box-orange:hover { | ||
+ | background-image: url(https://static.igem.org/mediawiki/2012hs/9/94/Eppi-box-orange-glow.png); | ||
} | } | ||
- | + | #box-blue {position: absolute; | |
- | { | + | top: 160px; |
- | + | left:237px; | |
- | + | z-index:1; | |
+ | width:160px; | ||
+ | height: 250px; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2012hs/8/8d/Eppi-box-blue.png); | ||
+ | } | ||
+ | #box-blue:hover { | ||
+ | background-image: url(https://static.igem.org/mediawiki/2012hs/a/af/Eppi-box-blue-glow.png); | ||
} | } | ||
- | # | + | #box-red {position: absolute; |
- | + | top: 160px; | |
- | + | left:437px; | |
- | + | z-index:1; | |
- | + | width:180px; | |
- | + | height: 250px; | |
- | + | background-image: url(https://static.igem.org/mediawiki/2012hs/1/1f/Eppi-box-red.png); | |
- | + | } | |
- | + | #box-red:hover { | |
- | + | background-image: url(https://static.igem.org/mediawiki/2012hs/4/4b/Eppi-box-red-glow.png); | |
- | + | ||
- | + | ||
} | } | ||
- | # | + | #box-idea { |
- | { | + | position:absolute; |
- | + | top: 253px; | |
+ | left: 39px; | ||
+ | z-index:1; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | #box-science { | ||
+ | position:absolute; | ||
+ | top: 253px; | ||
+ | left: 234px; | ||
+ | z-index:1; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | #box-store{ | ||
+ | position:absolute; | ||
+ | top: 253px; | ||
+ | left: 430px; | ||
+ | z-index:1; | ||
+ | background-color: transparent; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | </style> | |
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
+ | |||
<!--[if IE]> | <!--[if IE]> | ||
<style type="text/css"> | <style type="text/css"> | ||
Line 145: | Line 255: | ||
<![endif]--> | <![endif]--> | ||
- | + | <div id="navigation"> | |
<div id="menu" style="position:static"> | <div id="menu" style="position:static"> | ||
<ul> | <ul> | ||
Line 154: | Line 264: | ||
<li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Team_Members#Students">Participants</a></li> | <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Team_Members#Students">Participants</a></li> | ||
<li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Team_Members#Advisors">Advisors</a></li> | <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Team_Members#Advisors">Advisors</a></li> | ||
- | <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Team_Scientific_Environment">Scientific Environment</a></li> | + | <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Team_Scientific_Environment">Scientific Environment</a></li> |
<li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Gallery">Gallery</a></li> | <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Gallery">Gallery</a></li> | ||
<li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Acknowledgements">Acknowledgements</a></li> | <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Acknowledgements">Acknowledgements</a></li> | ||
Line 161: | Line 271: | ||
<li id="mainProject"><a class="aProject" href="http://2012HS.igem.org/Team:Heidelberg_LSL/Project">Project</a> | <li id="mainProject"><a class="aProject" href="http://2012HS.igem.org/Team:Heidelberg_LSL/Project">Project</a> | ||
<ul> | <ul> | ||
- | <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/ | + | <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Project#abstract">Abstract</a></li> |
- | <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/ | + | <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Project_Introduction">Introduction</a></li> |
- | <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Project_UVsensors"> | + | <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Project_UVsensors">Sensor Construction</a></li> |
- | <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/ | + | <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Measurement">Measurements</a></li> |
- | <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/ | + | <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Project_humanPractice">Human Practice</a></li> |
+ | <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Project_Summary">Summary & Outlook</a></li> | ||
<li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Project_References">References</a></li> | <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Project_References">References</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
- | + | ||
<li id="mainParts"><a class="aParts" href="http://2012HS.igem.org/Team:Heidelberg_LSL/Parts">Parts</a> | <li id="mainParts"><a class="aParts" href="http://2012HS.igem.org/Team:Heidelberg_LSL/Parts">Parts</a> | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</li> | </li> | ||
<li id="mainNotebook"><a class="aNotebook" href="http://2012HS.igem.org/Team:Heidelberg_LSL/Notebook">Notebook</a> | <li id="mainNotebook"><a class="aNotebook" href="http://2012HS.igem.org/Team:Heidelberg_LSL/Notebook">Notebook</a> | ||
<ul> | <ul> | ||
- | <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/ | + | <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Notebook">Notebook-Timeline</a></li> |
<li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Notebook_materials">Materials</a></li> | <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Notebook_materials">Materials</a></li> | ||
<li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Notebook_methods">Methods</a></li> | <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Notebook_methods">Methods</a></li> | ||
+ | <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Notebook_safety">Safety</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
+ | <li id="mainStore"><a class="aSponsors" href="http://2012HS.igem.org/Team:Heidelberg_LSL/Online_store">Online Store</a></li> | ||
<li id="mainSponsors"><a class="aSponsors" href="http://2012HS.igem.org/Team:Heidelberg_LSL/Sponsors">Sponsors</a></li> | <li id="mainSponsors"><a class="aSponsors" href="http://2012HS.igem.org/Team:Heidelberg_LSL/Sponsors">Sponsors</a></li> | ||
</div><!-- end drop menu --> | </div><!-- end drop menu --> | ||
- | + | </div> <!-- end navigation --> | |
</head> | </head> | ||
<!-- For IE 6 --> | <!-- For IE 6 --> |
Latest revision as of 02:18, 17 June 2012