Template:Team:USTC Software/Header

From 2010.igem.org

(Difference between revisions)
 
(97 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<head>
<head>
-
      <style type="text/css">
+
  <style type="text/css">
      body {behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc);}
      body {behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc);}
-
div#p-logo{
+
#menubar{
-
     display: none;
+
     position: absolute;
 +
    top: 0px;
}
}
-
div#search-controls{
+
#menubar li a{
-
     display: none;
+
     color:black;
-
    position: absolute;
+
-
    float: right;
+
-
    top: 20px;
+
-
    right: 20px;
+
-
    background: url("") no-repeat;
+
-
    width: 120px;
+
-
    height: 25px;
+
}
}
-
#mw-searchButton{
+
 
-
     display: none;
+
#menubar li a:hover {
-
    border: none;
+
     color:#8f6620;
-
    background: none;
+
     font-weight: bold;
-
    width: 30px;
+
-
    height: 25px;
+
-
    left: 87px;
+
-
    line-height: 0;
+
-
     font-size: 1px;
+
-
    text-indent: 100pc;
+
-
    cursor: pointer;
+
-
    top: 0;
+
-
    position: absolute;
+
-
    padding: 0;
+
-
    margin: 0;
+
}
}
-
div#menubar{
+
#menubar li.selected a {
-
     position: absolute;
+
     color:#292f2f;
-
    top: 0;
+
}
}
-
.left-menu{
+
#top-section { height: 20px; margin-top: -5px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; margin-bottom: 10px; padding:0; border: none;}
-
    left: 570px;
+
 
-
    top: 0;
+
#globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0;}
-
}
+
 
-
.right-menu{
+
#search-controls { overflow:hidden; display:block; background: none; position: absolute; top: -100px; right: -100px;}
-
    left: -160px;
+
 
-
}
+
#p-logo { height:1px; overflow:hidden; display: none;}
-
div#menubar .selected a{
+
 
-
    color: yellow;
+
.left-menu { width: 400px; display:block; float:left; border: none;}
-
}
+
.left-menu ul { border: none; }
-
div#menubar a{
+
 
-
    color: #2CF;
+
#menubar.right-menu { width:300px; display:block; float:left; border: none;}
-
}
+
.right-menu ul { border: none;}
-
div#contentSub{
+
 
-
    display: none;
+
-
    position: absolute;
+
-
}
+
-
#top-section{
+
-
    height: 40px;
+
-
    width:  100%;
+
-
    border: 0;
+
-
    position: absolute;
+
-
}
+
       .clear {clear:both;}
       .clear {clear:both;}
body.mediawiki {
body.mediawiki {
-
background-color:#494d51;
+
background-color: gray;
background-position: center center;
background-position: center center;
background-attachment: fixed;
background-attachment: fixed;
Line 90: Line 63:
}
}
a:link {
a:link {
-
color: #00a5ea;
+
color: #3300FF;
text-decoration: none
text-decoration: none
}  
}  
a:visited {
a:visited {
-
color:#00a5ea;
+
color:#3300FF;
text-decoration: none
text-decoration: none
}
}
Line 105: Line 78:
text-decoration: none
text-decoration: none
}
}
-
#bodyContent { width: 970px; margin: 225px 0px 0px; background-color:#ede8e2;}
+
#bodyContent { width: 970px; margin: 250px 0px 0px 0px; background-color:white;}
-
                 #content {padding-left: 0px; width: 970px;}
+
                 #content {padding-left: 2px; width: 970px; background-color:white;}
table#team_members { text-align: justify; border: 0; }
table#team_members { text-align: justify; border: 0; }
table#team_members h2, table#team_members h3 { clear: both; }
table#team_members h2, table#team_members h3 { clear: both; }
Line 114: Line 87:
margin: 0;
margin: 0;
width: 969px;
width: 969px;
-
height: 221px;
+
height: 246px;
align: center;
align: center;
border-style: solid;
border-style: solid;
Line 123: Line 96:
margin: 0;
margin: 0;
width: 969px;
width: 969px;
-
height: 221px;
+
height: 250px;
align: center;
align: center;
-
background-color: #669966;
+
                      background-repeat: no-repeat;
-
<!--            background-image: url(https://static.igem.org/mediawiki/2010/c/c3/USTC_Software_Logo.png);-->
+
                      background-image: url(https://static.igem.org/mediawiki/2010/3/38/USTC_Software_header8_finish.jpg);
-
}
+
                      }
-
#header img
+
 
-
{
+
-
margin-left: 60px;
+
-
margin-top: 25px;
+
-
}
+
-
#header p
+
-
{
+
-
font-family: Courier, Futura, Impact, sans-serif;
+
-
-moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; border-top-left-radius: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; border-top-right-radius: 8px;
+
-
font-size: 20pt; color: white;
+
-
height: 100px;
+
-
                        margin-top: 50px;
+
-
}
+
-
+
#navigation {
#navigation {
-
position:absolute; left:0px; top:150px; width:793px; height:69px;
+
position:absolute; left:0px; top:157px; width:793px; height:69px;
z-index:100; background-color: transparent; float: left;  
z-index:100; background-color: transparent; float: left;  
color: #0000FF;
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 * {
#menu * {
-
margin: 0;
+
        width: 960px;
 +
margin-top: 10px;
padding: 0;
padding: 0;
}
}
Line 188: Line 117:
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: 14px;
+
font-size: 18px;
background-color: transparent;
background-color: transparent;
float:left;
float:left;
Line 210: Line 139:
#menu a {
#menu a {
-
color: #FFF;
+
color: #c7807c;
display: inline;
display: inline;
text-decoration: none;
text-decoration: none;
Line 216: Line 145:
#menu a:visited {
#menu a:visited {
-
color:#FFFFFF;
+
color:#c7807c;
text-decoration: none
text-decoration: none
}
}
#menu a:hover {
#menu a:hover {
-
color: #00a5ea;
+
color: white;
}
}
Line 251: Line 180:
         display: inline;
         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;--> }
 
<!-- contents -->
<!-- contents -->
Line 269: Line 188:
}
}
-
.rightcontent{
+
</style>
-
    width: 300px;
+
-
    float: right;
+
-
    height: 500px;
+
-
}
+
-
 
+
-
 
+
-
</style>
+
</head>
</head>
Line 284: Line 196:
<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="main_wrapper">  
<div id="header">
<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="navigation">
<div id="menu" style="position:static">
<div id="menu" style="position:static">
<ul>
<ul>
<li id="mainHome"><a class="aMain" href="https://2010.igem.org/Team:USTC_Software/home">Home</a></li>
<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/Features">Project</a>
-
<li id="mainProject"><a class="aProject" href="https://2010.igem.org/Team:USTC_Software/project">Project</a>
+
<ul>
<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/Features">Introduction</a></li>
-
<li><a href="https://2010.igem.org/Team:USTC_Software/Features">Features</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/User_Interface">User Interface</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/MoDeL">MoDeL</a></li>
-
<li><a href="https://2010.igem.org/Team:USTC_Software/Simulation">Simulation</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>
</ul>
-
</li>
+
<li id="mainModel"><a class="aModel" href="https://2010.igem.org/Team:USTC_Software/MoDeL">MoDeL</a>
-
<li id="mainDemo"><a class="aDemo" href="https://2010.igem.org/Team:USTC_Software/downloads">Demo</a> </li>
+
<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="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="mainHumanPractice"><a class="aHumanPractice" href="https://2010.igem.org/Team:USTC_Software/human_practice">Human Practice</a>
-
<li id="mainResources"><a class="aMainResource" href="https://2010.igem.org/Team:USTC_Software/resources">Resources</a> </li>
+
<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>  
<li id="mainTeam"><a class="aTeam" href="https://2010.igem.org/Team:USTC_Software/team">Team</a>  
<ul>
<ul>
-
<li><a href="https://2010.igem.org/Team:USTC_Software/team">Students</a></li>
+
<li><a href="https://2010.igem.org/Team:USTC_Software/team">Overview</a></li>
-
<li><a href="https://2010.igem.org/Team:USTC_Software/team">Instructors</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>
</ul>
</li>
</li>
-
<!-- <li id="mainSponsors"><a class="aSponsors" href="https://2010.igem.org/Team:USTC_Software/Sponsors">Sponsors</a>  -->
 
-
 
</ul>
</ul>
Line 334: Line 249:
<!-- For IE 6 -->
<!-- For IE 6 -->
<script type="text/javascript">
<script type="text/javascript">
-
<!--window.onload = function() {-->
+
window.onload = function() {
-
<!--      var lis = document.getElementsByTagName('li');-->
+
      var lis = document.getElementsByTagName('li');
-
<!--      for(i = 0; i < lis.length; i++) {-->
+
      for(i = 0; i < lis.length; i++) {
-
<!--            var li = lis[i];-->
+
            var li = lis[i];
-
<!--            if (li.id == 'mainTeam' || li.id == 'mainProject' || li.id == 'mainNotebook') {-->
+
            if (li.id == 'mainTeam' || li.id == 'mainProject' ) {
-
<!--                  li.onmouseover = function() { this.getElementsByTagName('ul').item(0).style.display = 'block'; }-->
+
                  li.onmouseover = function() { this.getElementsByTagName('ul').item(0).style.display = 'block'; }
-
<!--                  li.onmouseout = function() { this.getElementsByTagName('ul').item(0).style.display = 'none'; }-->
+
                  li.onmouseout = function() { this.getElementsByTagName('ul').item(0).style.display = 'none'; }
-
<!--            }-->
+
            }
-
<!--      }-->
+
      }
-
<!--}-->
+
}
</script>
</script>
</body></html>
</body></html>

Latest revision as of 05:38, 28 November 2010