Template:Team:SCUT-China/Home/Mainhead

From 2014.igem.org

(Difference between revisions)
 
(53 intermediate revisions not shown)
Line 24: Line 24:
     background-color:transparent;
     background-color:transparent;
     border:none;
     border:none;
-
     width:100%;
+
     width:1366px;
     height:auto;
     height:auto;
     marign:0 auto;
     marign:0 auto;
Line 129: Line 129:
-
#header{position:absolute;top:100px;left:0px;width:100%;height:100px;z-index:1000;text-align:center;}
+
#header{position:absolute;top:52px;left:0px;width:100%;height:auto;z-index:1000;text-align:center;opacity:0.8;}
-
#header img{width:100%;height:auto;}
+
 
-
   #top2{position:absolute;top:0px;left:0px;width:100%;height:48px;z-index:1000;border-top:2px solid red;}
+
   #top2{position:absolute;top:0px;left:0px;width:100%;height:48px;z-index:1000;border-top:6px solid #61d5c8}
   
   
-
   .menubar{position:absolute;top:0px;width:100%;margin:0 auto;height:48px;font-size:20px;font-family:Calibri;text-align:center;z-index:1000;color:#000000;}
+
   .menubar{position:absolute;top:0px;width:100%;height:48px;font-size:20px;font-family:Calibri;text-align:center;z-index:1000;color:#000000;}
   .menubar a{text-decoration:none;opacity:1;color:black;}
   .menubar a{text-decoration:none;opacity:1;color:black;}
-
   .menubar ul{list-style:none;margin-top:0px;}
+
   .menubar ul{list-style:none;width:1050px;margin:0 auto;}
   .menubar ul > li{float:left;width:150px;cursor:pointer;line-height:48px;height:48px;}
   .menubar ul > li{float:left;width:150px;cursor:pointer;line-height:48px;height:48px;}
   .menubar ul > li > ul{margin-left:0px;display:none;height:200px;width:120px;}
   .menubar ul > li > ul{margin-left:0px;display:none;height:200px;width:120px;}
   .menubar ul > li:hover > ul{display:block;}
   .menubar ul > li:hover > ul{display:block;}
-
   .menubar ul > li > ul > li{margin-left:0px;width:160px;line-height:40px;background-color:white;color:black;}
+
   .menubar ul > li > ul > li{margin-left:0px;width:180px;line-height:40px;background-color:white;color:black;}
   .menubar ul > li > ul > li:hover{opacity:0.8;}
   .menubar ul > li > ul > li:hover{opacity:0.8;}
    
    
-
.slides{position:absolute;top:2px;left:0px;width:100%;height:auto;overflow:hidden;background-color:transparent;z-index:500;}
+
.slides{position:absolute;top:52px;left:0px;width:100%;height:auto;overflow:hidden;background-color:transparent;z-index:500;}
-
   .slide-pic{margin-top:0px;margin-left:0px;width:100%;height:auto;overflow:hidden;padding:0;}
+
   .slide-pic{margin:0 auto;width:100%;height:auto;overflow:hidden;padding:0;}
-
   .slide-pic img{width:100%;height:auto;margin-left:0px;margin-top:0px;}
+
   .slide-pic img{width:100%;height:auto;margin:0 auto;}
   .slide-pic li{display:none;}
   .slide-pic li{display:none;}
   .slide-pic li.cur{display:block;}
   .slide-pic li.cur{display:block;}
Line 153: Line 153:
-
   #subject{position:absolute;top:550px;left:0px;width:100%;height:220px;overflow:hidden;}
+
   #subject{position:absolute;top:600px;left:0px;width:100%;height:220px;overflow:hidden;}
   .sub{width:333px;height:220px;float:left;margin-left:3px;}
   .sub{width:333px;height:220px;float:left;margin-left:3px;}
   .sub img{position:absolute;width:333px;height:auto;z-index:500;}
   .sub img{position:absolute;width:333px;height:auto;z-index:500;}
Line 162: Line 162:
   .co1{}
   .co1{}
-
   #footer{position:absolute;width:100%;height:100px;left:0px;top:770px;}
+
   #footer{position:absolute;width:100%;height:100px;left:0px;top:740px;}
   #footer img{width:100%;height:auto;}
   #footer img{width:100%;height:auto;}
</style>
</style>
Line 168: Line 168:
<body>
<body>
<div id="header">
<div id="header">
-
  <img src="https://static.igem.org/mediawiki/2014/1/1b/Scut%281%29.png">
+
  <img src="https://static.igem.org/mediawiki/2014/6/6e/Scut-china_2014_banner.png" style=“width:100%;height:120px;" />
  </div>
  </div>
  <div id="top2">
  <div id="top2">
Line 174: Line 174:
<div class="menubar">
<div class="menubar">
<ul>
<ul>
-
<li style="margin-left:109px;">Home</li>
+
<li>Home</li>
<li>Team
<li>Team
<ul style="height:120px;">
<ul style="height:120px;">
<li><a href="https://2014.igem.org/Team:SCUT-China/Team/Members">Members</a></li>
<li><a href="https://2014.igem.org/Team:SCUT-China/Team/Members">Members</a></li>
-
<li>Notebook</li>
+
<li><a href="https://2014.igem.org/Team:SCUT-China/Team/Attributions">Attributions</a></li>
-
<li>Attributions</li>
+
<li><a href="https://2014.igem.org/Team:SCUT-China/Team/Sponsors">Sponsors</a></li>
 +
<li><a href="https://2014.igem.org/Team:SCUT-China/Team/Collaborators">Collaborators</a></li>
 +
<li><a href="https://2014.igem.org/Team:SCUT-China/Team/Notebook">Notebook</a></li>
 +
<li><a href="https://2014.igem.org/Team:SCUT-China/Team/Protocol">Protocol</a></li>
</ul>
</ul>
</li>
</li>
<li>Project
<li>Project
<ul >
<ul >
-
<li>Overview</li>
+
<li><a href="https://2014.igem.org/Team:SCUT-China/Project/Background">Background</a></li>
-
<li>Background</li>
+
<li><a href="https://2014.igem.org/Team:SCUT-China/Project/Overview">Overview</a></li>
-
<li>Design</li>
+
<li><a href="https://2014.igem.org/Team:SCUT-China/Project/Synthetic_TKL">Polyketide Synthesis</a></li>
-
<li>Results</li>
+
<li><a href="https://2014.igem.org/Team:SCUT-China/Project/Chassis">Chassis</a></li>
-
<li>Future work</li>
+
<li><a href="https://2014.igem.org/Team:SCUT-China/Project/PPS">PPS</a></li>
 +
<li><a href="https://2014.igem.org/Team:SCUT-China/Project/Docking Domain">Docking Domain</a></li>
 +
<li><a href="https://2014.igem.org/Team:SCUT-China/Project/Have A Try">Have A Try</a></li>
</ul>
</ul>
</li>
</li>
-
<li>Model
+
<li>Modeling
<ul style="height:80px;">
<ul style="height:80px;">
-
<li>Parts</li>
+
<li><a href="https://2014.igem.org/Team:SCUT-China/Modeling/Overview">Overview</a></li>
-
<li>Juding</li>
+
<li><a href="https://2014.igem.org/Team:SCUT-China/Modeling/Overview/Simulation">Simulation</a></li>
 +
<li><a href="https://2014.igem.org/Team:SCUT-China/Modeling/Results">Results</a></li>
</ul>
</ul>
</li>
</li>
<li>Data Page
<li>Data Page
<ul style="height:80px;">
<ul style="height:80px;">
-
<li>Overview</li>
+
<li>Parts</li>
-
<li>Biology</li>
+
<li>Judging Criteria </li>
</ul>
</ul>
</li>
</li>
-
<li>Human practice
+
<li class="dianji">Policy&Practices
<ul>
<ul>
-
<li >Survey</li>
+
<li><a href="https://2014.igem.org/Team:SCUT-China/Policy%26Practices/Overview">Overview</a></li>
-
<li>Visit and interview</li>
+
<li><a href="https://2014.igem.org/Team:SCUT-China/Policy%26Practices/Campus_Activity">Campus Activity</a></li>
-
<li>Practical analysis</li>
+
<li><a href="https://2014.igem.org/Team:SCUT-China/Policy%26Practices/Public_Outreach">Public Outreach</a></li>
-
<li >Team communication</li>
+
<li><a href="https://2014.igem.org/Team:SCUT-China/Policy%26Practices/Social_Media">Social Media</a></li>
 +
<li style="font-size:18px;"><a href="https://2014.igem.org/Team:SCUT-China/Policy%26Practices/Life_Science_Community">Life Science Community</a></li>
 +
<li><a href="https://2014.igem.org/Team:SCUT-China/Policy%26Practices/Evaluation">Evaluation</a></li>
</ul>
</ul>
</li>
</li>
-
<li>Safety</li>
+
<li><a href="https://2014.igem.org/Team:SCUT-China/Satety">Safety</a></li>
</ul>
</ul>
</div>
</div>
</div>
</div>
 +
<a href="https://igem.org/Main_Page"><img style="width:95px;position:absolute;right:20px;top:80px;z-index:1001;" src="https://static.igem.org/mediawiki/2014/d/de/Scut-china_2014_igemlogo.png"/>
 +
 +
 +
<script type="text/javascript">
 +
$(function ($) {
 +
    if ($(".slide-pic").length > 0) {
 +
        var defaultOpts = { interval: 5000, fadeInTime: 300, fadeOutTime: 200 };
 +
        var _titles = $("ul.slide-li li");
 +
        var _titles_bg = $("ul.op li");
 +
        var _bodies = $("ul.slide-pic li");
 +
        var _count = _titles.length;
 +
        var _current = 0;
 +
        var _intervalID = null;
 +
        var stop = function () { window.clearInterval(_intervalID); };
 +
        var slide = function (opts) {
 +
            if (opts) {
 +
                _current = opts.current || 0;
 +
            } else {
 +
                _current = (_current >= (_count - 1)) ? 0 : (++_current);
 +
            };
 +
            _bodies.filter(":visible").fadeOut(defaultOpts.fadeOutTime, function () {
 +
                _bodies.eq(_current).fadeIn(defaultOpts.fadeInTime);
 +
                _bodies.removeClass("cur").eq(_current).addClass("cur");
 +
            });
 +
            _titles.removeClass("cur").eq(_current).addClass("cur");
 +
            _titles_bg.removeClass("cur").eq(_current).addClass("cur");
 +
        };
 +
        var go = function () {
 +
            stop();
 +
            _intervalID = window.setInterval(function () { slide(); }, defaultOpts.interval);
 +
        };
 +
        var itemMouseOver = function (target, items) {
 +
            stop();
 +
            var i = $.inArray(target, items);
 +
            slide({ current: i });
 +
        };
 +
        _titles.hover(function () { if ($(this).attr('class') != 'cur') { itemMouseOver(this, _titles); } else { stop(); } }, go);
 +
        _bodies.hover(stop, go);
 +
        go();
 +
    }
 +
});
 +
</script>
 +
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
$(".cover").mouseover(function(){
 +
$(this).stop().animate({"marginTop":"0px"},300);
 +
});
 +
$(".cover").mouseout(function(){
 +
        $(this).stop().animate({"marginTop":"166px"},300);
 +
});
 +
});
 +
</script>

Latest revision as of 03:44, 18 October 2014