Team:USTC Software2
From 2010.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
- | |||
- | |||
<html> | <html> | ||
- | + | <head> | |
- | + | <style type="text/css"> | |
- | + | body {behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc);} | |
- | + | ||
- | + | .clear {clear:both;} | |
- | + | body.mediawiki { | |
- | + | background-color:#494d51; | |
- | + | background-position: center center; | |
- | + | background-attachment: fixed; | |
- | + | background-repeat: no-repeat; | |
- | + | font-family: Calibri, Verdana, helvetica, sans-serif; | |
- | + | } | |
- | + | h2 {padding: 10px 20px; | |
- | + | font-size: 18px; | |
- | + | color: #eb8300; | |
- | + | text-decoration: none; | |
- | + | font-weight: bold;} | |
- | + | border: none; | |
- | + | h2 a {color: #eb8300;} | |
- | + | h3 {padding: 10px 20px; | |
- | + | font-size: 16px; | |
- | + | color: #000; | |
- | + | font-decoration: none; | |
- | + | font-weight: bold;} | |
- | + | h1.firstHeading { | |
- | + | display: none; | |
- | + | } | |
- | + | p { | |
- | + | text-align: justify; | |
- | + | } | |
- | + | a:link { | |
- | + | color: #00a5ea; | |
- | + | text-decoration: none | |
- | + | } | |
- | + | a:visited { | |
- | + | color:#00a5ea; | |
- | + | text-decoration: none | |
- | + | } | |
- | + | a:hover { | |
- | + | color: #eb8300; | |
- | + | text-decoration: none | |
- | + | } | |
- | + | a:active { | |
- | + | color:#f29400; | |
- | + | text-decoration: none | |
- | + | } | |
- | + | #bodyContent { width: 970px; margin: 225px 0px 0px; background-color:#ede8e2;} | |
- | + | #content {padding-left: 0px; width: 970px;} | |
- | + | table#team_members { text-align: justify; border: 0; } | |
- | + | table#team_members h2, table#team_members h3 { clear: both; } | |
- | + | #content * a:hover {text-decoration:none;} | |
- | + | #main_wrapper { | |
- | + | position:absolute; left:0px; top:0px; | |
- | + | margin: 0; | |
- | + | width: 969px; | |
- | + | height: 221px; | |
- | + | align: center; | |
- | + | border-style: solid; | |
- | + | border-color: white; | |
- | + | } | |
- | + | #header { | |
- | + | position:absolute; left:0px; top:0px; | |
- | + | margin: 0; | |
- | + | width: 969px; | |
- | + | height: 221px; | |
- | + | align: left; | |
- | + | background-color: gray; | |
- | + | <!-- background-image: url(https://static.igem.org/mediawiki/2010/c/c3/USTC_Software_Logo.png);--> | |
- | </ | + | } |
- | </ | + | #navigation { |
+ | position:absolute; left:0px; top:150px; width:793px; height:69px; | ||
+ | z-index:100; background-color: transparent; float: left; | ||
+ | color: #0000FF; | ||
+ | } | ||
+ | #super_main_wrapper { | ||
+ | position:absolute; left:0px; top:227px; | ||
+ | width: 975px; | ||
+ | align: center; | ||
+ | background-color: #ede8e2; | ||
+ | heigth: auto; | ||
+ | } | ||
+ | |||
+ | #SubWrapper {width: 645px; | ||
+ | padding: 0px; | ||
+ | border-left:4px solid #ede8e2; | ||
+ | float: left; | ||
+ | margin-top: 3px; | ||
+ | background-color: #ede8e2;} | ||
+ | #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: 322px; | ||
+ | margin-top: 3px; | ||
+ | float: left; | ||
+ | background-color: #d8d5d0; | ||
+ | border-right:4px solid #ede8e2;} | ||
+ | #news p {padding: 0 20px 20px 20px; | ||
+ | text-align: justify; | ||
+ | font-size: 12px;} | ||
+ | #news h3 {padding: 10px 20px; | ||
+ | font-size: 18px;} | ||
+ | div.tleft {border-width: 0px; margin:0; padding:0;border-color:transparent;} | ||
+ | |||
+ | |||
+ | <!-- ################# Navi styles ######################### --> | ||
+ | #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: 14px; | ||
+ | background-color: transparent; | ||
+ | float:left; | ||
+ | padding: 10px 0 0 0; | ||
+ | } | ||
+ | |||
+ | #menu ul { | ||
+ | float: left; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | #menu ul li { | ||
+ | background-color:transparent; | ||
+ | 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: #00a5ea; | ||
+ | } | ||
+ | |||
+ | #menu ul li ul { | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | left: -20px; | ||
+ | width: 155px; | ||
+ | heigth: 1%; | ||
+ | font-size: 12px; | ||
+ | opacity: 0.8; | ||
+ | list-style: none; | ||
+ | top: 19px; | ||
+ | padding-top: 9px; | ||
+ | z-index:500; | ||
+ | } | ||
+ | |||
+ | #menu ul li:hover ul { | ||
+ | display: inline; | ||
+ | background-position: bottom; | ||
+ | } | ||
+ | |||
+ | #menu ul li ul li { | ||
+ | width: 100%; | ||
+ | list-style: none; | ||
+ | background-color: #000; | ||
+ | margin: -1px; | ||
+ | padding: 0 0 0 5px; | ||
+ | display: inline; | ||
+ | } | ||
+ | |||
+ | body#home #mainHome a, | ||
+ | body#team .aTeam, | ||
+ | body#project .aProject, | ||
+ | body#notebook .aNotebook, | ||
+ | body#modeling .aModeling, | ||
+ | body#sponsors .aSponsors, | ||
+ | body#eucaryopedia .aEucaryopedia, | ||
+ | body#parts .aParts | ||
+ | { color: #F08F03; <!--cursor: default;--> } | ||
+ | |||
+ | |||
+ | </style> | ||
+ | </head> | ||
+ | |||
+ | |||
+ | |||
+ | <!-- ############################# BODY!!!!! #################################### --> | ||
+ | |||
+ | <body> | ||
+ | <!--[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: 22px;} | ||
+ | </style> | ||
+ | <![endif]--> | ||
+ | <div id="main_wrapper"> | ||
+ | <div id="header"> | ||
+ | <img src="https://static.igem.org/mediawiki/2010/c/c3/USTC_Software_Logo.png" width="350px" height="150px" alt="iGEM USTC 2010"> | ||
+ | <p style="float: right; margin-right: 30px"> | ||
+ | Welcome to<br> | ||
+ | <span style="margin-left: 2em">iGEM USTC Software</span> | ||
+ | </p> | ||
+ | <div id="navigation"> | ||
+ | <div id="menu" style="position:static"> | ||
+ | <ul> | ||
+ | <li id="mainHome"><a class="aMain" href="https://2010.igem.org/Team:USTC_Software/home">Home</a></li> | ||
+ | <li id="mainModel"><a class="aModel" href="https://2010.igem.org/Team:USTC_Software/MoDeL">MoDeL</a> </li> | ||
+ | <li id="mainProject"><a class="aProject" href="https://2010.igem.org/Team:USTC_Software/project">Project</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2010.igem.org/Team:USTC_Software/project">overview</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:USTC_Software/project">project1</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li id="mainDemo"><a class="aDemo" href="https://2010.igem.org/Team:USTC_Software/downloads">Demo</a> </li> | ||
+ | <li id="mainNotebook"><a class="aNotebook" href="https://2010.igem.org/Team:USTC_Software/notebook">Notebook</a> </li> | ||
+ | <li id="mainHumanPractice"><a class="aHumanPractice" href="https://2010.igem.org/Team:USTC_Software/human_practice">Human Practice</a> </li> | ||
+ | <li id="mainResources"><a class="aMainResource" href="https://2010.igem.org/Team:USTC_Software/resources">Resources</a> </li> | ||
+ | <li id="mainTeam"><a class="aTeam" href="https://2010.igem.org/Team:USTC_Software/team">Team And Sponsors</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2010.igem.org/Team:USTC_Software/team">Team</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:USTC_Software/team>Sponsors"</a>Sponsors</li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
- | {{ | + | </div><!-- end drop menu --> |
+ | </div> <!-- end navigation --> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- 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 == 'mainNotebook') {--> | ||
+ | <!-- li.onmouseover = function() { this.getElementsByTagName('ul').item(0).style.display = 'block'; }--> | ||
+ | <!-- li.onmouseout = function() { this.getElementsByTagName('ul').item(0).style.display = 'none'; }--> | ||
+ | <!-- }--> | ||
+ | <!-- }--> | ||
+ | <!--}--> | ||
+ | </script> | ||
+ | </body></html> |
Revision as of 16:04, 12 October 2010
Welcome to
iGEM USTC Software