Team:HUST-China/Templates/css/style

From 2012.igem.org

(Difference between revisions)
 
(129 intermediate revisions not shown)
Line 1: Line 1:
 +
{{:Team:HUST-China/Templates/css/wikireset}}
 +
 +
<html>
<html>
 +
<head>
<style type="text/css">
<style type="text/css">
-
 
html, body, div, span, applet, object, iframe,
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
Line 22: Line 25:
body {
body {
/*background: #fff;*/
/*background: #fff;*/
 +
  line-height: 1;
   background-color: #fff;
   background-color: #fff;
 +
  font-family: Calibri, Arial;
 +
  font:Calibri;
 +
  overflow-x: hidden;
   background: url(https://static.igem.org/mediawiki/2012/3/3a/Bg.png);
   background: url(https://static.igem.org/mediawiki/2012/3/3a/Bg.png);
-
 
}
}
/*hd--------------------------------------*/
/*hd--------------------------------------*/
#hd{
#hd{
-
        position: relative;
+
width:730px;
-
width:780px;
+
margin:20px auto;
-
margin:0px auto;
+
text-align:center;
text-align:center;
-
        z-index:-1;
 
}
}
h1{
h1{
font-size: 5em;
font-size: 5em;
color:#2e423e;  
color:#2e423e;  
-
margin:25px 0 0 -30px;
+
margin:25px 0 0 30px;
float:left;
float:left;
-
width: 600px;
+
width: 400px;
height: 90px;
height: 90px;
 +
}
 +
h2{
 +
font-size: 2em;
 +
color:#2e423e;
 +
margin:10px 0 0 0px;
 +
float:left;
 +
width: 750px;
 +
height: 20px;
}
}
Line 51: Line 63:
background-repeat: repeat-x;
background-repeat: repeat-x;
float:left;
float:left;
-
margin-top:40px;
+
margin-top:165px;
-
position:relative;
+
position:absolute;
}
}
Line 58: Line 70:
#nav{
#nav{
color: #eee;
color: #eee;
-
// font-size: 24px;
+
font-size: 22px;
-
width:780px;
+
width:730px;
-
height:50px;
+
height:10px;
margin:0 auto;
margin:0 auto;
position:relative;
position:relative;
top:150px;
top:150px;
}
}
-
a{
+
#nav a,a:visited{
 +
        text-decoration:none;
color:#eee;
color:#eee;
-
text-decoration:none;
 
-
display:block;
 
}
}
-
a:hover{
+
#nav a:hover{
 +
        text-decoration:none;
cursor:pointer;
cursor:pointer;
background:#2e423e;
background:#2e423e;
 +
        color=#eee;
}
}
#nav ul{
#nav ul{
position:absolute;
position:absolute;
margin:0 auto;
margin:0 auto;
-
padding:0 25px 0 20px;
+
padding:0 20px 0 20px;
background: #5baf8f; /* Old browsers */
background: #5baf8f; /* Old browsers */
background: -moz-linear-gradient(top,  #5baf8f 0%, #498f7d 100%); /* FF3.6+ */
background: -moz-linear-gradient(top,  #5baf8f 0%, #498f7d 100%); /* FF3.6+ */
Line 98: Line 111:
background:#2e423e;
background:#2e423e;
text-decoration: none;
text-decoration: none;
 +
}
 +
#second ul li{
 +
background:#5baf8f;
 +
width: 89px;
 +
}
 +
#second ul{
 +
padding: 0;
 +
font-size: 15.5px;
}
}
 +
 +
#menubar{
 +
        width:100px;
 +
}
 +
 +
#footer-box{
 +
      display:none;
 +
}
 +
 +
#ft{
 +
width:720px;
 +
position:relative;
 +
color:grey;
 +
float:left;
 +
text-align:center;
 +
border-top:2px solid #888;
 +
padding-top:10px;
 +
padding-bottom:40px;
 +
}
/*main-----------------------------------*/
/*main-----------------------------------*/
.main{
.main{
-
width:780px;
+
width:730px;
margin:0 auto;
margin:0 auto;
position:relative;
position:relative;
 +
        top=50px;
 +
        font-size:1.1em;
}
}
 +
 +
 +
.clear{clear:both;}
</style>
</style>
-
</html>
+
<link rel="stylesheet" type="text/css" href="http://sorgalla.com/projects/jcarousel/skins/tango/skin.css" />
 +
<script type="text/javascript">
 +
function mycarousel_initCallback(carousel)
 +
{
 +
    // Disable autoscrolling if the user clicks the prev or next button.
 +
    carousel.buttonNext.bind('click', function() {
 +
        carousel.startAuto(0);
 +
    });
 +
 
 +
    carousel.buttonPrev.bind('click', function() {
 +
        carousel.startAuto(0);
 +
    });
 +
 
 +
    // Pause autoscrolling if the user moves with the cursor over the clip.
 +
    carousel.clip.hover(function() {
 +
        carousel.stopAuto();
 +
    }, function() {
 +
        carousel.startAuto();
 +
    });
 +
};
 +
 
 +
jQuery(document).ready(function() {
 +
    jQuery('#mycarousel').jcarousel({
 +
        auto: 2,
 +
        wrap: 'last',
 +
        initCallback: mycarousel_initCallback
 +
    });
 +
});
 +
</script>
 +
 
 +
 
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 +
<script type="text/javascript">
 +
function list(Name)
 +
{
 +
document.getElementById(Name).style.display = "block";
 +
}
 +
function mouseOut(type)
 +
{
 +
document.getElementById(type).style.display = "none";
 +
}
 +
function clean(type)
 +
{
 +
document.getElementById("1").style.display = "none";
 +
document.getElementById("2").style.display = "none";
 +
document.getElementById("3").style.display = "none";
 +
document.getElementById("4").style.display = "none";
 +
document.getElementById("5").style.display = "none";
 +
// document.getElementById(type).style.display = "block";
 +
}
 +
</script>
 +
</head>
 +
 
 +
 
 +
<body>
 +
<div id="hd">
 +
<img src="https://static.igem.org/mediawiki/2012/c/c9/Logo.png" alt="logo" style="width:300px; float:left;">
 +
<h1><Strong>HUST CHINA</strong></h1>
 +
</div>
 +
 
 +
 
 +
        <div id="under"><br/></div>
 +
 
 +
<div id="nav">
 +
<ul style="line-height:0.8em;">
 +
<li id="home"><a href="https://2012.igem.org/Team:HUST-China">Home</a></li>
 +
<li id="project" onmouseover="list(1)" onmouseout="clean(1)"><a href="https://2012.igem.org/Team:HUST-China/Project/Abstract">Project</a></li>
 +
<li id="model"  onmouseover="list(2)" onmouseout="clean(2)"onmouseout="clean(6)" onmouseout="clean(7)"><a href="https://2012.igem.org/Team:HUST-China/Modeling">Modeling</a></li>
 +
<li id="achi"  onmouseover="list(3)" onmouseout="clean(3)"><a href="https://2012.igem.org/Team:HUST-China/Achievements">Achievements</a></li>
 +
<li id="team"  onmouseover="list(4)" onmouseout="clean(4)"><a href="https://2012.igem.org/Team:HUST-China/Team">Team</a></li>
 +
<li id="hp"  onmouseover="list(5)" onmouseout="clean(5)"><a href="https://2012.igem.org/Team:HUST-China/HumanPractice">HumanPractice</a></li>
 +
</ul>
 +
 +
<div id="second" style="width: 50px;position: relative;z-index:9;font-size: 18px;filter：alpha(opacity=88);-moz-opacity:0.88;opacity:0.88; ">
 +
 
 +
 
 +
<ul id="1" style="left: 92px;top: 42px;display:none; font-size=0.9em" onmouseover="list(1)" onmouseout="mouseOut(1)";>
 +
<li><a href="https://2012.igem.org/Team:HUST-China/Project/Abstract">Abstract</a></li>
 +
                                                <li onmouseover="list(6)" onmouseout="clean(6)"><a href="https://2012.igem.org/Team:HUST-China/Project/LCD/Background">Lignocellulose Decomposer</a></li>
 +
<li onmouseover="list(7)" onmouseout="clean(7)"><a href="https://2012.igem.org/Team:HUST-China/Project/MFC/Mechanism">Microbial Fuel Cell</a></li>
 +
<li><a href="https://2012.igem.org/Team:HUST-China/Project/FD">Future Directions</a></li>
 +
<li><a href="https://2012.igem.org/Team:HUST-China/Project/Protocols">Protocols</a></li>
 +
</ul>
 +
 
 +
 
 +
<ul id="2" style="left: 194px;top: 42px;display:none; font-size=0.9em" onmouseover="list(2)" onmouseout="mouseOut(2)";>
 +
<li><a href="https://2012.igem.org/Team:HUST-China/Modeling/Abstract">Abstract</a></li>
 +
<li><a href="https://2012.igem.org/Team:HUST-China/Modeling/CAL">Celluar Automaton</a></li>
 +
<li><a href="https://2012.igem.org/Team:HUST-China/Modeling/GM">Generator Model</a></li>
 +
</ul>
 +
 
 +
 
 +
<ul id="3" style="left: 303px;top: 42px;display:none; font-size=0.9em" onmouseover="list(3)" onmouseout="mouseOut(3)";>
 +
<li style="width: 138px;"><a href="https://2012.igem.org/Team:HUST-China/Parts">Parts Submitted</a></li>
 +
<li style="width: 138px;"><a href="https://2012.igem.org/Team:HUST-China/Achievements/Modeling">Modeling</a></li>
 +
                                        </ul>
 +
                                        <ul id="4" style="left: 445px;top: 42px;display:none;" onmouseover="list(4)" onmouseout="mouseOut(4)";>
 +
<li><a href="https://2012.igem.org/Team:HUST-China/Team">Our Team</a></li>
 +
<li><a href="https://2012.igem.org/Team:HUST-China/Attribution">Attribution</a></li>
 +
<li><font size=1><a href="https://2012.igem.org/Team:HUST-China/Acknowledgement">Acknowledgement</a></font></li>
 +
</ul>
 +
<ul id="5" style="left: 536px;top: 42px;display:none;" onmouseover="list(5)" onmouseout="mouseOut(5)";>
 +
<li style="width: 148px;"><a href="https://2012.igem.org/Team:HUST-China/Safety">Safety</a></li>
 +
<li style="width: 148px;"><a href="https://2012.igem.org/Team:HUST-China/HumanPractice">Survey & Outreach</a></li>
 +
</ul>
 +
    <div id="third">
 +
<ul id="6" style="left:205px; top:110px; display:none;" onmouseover="list(6)"  onmouseout="mouseOut(6)";>
 +
<li onmouseover="list(1)" onmouseout="mouseOut(1)"><a href="https://2012.igem.org/Team:HUST-China/Project/LCD/Background">Background</a></li>
 +
<li onmouseover="list(1)" onmouseout="mouseOut(1)"><a href="https://2012.igem.org/Team:HUST-China/Project/LCD/Method">Method</a></li>
 +
<li onmouseover="list(1)" onmouseout="mouseOut(1)"><a href="https://2012.igem.org/Team:HUST-China/Project/LCD/Result">Result</a></li>
 +
                                                                <li onmouseover="list(1)" onmouseout="mouseOut(1)"><a href="https://2012.igem.org/Team:HUST-China/Project/LCD/Notebook">Notebook</a></li>
 +
</ul>
 +
<ul id="7" style="left:205px; top:166px; display:none;" onmouseover="list(7)" onmouseout="mouseOut(7)";>
 +
                                                                <li onmouseover="list(1)" onmouseout="mouseOut(1)"><a href="https://2012.igem.org/Team:HUST-China/Project/MFC/Introduction">Introduction</a></li>
 +
<li onmouseover="list(1)" onmouseout="mouseOut(1)"><a href="https://2012.igem.org/Team:HUST-China/Project/MFC/Mechanism">Mechanism</a></li>
 +
<li onmouseover="list(1)" onmouseout="mouseOut(1)"><a href="https://2012.igem.org/Team:HUST-China/Project/MFC/Result">Result</a></li>
 +
                                                                <li onmouseover="list(1)" onmouseout="mouseOut(1)"><a href="https://2012.igem.org/Team:HUST-China/Project/MFC/Notebook">Notebook</a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
 +
</div>
 +
<div class="clear"></div>
 +
</body>

Latest revision as of 03:12, 27 September 2012

logo

HUST CHINA


Retrieved from "http://2012.igem.org/Team:HUST-China/Templates/css/style"