Template:PrepaTec
From 2012hs.igem.org
(Difference between revisions)
(20 intermediate revisions not shown) | |||
Line 5: | Line 5: | ||
<style type="text/css"> | <style type="text/css"> | ||
- | |||
#content { background-color: transparent; border: none; width: 975px;} | #content { background-color: transparent; border: none; width: 975px;} | ||
Line 15: | Line 14: | ||
display:none; | display:none; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
input.searchButton:visited {color: #1b2c8a;} | input.searchButton:visited {color: #1b2c8a;} | ||
Line 39: | Line 30: | ||
background-color:transparent; | background-color:transparent; | ||
} | } | ||
- | |||
#p-logo { height:89px; overflow:hidden;} | #p-logo { height:89px; overflow:hidden;} | ||
Line 45: | Line 35: | ||
width:0; | width:0; | ||
height:100px; | height:100px; | ||
- | + | margin-top:20px; | |
- | + | margin-left:400px; | |
- | + | margin-right:800px; | |
padding-left:975px; | padding-left:975px; | ||
padding-right:975px; | padding-right:975px; | ||
background:transparent; | background:transparent; | ||
- | + | z-index:1; | |
} | } | ||
Line 57: | Line 47: | ||
{ | { | ||
background: #1b2c8a; | background: #1b2c8a; | ||
- | background-image: url('https://static.igem.org/mediawiki/2012hs/ | + | background-image: url('https://static.igem.org/mediawiki/2012hs/b/b3/Baner2.jpg'); |
background-position: top; | background-position: top; | ||
- | height: | + | height:210px; |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
- | + | ||
- | + | } | |
+ | |||
+ | #globalWrapper { | ||
+ | background-image: url("https://static.igem.org/mediawiki/2012hs/0/09/Fondo_exterior2.jpg"); | ||
+ | background-position: top center; | ||
+ | background-repeat: repeat-y-x; | ||
+ | border-width:0px; | ||
+ | border-top-width:0px; | ||
+ | border-bottom-width:0px; | ||
+ | } | ||
</style> | </style> | ||
</head> | </head> | ||
+ | </html> | ||
+ | |||
+ | <html> | ||
+ | <head> | ||
+ | <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> | ||
+ | |||
+ | <style type="text/css"> | ||
+ | |||
+ | .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;} | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | #navigation { | ||
+ | position:absolute; top:-42px; width:793px; height:69px; | ||
+ | z-index:100; background-color: transparent; float: center; | ||
+ | color: #0000FF; | ||
+ | } | ||
+ | |||
+ | #super_main_wrapper { | ||
+ | position:absolute; top:0px; | ||
+ | width: 975px; | ||
+ | align: center; | ||
+ | background-color: #ffffff; | ||
+ | } | ||
+ | |||
+ | |||
+ | #SubWrapper {width: 680px; | ||
+ | padding: 0px; | ||
+ | float: center; | ||
+ | margin-top: 0px; | ||
+ | background-color: #ffffff; | ||
+ | /*heigth: auto;*/} | ||
+ | #SubWrapper * p, | ||
+ | #SubWrapper p {padding: 0 20px; | ||
+ | text-align: center; | ||
+ | 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: center; | ||
+ | font-size: 12px;} | ||
+ | #news h3 {padding: 10px 20px; | ||
+ | font-size: 18px;} | ||
+ | |||
+ | #menu * { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | #menu { | ||
+ | behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc); <!-- fuer ie6 --> | ||
+ | font-family: calibri, verdana, sans-serif; | ||
+ | font-size: 18px; | ||
+ | background-color: transparent; | ||
+ | float:center; | ||
+ | padding: 5px 0 0 0; | ||
+ | } | ||
+ | |||
+ | #menu ul { | ||
+ | float: center; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | #menu ul li { | ||
+ | position:relative; | ||
+ | float:left; | ||
+ | list-style: none; | ||
+ | padding: 10px 15px 0 0; | ||
+ | font-weight: bold; | ||
+ | width: auto; | ||
+ | } | ||
+ | |||
+ | #menu a { | ||
+ | color: #FFF; | ||
+ | display: inline; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | #menu a:visited { | ||
+ | color:#FFFFFF; | ||
+ | text-decoration: none | ||
+ | } | ||
+ | |||
+ | #menu a:hover { | ||
+ | color: #80b3b3; | ||
+ | } | ||
+ | |||
+ | #menu ul li ul { | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | left: 2px; | ||
+ | width: 190px; | ||
+ | heigth: 1%; | ||
+ | font-size: 14px; | ||
+ | opacity: 0.9; | ||
+ | list-style: none; | ||
+ | top: 29px; | ||
+ | padding-top: 9px; | ||
+ | z-index:50; | ||
+ | } | ||
+ | |||
+ | #menu ul li:hover ul { | ||
+ | display: inline; | ||
+ | background-position: bottom; | ||
+ | } | ||
+ | |||
+ | #menu ul li ul li { | ||
+ | width: 100%; | ||
+ | list-style: none; | ||
+ | background-color: #666666; | ||
+ | margin: -1px; | ||
+ | padding: 0 0 0 5px; | ||
+ | display: inline; | ||
+ | } | ||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | <!--[if IE]> | ||
+ | <style type="text/css"> | ||
+ | #SubWrapper {width: 645px;} | ||
+ | #news {width: 317px;} | ||
+ | #super_main_wrapper {position:static;} | ||
+ | #navigation {left: 15px;} | ||
+ | #menu ul li ul {left: -2px; top: 0px;} | ||
+ | </style> | ||
+ | <![endif]--> | ||
+ | |||
+ | <div id="navigation"> | ||
+ | <div id="menu" style="position:static"> | ||
+ | <ul> | ||
+ | <li id="mainHome"><a class="aMain" href="https://2012hs.igem.org/Team:PrepaTec_GarzaSadaMx">Home</a></li> | ||
+ | <li id="mainTeam"><a class="aTeam" href="https://2012hs.igem.org/Team:PrepaTec_GarzaSadaMx/Project">Project</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2012hs.igem.org/Team:PrepaTec_GarzaSadaMx/Summary">Summary</a></li> | ||
+ | <li><a href="https://2012hs.igem.org/Team:PrepaTec_GarzaSadaMx/Protocols">Protocols</a></li> | ||
+ | <li><a href="https://2012hs.igem.org/Team:PrepaTec_GarzaSadaMx/Recipies">Human Practices</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li id="mainProject"><a class="aProject" href="https://2012hs.igem.org/Team:PrepaTec_GarzaSadaMx/AboutUs">About Us</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2012hs.igem.org/Team:PrepaTec_GarzaSadaMx/Advisors">Advisors</a></li> | ||
+ | <li><a href="https://2012hs.igem.org/Team:PrepaTec_GarzaSadaMx/Members">Members</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | <li id="mainParts"><a class="aParts" href="https://2012hs.igem.org/Team:PrepaTec_GarzaSadaMx/Meassurements">Measurements</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2012hs.igem.org/Team:PrepaTec_GarzaSadaMx/Safety">Safety</a></li> | ||
+ | <li><a href="https://2012hs.igem.org/Team:PrepaTec_GarzaSadaMx/Control">Control of Variables</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li id="mainNotebook"><a class="aNotebook" href="https://2012hs.igem.org/Team:PrepaTec_GarzaSadaMx/Attributions">Attributions</a> | ||
+ | |||
+ | </li> | ||
+ | <li id="mainStore"><a class="aSponsors" href="https://2012hs.igem.org/Team:PrepaTec_GarzaSadaMx/Gallery">Gallery</a></li> | ||
+ | |||
+ | </div><!-- end drop menu --> | ||
+ | </div> <!-- end navigation --> | ||
+ | </head> | ||
+ | <!-- For IE 6 --> | ||
+ | <script type="text/javascript"> | ||
+ | window.onload = function() { | ||
+ | var lis = document.getElementsByTagName('li'); | ||
+ | for(i = 0; i < lis.length; i++) { | ||
+ | var li = lis[i]; | ||
+ | if (li.id == 'mainTeam' || li.id == 'mainProject' || li.id == 'mainParts' || li.id == 'mainModeling' || li.id == 'mainNotebook') { | ||
+ | li.onmouseover = function() { this.getElementsByTagName('ul').item(0).style.display = 'block'; } | ||
+ | li.onmouseout = function() { this.getElementsByTagName('ul').item(0).style.display = 'none'; } | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | </script> | ||
+ | |||
+ | |||
</html> | </html> |
Latest revision as of 23:33, 16 June 2012