Template:Team:USTC Software/Header

From 2010.igem.org

(Difference between revisions)
(Undo revision 89020 by Jkdirac (Talk))
 
(138 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<style>
+
<head>
-
/* USTC_Software | 20100717 */
+
  <style type="text/css">
-
/* BEGIN CSS RESET */
+
      body {behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc);}
-
html, body, div, span, applet, object, iframe,
+
-
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+
-
a, abbr, acronym, address, big, cite, code,
+
-
del, dfn, em, font, img, ins, kbd, q, s, samp,
+
-
small, strike, strong, sub, sup, tt, var,
+
-
b, u, i, center,
+
-
dl, dt, dd, ol, ul, li,
+
-
fieldset, form, label, legend,
+
-
table, caption, tbody, tfoot, thead, tr, th, td {
+
-
margin: 0;
+
-
padding: 0;
+
-
border: 0;
+
-
outline: 0;
+
-
vertical-align: baseline;
+
-
background: transparent;
+
-
line-height: 1;
+
-
}
+
-
body {
+
-
line-height: 1;
+
-
}
+
-
ol, ul {
+
-
list-style: none;
+
-
vertical-align: ;
+
-
}
+
-
blockquote, q {
+
-
quotes: none;
+
-
}
+
-
blockquote:before, blockquote:after,
+
-
q:before, q:after {
+
-
content: '';
+
-
content: none;
+
-
}
+
-
/* remember to define focus styles! */
+
#menubar{
-
:focus {
+
    position: absolute;
-
outline: 0;
+
    top: 0px;
-
}
+
}
-
/* remember to highlight inserts somehow! */
+
#menubar li a{
-
ins {
+
    color:black;
-
text-decoration: none;
+
}
-
}
+
-
del {
+
-
text-decoration: line-through;
+
-
}
+
-
/* tables still need 'cellspacing="0"' in the markup */
+
-
table {
+
-
border-collapse: collapse;
+
-
border-spacing: 0;
+
-
}
+
-
/* END CSS RESET */
+
-
.tabbed_content .slide_content {
+
#menubar li a:hover {
-
overflow: hidden;
+
    color:#8f6620;
-
width: 650px;
+
    font-weight: bold;
-
}
+
}
-
.slide_content {
+
-
margin-top: -2em!important;
+
-
}
+
-
.tabslider {
+
-
width: 10000px;
+
-
overflow: auto;
+
-
}
+
-
.tabslider ul {
+
#menubar li.selected a {
-
float: left;
+
    color:#292f2f;
-
width: 650px;
+
}
-
}
+
-
.lavaLampBottomStyle {
+
#top-section { height: 20px; margin-top: -5px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; margin-bottom: 10px; padding:0; border: none;}
-
position: relative;
+
-
height: 29px;
+
-
width: 1000px;
+
-
padding: 15px;
+
-
margin: 0 5px 0 0;
+
-
overflow: hidden;
+
-
}
+
-
.lavaLampBottomStyle li {
+
-
float: left;
+
-
list-style: none;
+
-
}
+
-
.lavaLampBottomStyle li.back {
+
-
border-bottom: 0px solid #F5FFFA;
+
-
width: 9px;
+
-
height: 30px;
+
-
z-index: 8;
+
-
position: absolute;
+
-
}
+
-
.lavaLampBottomStyle li a {
+
-
font: bold 10pt Courier;
+
-
text-decoration: none;
+
-
color: #ffffff;
+
-
outline: none;
+
-
text-align: center;
+
-
top: 7px;
+
-
letter-spacing: 0;
+
-
z-index: 10;
+
-
display: block;
+
-
float: left;
+
-
height: 30px;
+
-
position: relative;
+
-
overflow: hidden;
+
-
margin: auto 10px;
+
-
+
-
.lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
+
-
border: none;
+
-
}
+
 +
#globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0;}
-
/* Wiki Hacks - START */
+
#search-controls { overflow:hidden; display:block; background: none; position: absolute; top: -100px; right: -100px;}
-
#globalWrapper {
+
#p-logo { height:1px; overflow:hidden; display: none;}
-
background-color: transparent;
+
-
border: none;
+
-
margin: 0;
+
-
padding: 0;
+
-
}
+
-
#content {
+
.left-menu { width: 400px; display:block; float:left; border: none;}
-
background-color: transparent;
+
.left-menu ul { border: none; }
-
border: none;
+
-
padding: 2;
+
-
margin: 0;
+
-
width: 100%;
+
-
}
+
-
#bodyContent {
+
#menubar.right-menu { width:300px; display:block; float:left; border: none;}
-
border: none;
+
.right-menu ul { border: none;}
-
padding:2;
+
-
margin:0;
+
-
width:100%;
+
-
}
+
-
#top-section {
+
      .clear {clear:both;}
-
height: 20px;
+
body.mediawiki {
-
margin-left: auto;
+
background-color: gray;
-
width: 99%;
+
background-position: center center;
-
margin-right: auto;
+
background-attachment: fixed;
-
margin-bottom: 10px;
+
background-repeat: no-repeat;
-
margin-top: 3px;
+
font-family: Calibri, Verdana, helvetica, sans-serif;
-
border-bottom: 0px dashed gray;
+
}
-
}
+
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(https://static.igem.org/mediawiki/2010/3/38/USTC_Software_header8_finish.jpg);
 +
                      }
-
#p-logo {
+
#navigation {
-
height:1px;
+
position:absolute; left:0px; top:157px; width:793px; height:69px;
-
overflow:hidden;
+
z-index:100; background-color: transparent; float: left;  
-
display: none;
+
color: #0000FF;
-
}
+
}
-
#search-controls {
+
               
-
overflow:hidden;
+
#menu * {
-
top: 20px;
+
        width: 960px;
-
left: 0px;
+
margin-top: 10px;
-
display:block;
+
padding: 0;
-
background: none;
+
}
-
position: absolute;
+
-
}
+
-
.left-menu {
+
#menu {
-
width: 400px;
+
behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc); <!-- fuer ie6 -->
-
display:block;
+
font-family: calibri, verdana, sans-serif;
-
float:left;
+
font-size: 18px;
-
margin-top:-80px;
+
background-color: transparent;
-
border: none;
+
float:left;
-
}
+
padding: 10px 0 0 0;
 +
}
-
.left-menu ul {
+
#menu ul {
-
border: none;
+
float: left;
-
}
+
list-style: none;
-
#menubar li a {
+
}
-
color: #ffffff;
+
-
}
+
-
#menubar.right-menu {
+
#menu ul li {
-
width:300px;
+
background-color:transparent;
-
display:block;
+
        position:relative;
-
float:left;
+
float:left;
-
margin-top:-80px;
+
list-style: none;
-
border: none;
+
padding: 10px 15px 0 0;
-
}
+
        font-weight: bold;
 +
        width: auto;
 +
}
-
.right-menu ul {
+
#menu a {
-
border: none;
+
color: #c7807c;
-
}
+
display: inline;
 +
text-decoration: none;
 +
}
-
#footer-box {
+
#menu a:visited {
-
background-color: transparent;
+
color:#c7807c;
-
border: none;
+
text-decoration: none
-
width: 965px;
+
}
-
margin: 0 auto;
+
-
padding: 0;
+
-
color: black;
+
-
}
+
-
#footer {
+
#menu a:hover {
-
border: none;
+
color: white;
-
width: 965px;
+
}
-
margin: 0;
+
-
padding: 0;
+
-
}
+
-
.firstHeading {
+
#menu ul li ul {
-
display: none;
+
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;
 +
}
-
#f-list a {
+
#menu ul li:hover ul {
-
color: #333;
+
display: inline;
-
font-size: 10px;
+
        background-position: bottom;
-
}
+
}
-
#f-list a:hover {
+
#menu ul li ul li {
-
color: #666;
+
width: 100%;
-
}
+
list-style: none;
 +
        background-color: #000;
 +
        margin: -1px;
 +
        padding: 0 0 0 5px;
 +
        display: inline;
 +
}
-
#footer ul {
+
<!-- contents -->
-
margin: 0;
+
.leftcontent{
-
padding: 0;
+
    width: 300px;
-
}
+
    float: left;
 +
    height: 500px;
 +
}
-
#footer ul li {
+
</style>
-
margin-top: 0;
+
</head>
-
margin-bottom: 0;
+
-
margin-left: 10px;
+
-
margin-right: 10px;
+
-
padding: 0;
+
-
}
+
-
/* Wiki Hacks - END - Thanks TU-Delft, saved a lot of trouble!*/
 
-
html {
+
<!-- ############################# BODY!!!!! #################################### -->
-
height: 100%;
+
-
}
+
-
#overallMask {
+
-
position: relative;
+
-
margin: 3% auto 2em auto;
+
-
width: 800px;
+
-
}
+
-
#contentWrapper {
+
-
height: 100%;
+
-
padding: 4em;
+
-
min-height: 500px;
+
-
border-top: 0px solid #000080;
+
-
-moz-box-shadow: rgba(0, 0, 0, 0.3) 8px 8px 8px;
+
-
-webkit-box-shadow: rgba(0, 0, 0, 0.3) 8px 8px 8px;
+
-
box-shadow: rgba(0, 0, 0, 0.3) 8px 8px 8px;
+
-
background-color: #151B54;
+
-
}
+
-
#headerWrapper {
+
<body>
-
font-family: Courier, Futura, Impact, sans-serif;
+
<div id="main_wrapper">
-
-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;
+
<div id="header">
-
font-size: 20pt; color: #ffffff;
+
<div id="navigation">
-
height: 100px;
+
<div id="menu" style="position:static">
-
padding-top: 50px;
+
<ul>
-
}
+
<li id="mainHome"><a class="aMain" href="https://2010.igem.org/Team:USTC_Software/home">Home</a></li>
-
#headerWrapper img {
+
<li id="mainProject"><a class="aProject" href="https://2010.igem.org/Team:USTC_Software/Features">Project</a>
-
margin-left: 20px;
+
<ul>
-
margin-top: -40px;
+
<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>
-
#otherContent {
+
<li><a href="https://2010.igem.org/Team:USTC_Software/MoDeL">MoDeL</a></li>
-
padding: 0em 0 2em 2em;
+
<li><a href="https://2010.igem.org/Team:USTC_Software/Simulation">Algorithm</a></li>
-
width: 650px;
+
<li><a href="https://2010.igem.org/Team:USTC_Software/resources">Resources</a></li>
-
}
+
</ul>
-
#otherContent * {
+
<li id="mainModel"><a class="aModel" href="https://2010.igem.org/Team:USTC_Software/MoDeL">MoDeL</a>
-
line-height: 1.3em;
+
<ul>
-
}
+
<li><a href="https://2010.igem.org/Team:USTC_Software/MoDeL">One-Minute Introduction</a></li>
-
#textWrapper {
+
<li><a href="https://2010.igem.org/Team:USTC_Software/model_features">Features</a></li>
-
width: 650px;
+
<li><a href="https://2010.igem.org/Team:USTC_Software/model_lang">Standardization</a></li>
-
text-align: justify;
+
                        <li><a href="https://2010.igem.org/Team:USTC_Software/model_future">Future Work</a></li>
-
font-family: Verdana, sans-serif;
+
</ul>
-
font-size: 10pt;
+
<li id="mainDemo"><a class="aDemo" href="https://2010.igem.org/Team:USTC_Software/downloads">Demo</a>
-
color: #ffffff;
+
<ul>
-
}
+
<li><a href="https://2010.igem.org/Team:USTC_Software/downloads">Overview of Demos</a></li>
-
#textWrapper, #textWrapper * {
+
<li><a href="https://2010.igem.org/Team:USTC_Software/Transfer function of Part:BBa_F2620">pLux-LuxR repression system</a></li>
-
margin-top: 20px;
+
                        <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>
-
#textWrapper .head {
+
</ul>
-
font-family: Courier, "Lucida Grande", Tahoma, Helvetica, Verdana, Arial, sans-serif;
+
-
color: #ffffff;
+
-
line-height: 1!important;
+
-
padding: 0; margin: 0; /* again oh boy do I screw up */
+
-
font-weight: bold;
+
-
font-size: 20pt;
+
-
}
+
-
#sponsorWrapper {
+
-
position: absolute;
+
-
right: 4;
+
-
z-index: 1000;
+
-
width: 200px;
+
-
height: auto;
+
-
background-color: #ffffff;
+
-
margin-top: -4px; /* stupid fix to make sure the top of the text does not leak */
+
-
font-family: Arial, "Arial Narrow", Verdana, sans-serif;
+
-
font-size: 10pt;
+
-
font-weight: bold;
+
-
color: #000000;
+
-
}
+
-
</style>
+
-
<script type="text/javascript" src="http://casualconnect.net/iGEM/jquery.easing.min.js"></script>
+
<li id="mainNotebook"><a class="aNotebook" href="https://2010.igem.org/Team:USTC_Software/notebook">Notebook</a> </li>
-
<script type="text/javascript" src="http://casualconnect.net/iGEM/jquery.address-1.2.1.min.js"></script>
+
<li id="mainHumanPractice"><a class="aHumanPractice" href="https://2010.igem.org/Team:USTC_Software/human_practice">Human Practice</a>
-
<script type="text/javascript" src="http://casualconnect.net/iGEM/jquery.lavalamp.min.js"></script>
+
<ul>
-
<script type="text/javascript">
+
<li><a href="https://2010.igem.org/Team:USTC_Software/human_practice">The C Project</a></li>
-
$(function() {
+
<li><a href="https://2010.igem.org/Team:USTC_Software/safety">Safety</a></li>
-
$(".current").removeClass("current");
+
              </ul>
-
$('.lavaLampBottomStyle [rel='+$.address.value().substr(1) +']').parent().addClass("current");
+
<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>
-
var pages = ["home", "idea", "project", "notebook", "downloads","resources","human_practice","team"];
+
</div><!-- end drop menu -->
-
$("#tabs").lavaLamp({
+
</div> <!-- end navigation -->
-
fx: "backout",
+
</div>
-
speed: 700,
+
</div>
-
click: function(event, obj) {
+
<!-- For IE 6 -->
-
$.address.value($(obj).find('a').attr('rel'));  
+
<script type="text/javascript">
-
if($("#home").length !== 0) {
+
window.onload = function() {
-
return false;
+
      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'; }
 +
            }
 +
      }
}
}
-
else {
 
-
return true;
 
-
}
 
-
}
 
-
});
 
-
 
-
$.address.change(function(event) {
 
-
var currAddr = $.address.value().substr(1);
 
-
var page = event.path.substring(1);
 
-
v = $('.lavaLampBottomStyle [rel='+page+']').parent();
 
-
$(".lavaLampBottomStyle").trigger("move", v);
 
-
if($.inArray(page, pages) != -1) {
 
-
var margin = $(".slide_content").width();
 
-
margin = margin * ($.inArray(page, pages));
 
-
margin = margin * -1;
 
-
if(currAddr, pages) {
 
-
$(".tabslider").stop().animate({
 
-
marginLeft: margin + "px"
 
-
}, {
 
-
duration: 300
 
-
});
 
-
}
 
-
else {
 
-
$(".tabslider").css("marginLeft: " + margin + "px");
 
-
}
 
-
}
 
-
});
 
-
});
 
</script>
</script>
-
 
+
</body></html>
-
<div id="overallMask">
+
-
<div id="headerWrapper">
+
-
<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>
+
-
<div id="contentWrapper">
+
-
<div class='tabbed_content'>
+
-
<div class='tabs'>
+
-
<ul class="lavaLampBottomStyle" id="tabs">
+
-
<li>
+
-
<a href="https://2010.igem.org/Team:USTC_Software#/home" rel="home">[home]</a>
+
-
</li>
+
-
<li>
+
-
<a href="https://2010.igem.org/Team:USTC_Software#/idea" rel="idea">[idea]</a>
+
-
</li>
+
-
<li>
+
-
<a href="https://2010.igem.org/Team:USTC_Software#/project" rel="project">[project]</a>
+
-
</li>
+
-
<li>
+
-
<a href="https://2010.igem.org/Team:USTC_Software#/notebook" rel="notebook">[notebook]</a>
+
-
</li>
+
-
<li>
+
-
<a href="https://2010.igem.org/Team:USTC_Software#/downloads" rel="downloads">[downloads]</a>
+
-
</li>
+
-
<li>
+
-
<a href="https://2010.igem.org/Team:USTC_Software#/resources" rel="resources">[resources]</a>
+
-
</li>
+
-
<li>
+
-
<a href="https://2010.igem.org/Team:USTC_Software#/human_practice"  rel="human_practice">[human practice]</a>
+
-
</li>
+
-
<li>
+
-
<a href="https://2010.igem.org/Team:USTC_Software#/team"  rel="team">[team]</a>
+
-
</li>
+
-
</ul>
+
-
</div>
+
-
<div id="sponsorWrapper">
+
-
</html>{{Team:USTC_Software/Sidebar}}<html>
+
-
</div>
+
-
<div id="otherContent">
+

Latest revision as of 05:38, 28 November 2010