Template:Team:USTC Software/Header

From 2010.igem.org

(Difference between revisions)
 
(169 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- Countdown -->
 
<html>
<html>
-
<div style="width:160px;margin:0 auto;">
+
<head>
-
<embed width="100%" height="60" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"
+
  <style type="text/css">
-
src="http://www.oneplusyou.com/bb/files/countdown/countdown.swf?co=8bce9e&amp;bgcolor=FFFFFF&amp;date_month=11&amp;date_day=05&amp;date_year=10&amp;un=IGEM JAMBOREE 2010&amp;size=normal&amp;mo=11&amp;da=05&amp;yr=2010">
+
      body {behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc);}
-
</div>
+
-
</html>
+
-
----
+
#menubar{
 +
    position: absolute;
 +
    top: 0px;
 +
}
-
<!-- Follow -->
+
#menubar li a{
-
'''Follow us on'''
+
    color:black;
-
<br /><br /><br />
+
}
-
<html>
+
#menubar li a:hover {
-
<div style="width:160px;margin:0 auto;">
+
    color:#8f6620;
-
+
    font-weight: bold;
-
<div style="margin-right:5px;width:32px;height:32px;display:block;float:left;background-image:url(http://2010.igem.org/wiki/images/7/7e/Twitter-32x32.png);">
+
}
-
<a href="http://twitter.com/USTC_iGEM" title="USTC iGEM Team Twitter" style="width:100%;height:100%;display:block;"></a>
+
-
</div>
+
-
+
-
<div style="margin-right:5px;width:32px;height:32px;display:block;float:left;background-image:url(http://2010.igem.org/wiki/images/c/c8/Facebook-32x32.png);">
+
-
<a href="#" title="USTC_Software iGEM Team Facebook" style="width:100%;height:100%;display:block;"></a>
+
-
</div>
+
-
+
-
<div style="margin-right:5px;width:32px;height:32px;display:block;float:left;background-image:url(http://2010.igem.org/wiki/images/3/38/Youtube-32x32.png);">
+
-
<a href="#" title="USTC_Software iGEM Team YouTube" style="width:100%;height:100%;display:block;"></a>
+
-
</div>
+
-
+
-
<div style="margin-right:5px;width:32px;height:32px;display:block;float:left;background-image:url(http://2010.igem.org/wiki/images/e/e7/Rss-32x32.png);">
+
-
<a href="#" title="USTC_Software iGEM Team RSS" style="width:100%;height:100%;display:block;"></a>
+
-
</div>
+
-
+
-
</div>
+
-
+
-
</html>
+
-
<br /><br /><br />
+
-
----
+
#menubar li.selected a {
 +
    color:#292f2f;
 +
}
-
<!-- News -->
+
#top-section { height: 20px; margin-top: -5px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; margin-bottom: 10px; padding:0; border: none;}
-
'''News'''
+
-
<br /><br /><br />
+
-
----
+
#globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0;}
-
<!-- Share (AddThis Button) -->
+
#search-controls { overflow:hidden; display:block; background: none; position: absolute; top: -100px; right: -100px;}
-
<html>
+
-
<div class="addthis_toolbox addthis_default_style">
+
-
<a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;username=xa-4c40c07f2e6f1372">
+
-
<img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/>
+
-
</a>
+
-
</div>
+
-
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4c40c07f2e6f1372"></script>
+
-
</html>
+
-
----
+
#p-logo { height:1px; overflow:hidden; display: none;}
-
<!-- Sponsors -->
+
.left-menu { width: 400px; display:block; float:left;  border: none;}
-
'''Sponsors'''
+
.left-menu ul { border: none; }
-
<br /><br /><br />
+
-
<html>
+
#menubar.right-menu { width:300px; display:block; float:left; border: none;}
-
<div style="width:160px;margin:0 auto;">
+
.right-menu ul { border: none;}
-
<a href="http://biox.ustc.edu.cn">
+
-
<img src="http://2009.igem.org/wiki/images/4/42/Sponsor2.png" width="160" height="32">
+
-
</a>
+
-
</div>
+
-
</html>
+
-
----
+
      .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;
 +
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(http://2010.igem.org/wiki/images/3/38/USTC_Software_header8_finish.jpg);
 +
                      }
-
<!-- External Links -->
+
#navigation {
-
'''External links'''
+
position:absolute; left:0px; top:157px; width:793px; height:69px;
-
<br /><br /><br />
+
z-index:100; background-color: transparent; float: left;
 +
color: #0000FF;
 +
}
 +
               
 +
#menu * {
 +
        width: 960px;
 +
margin-top: 10px;
 +
padding: 0;
 +
}
-
[http://igem.ustc.edu.cn iGEM@USTC]
+
#menu {
-
<br /><br /><br />
+
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;
 +
}
-
[http://openwetware.org/wiki/IGEM:USTC USTC iGEM on OpenWetware]
+
#menu ul {
-
<br /><br /><br />
+
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>
 +
-
[http://biotech.ustc.edu.cn/forum USTC Biotech Forum]
 
-
<br /><br /><br />
 
-
[http://groups.google.com/group/igem-china iGEM China Google Group]
+
<!-- ############################# BODY!!!!! #################################### -->
-
<br /><br /><br />
+
-
----
+
<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="http://2010.igem.org/Team:USTC_Software/home">Home</a></li>
 +
<li id="mainProject"><a class="aProject" href="http://2010.igem.org/Team:USTC_Software/Features">Project</a>
 +
<ul>
 +
<li><a href="http://2010.igem.org/Team:USTC_Software/Features">Introduction</a></li>
 +
<li><a href="http://2010.igem.org/Team:USTC_Software/User_Interface">User Interface Design</a></li>
 +
<li><a href="http://2010.igem.org/Team:USTC_Software/MoDeL">MoDeL</a></li>
 +
<li><a href="http://2010.igem.org/Team:USTC_Software/Simulation">Algorithm</a></li>
 +
<li><a href="http://2010.igem.org/Team:USTC_Software/resources">Resources</a></li>
 +
</ul>
 +
<li id="mainModel"><a class="aModel" href="http://2010.igem.org/Team:USTC_Software/MoDeL">MoDeL</a>
 +
<ul>
 +
<li><a href="http://2010.igem.org/Team:USTC_Software/MoDeL">One-Minute Introduction</a></li>
 +
<li><a href="http://2010.igem.org/Team:USTC_Software/model_features">Features</a></li>
 +
<li><a href="http://2010.igem.org/Team:USTC_Software/model_lang">Standardization</a></li>
 +
                        <li><a href="http://2010.igem.org/Team:USTC_Software/model_future">Future Work</a></li>
 +
</ul>
 +
<li id="mainDemo"><a class="aDemo" href="http://2010.igem.org/Team:USTC_Software/downloads">Demo</a>
 +
<ul>
 +
<li><a href="http://2010.igem.org/Team:USTC_Software/downloads">Overview of Demos</a></li>
 +
<li><a href="http://2010.igem.org/Team:USTC_Software/Transfer function of Part:BBa_F2620">pLux-LuxR repression system</a></li>
 +
                        <li><a href="http://2010.igem.org/Team:USTC_Software/Toggle-Switch">Toggle-Switch</a></li>
 +
                        <li><a href="http://2010.igem.org/Team:USTC_Software/Repressilator">Repressilator</a></li>
 +
</ul>
-
<!-- Contact us -->
+
<li id="mainNotebook"><a class="aNotebook" href="http://2010.igem.org/Team:USTC_Software/notebook">Notebook</a> </li>
-
'''Contact us'''
+
<li id="mainHumanPractice"><a class="aHumanPractice" href="http://2010.igem.org/Team:USTC_Software/human_practice">Human Practice</a>
-
<br /><br /><br />
+
<ul>
 +
<li><a href="http://2010.igem.org/Team:USTC_Software/human_practice">The C Project</a></li>
 +
<li><a href="http://2010.igem.org/Team:USTC_Software/safety">Safety</a></li>
 +
              </ul>
 +
<li id="mainTeam"><a class="aTeam" href="http://2010.igem.org/Team:USTC_Software/team">Team</a>
 +
<ul>
 +
<li><a href="http://2010.igem.org/Team:USTC_Software/team">Overview</a></li>
 +
<li><a href="http://2010.igem.org/Team:USTC_Software/Students">Students</a></li>
 +
<li><a href="http://2010.igem.org/Team:USTC_Software/Instructors">Instructors</a></li>
 +
<li><a href="http://2010.igem.org/Team:USTC_Software/iGEM Teams">Collaboration</a></li>
 +
                        <li><a href="http://2010.igem.org/Team:USTC_Software/attribution">Attribution & Contributions</a></li>
 +
                        <li><a href="http://2010.igem.org/Team:USTC_Software/acknowledgments">Acknowledgments</a></li>
 +
</ul>
 +
</li>
 +
</ul>
-
[mailto:Mort.Yao@gmail.com Mort.Yao@gmail.com]
+
</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