|
|
Line 1: |
Line 1: |
| + | {{Team:USTC_Software/Header}} |
| + | |
| <html> | | <html> |
- | <head> | + | <div id="home"> |
- | <style type="text/css">
| + | <div class='slide_content'> |
- | body {behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc);}
| + | <div class='tabslider'> |
- | | + | <ul> |
- | .clear {clear:both;}
| + | <li> |
- | body.mediawiki { | + | <div id="textWrapper"> |
- | background-color:#494d51; | + | <span class="head">Welcome to iGEM USTC Software</span><br> |
- | background-position: center center;
| + | </html>{{:Team:USTC_Software/home}}<html> |
- | background-attachment: fixed;
| + | </div> |
- | background-repeat: no-repeat;
| + | </li> |
- | font-family: Calibri, Verdana, helvetica, sans-serif;
| + | </ul> |
- | }
| + | <ul> |
- | h2 {padding: 10px 20px;
| + | <li> |
- | font-size: 18px;
| + | <div id="textWrapper"> |
- | color: #eb8300;
| + | <span class="head">MoDeL</span><br> |
- | text-decoration: none;
| + | </html>{{:Team:USTC_Software/idea}}<html> |
- | font-weight: bold;}
| + | </div> |
- | border: none;
| + | </li> |
- | h2 a {color: #eb8300;}
| + | </ul> |
- | h3 {padding: 10px 20px;
| + | <ul> |
- | font-size: 16px;
| + | <li> |
- | color: #000;
| + | <div id="textWrapper"> |
- | font-decoration: none;
| + | <span class="head">Project</span><br> |
- | font-weight: bold;}
| + | </html>{{:Team:USTC_Software/project}}<html> |
- | h1.firstHeading {
| + | </div> |
- | display: none;
| + | </li> |
- | }
| + | </ul> |
- | p {
| + | <ul> |
- | text-align: justify;
| + | <li> |
- | }
| + | <div id="textWrapper"> |
- | a:link {
| + | <span class="head">Notebook</span><br> |
- | color: #00a5ea;
| + | </html>{{:Team:USTC_Software/notebook}}<html> |
- | text-decoration: none
| + | </div> |
- | }
| + | </li> |
- | a:visited {
| + | </ul> |
- | color:#00a5ea;
| + | <ul> |
- | text-decoration: none
| + | <li> |
- | }
| + | <div id="textWrapper"> |
- | a:hover {
| + | <span class="head">Demo</span><br> |
- | color: #eb8300;
| + | </html>{{:Team:USTC_Software/downloads}}<html> |
- | text-decoration: none
| + | </div> |
- | }
| + | </li> |
- | a:active {
| + | </ul> |
- | color:#f29400;
| + | <ul> |
- | text-decoration: none
| + | <li> |
- | }
| + | <div id="textWrapper"> |
- | #bodyContent { width: 970px; margin: 225px 0px 0px; background-color:#ede8e2;}
| + | <span class="head">Resources</span><br> |
- | #content {padding-left: 0px; width: 970px;}
| + | </html>{{:Team:USTC_Software/resources}}<html> |
- | table#team_members { text-align: justify; border: 0; }
| + | </div> |
- | table#team_members h2, table#team_members h3 { clear: both; }
| + | </li> |
- | #content * a:hover {text-decoration:none;}
| + | </ul> |
- | #main_wrapper {
| + | <ul> |
- | position:absolute; left:0px; top:0px;
| + | <li> |
- | margin: 0;
| + | <div id="textWrapper"> |
- | width: 969px;
| + | <span class="head">Human Practice</span><br> |
- | height: 221px;
| + | </html>{{:Team:USTC_Software/human_practice}}<html> |
- | align: center;
| + | </div> |
- | border-style: solid;
| + | </li> |
- | border-color: white;
| + | </ul> |
- | }
| + | <ul> |
- | #header {
| + | <li> |
- | position:absolute; left:0px; top:0px;
| + | <div id="textWrapper"> |
- | margin: 0;
| + | <span class="head">Team Profile</span><br> |
- | width: 969px;
| + | </html>{{:Team:USTC_Software/team}}<html> |
- | height: 221px;
| + | </div> |
- | align: left;
| + | </li> |
- | background-color: gray;
| + | </ul> |
- | <!-- background-image: url(https://static.igem.org/mediawiki/2010/c/c3/USTC_Software_Logo.png);--> | + | </div> |
- | }
| + | </div> |
- | #navigation {
| + | </html> |
- | 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 -->
| + | {{Team:USTC_Software/Footer}} |
- | </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>
| + | |