Template:Team:USTC Software/Header
From 2010.igem.org
(Difference between revisions)
(New page: <html> <link rel="stylesheet" type="text/css" href="http://casualconnect.net/iGEM/overall.css"> <script type="text/javascript" src="http://casualconnect.net/iGEM/jquery.easing.min.js"></...) |
|||
(170 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
- | + | <head> | |
- | + | <style type="text/css"> | |
- | + | body {behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc);} | |
- | + | ||
- | + | #menubar{ | |
- | + | position: absolute; | |
- | + | top: 0px; | |
- | + | } | |
- | + | ||
- | + | #menubar li a{ | |
- | + | color:black; | |
- | + | } | |
- | + | ||
- | + | #menubar li a:hover { | |
- | + | color:#8f6620; | |
- | + | font-weight: bold; | |
- | + | } | |
- | + | ||
- | + | #menubar li.selected a { | |
- | + | color:#292f2f; | |
- | + | } | |
- | + | ||
- | } | + | #top-section { height: 20px; margin-top: -5px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; margin-bottom: 10px; padding:0; border: none;} |
- | + | ||
- | + | #globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0;} | |
- | + | ||
- | + | #search-controls { overflow:hidden; display:block; background: none; position: absolute; top: -100px; right: -100px;} | |
- | + | ||
- | + | #p-logo { height:1px; overflow:hidden; display: none;} | |
- | + | ||
- | + | .left-menu { width: 400px; display:block; float:left; border: none;} | |
- | + | .left-menu ul { border: none; } | |
- | + | ||
- | + | #menubar.right-menu { width:300px; display:block; float:left; border: none;} | |
- | + | .right-menu ul { border: none;} | |
- | + | ||
- | + | .clear {clear:both;} | |
- | + | body.mediawiki { | |
- | + | background-color: gray; | |
- | + | 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; | |
- | <div id=" | + | 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: #3300FF; | |
- | + | text-decoration: none | |
- | + | } | |
- | + | a:visited { | |
- | + | color:#3300FF; | |
- | + | text-decoration: none | |
- | + | } | |
- | + | a:hover { | |
- | + | color: #eb8300; | |
- | + | text-decoration: none | |
- | + | } | |
- | + | a:active { | |
- | + | color:#f29400; | |
- | + | text-decoration: none | |
- | + | } | |
- | + | #bodyContent { width: 970px; margin: 250px 0px 0px 0px; background-color:white;} | |
- | + | #content {padding-left: 2px; width: 970px; background-color:white;} | |
- | + | 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: 246px; | |
- | + | align: center; | |
- | + | border-style: solid; | |
+ | border-color: white; | ||
+ | } | ||
+ | #header { | ||
+ | position:absolute; left:0px; top:0px; | ||
+ | margin: 0; | ||
+ | width: 969px; | ||
+ | height: 250px; | ||
+ | align: center; | ||
+ | background-repeat: no-repeat; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2010/3/38/USTC_Software_header8_finish.jpg); | ||
+ | } | ||
+ | |||
+ | #navigation { | ||
+ | position:absolute; left:0px; top:157px; width:793px; height:69px; | ||
+ | z-index:100; background-color: transparent; float: left; | ||
+ | color: #0000FF; | ||
+ | } | ||
+ | |||
+ | #menu * { | ||
+ | width: 960px; | ||
+ | margin-top: 10px; | ||
+ | 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: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: #c7807c; | ||
+ | display: inline; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | #menu a:visited { | ||
+ | color:#c7807c; | ||
+ | text-decoration: none | ||
+ | } | ||
+ | |||
+ | #menu a:hover { | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | #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; | ||
+ | } | ||
+ | |||
+ | <!-- contents --> | ||
+ | .leftcontent{ | ||
+ | width: 300px; | ||
+ | float: left; | ||
+ | height: 500px; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | </head> | ||
+ | |||
+ | |||
+ | |||
+ | <!-- ############################# BODY!!!!! #################################### --> | ||
+ | |||
+ | <body> | ||
+ | <div id="main_wrapper"> | ||
+ | <div id="header"> | ||
+ | <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="mainProject"><a class="aProject" href="https://2010.igem.org/Team:USTC_Software/Features">Project</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2010.igem.org/Team:USTC_Software/Features">Introduction</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:USTC_Software/User_Interface">User Interface Design</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:USTC_Software/MoDeL">MoDeL</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:USTC_Software/Simulation">Algorithm</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:USTC_Software/resources">Resources</a></li> | ||
+ | </ul> | ||
+ | <li id="mainModel"><a class="aModel" href="https://2010.igem.org/Team:USTC_Software/MoDeL">MoDeL</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2010.igem.org/Team:USTC_Software/MoDeL">One-Minute Introduction</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:USTC_Software/model_features">Features</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:USTC_Software/model_lang">Standardization</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:USTC_Software/model_future">Future Work</a></li> | ||
+ | </ul> | ||
+ | <li id="mainDemo"><a class="aDemo" href="https://2010.igem.org/Team:USTC_Software/downloads">Demo</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2010.igem.org/Team:USTC_Software/downloads">Overview of Demos</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:USTC_Software/Transfer function of Part:BBa_F2620">pLux-LuxR repression system</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:USTC_Software/Toggle-Switch">Toggle-Switch</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:USTC_Software/Repressilator">Repressilator</a></li> | ||
+ | </ul> | ||
+ | |||
+ | <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> | ||
+ | <ul> | ||
+ | <li><a href="https://2010.igem.org/Team:USTC_Software/human_practice">The C Project</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:USTC_Software/safety">Safety</a></li> | ||
+ | </ul> | ||
+ | <li id="mainTeam"><a class="aTeam" href="https://2010.igem.org/Team:USTC_Software/team">Team</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2010.igem.org/Team:USTC_Software/team">Overview</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:USTC_Software/Students">Students</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:USTC_Software/Instructors">Instructors</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:USTC_Software/iGEM Teams">Collaboration</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:USTC_Software/attribution">Attribution & Contributions</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:USTC_Software/acknowledgments">Acknowledgments</a></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.onmouseover = function() { this.getElementsByTagName('ul').item(0).style.display = 'block'; } | ||
+ | li.onmouseout = function() { this.getElementsByTagName('ul').item(0).style.display = 'none'; } | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | </script> | ||
+ | </body></html> |
Latest revision as of 05:38, 28 November 2010