Team:HZAU-China/Attributions

From 2013.igem.org

(Difference between revisions)
(Replaced content with "{{:Team:HZAU-China/background-head}} {{:Team:HZAU-China/background-footer}} <br/>")
Line 1: Line 1:
{{:Team:HZAU-China/background-head}}
{{:Team:HZAU-China/background-head}}
 +
<html>
 +
<style>
 +
#background{
 +
    background:url(https://static.igem.org/mediawiki/2013/8/80/Old_wall.jpg);
 +
    float:left;
 +
    min-heiht:600px;
 +
    width: 1000px;
 +
}
 +
#sidebar {
 +
    background-color:transparent;
 +
    clear: both;
 +
    float: left;
 +
    height: auto;
 +
    width: 240px;
 +
    padding-top: 10px;
 +
    padding-left: 15px;
 +
}
 +
#paragraphs {
 +
    background-color: transparent;
 +
    float: right;
 +
    height: auto;
 +
    text-align: justify;
 +
    padding-top: 10px;
 +
    padding-right:15px;
 +
    width: 710px;
 +
}
 +
</style>
 +
<style>
 +
*{margin:0px;padding:0px;}
 +
ul.menu_scroll{z-index:100;padding:10px;margin:0 auto;padding-bottom: 5px;top:20px;position:fixed;width:100%;}
 +
ul.menu:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
 +
ul.menu,
 +
ul.menu ul {padding:0;margin:0;list-style:none;position:;width:220px;background:#ddd;font-family:arial, sans-serif;}
 +
ul.menu {z-index:100;padding:10px;margin:0 auto;}
 +
ul.menu ul {z-index:50;
 +
-webkit-transition: 0.5s;
 +
-moz-transition: 0.5s;
 +
-ms-transition: 0.5s;
 +
-o-transition: 0.5s;
 +
transition: 0.5s;
 +
}
 +
ul.menu li {line-height:30px;position:relative;}
 +
ul.menu > li {margin-top:2px;font-size:12px;}
 +
ul.menu > li a {font:normal 16px/29px arial, sans-serif;color:#fff;text-decoration:none;}
 +
ul.menu label.open {display:block;background:#c00  no-repeat 170px 12px;line-height:30px;position:relative;z-
 +
index:100;font:normal 12px/30px arial, sans-serif;color:#fff;border-radius:10px 10px 0 0;}
 +
ul.menu label.open b {color:#ff0;}
 +
ul.menu span {display:block;background:#c00;line-height:30px;position:relative;z-index:100;font-size: 16px;padding-left:10px;}
 +
ul.menu label img {position:absolute;left:0;top:0;width:100%;height:30px;}
 +
ul.menu ul li {margin-top:-30px;
 +
-webkit-transition: 0.5s;
 +
-moz-transition: 0.5s;
 +
-ms-transition: 0.5s;
 +
-o-transition: 0.5s;
 +
transition: 0.5s;
 +
}
 +
ul.menu ul li a {display:block;font:normal 16px/29px arial, sans-serif;color:#000;background:#ccc;}
 +
ul.menu ul li a:hover {background:#ddd;}
 +
ul.menu input {position:absolute;left:-9999px;}
 +
ul.menu li input:checked + label {background:#069;}
 +
ul.menu li input:checked ~ ul {background:#ccc;padding-bottom:10px;}
 +
ul.menu li input:checked ~ ul li {margin-top:0;}
 +
ul.menu label.close {display:block;width:200px;height:30px;background:transparent url("/jscss/demoimg/201208/u-arrow.gif")
 +
no-repeat 170px 12px;line-height:30px;position:relative;left:0;z-index:90;margin-top:-30px}
 +
ul.menu input.tabs:checked ~ label.close {display:block;z-index:200;}
 +
ul.menu input.close:checked + label.close {display:none;}
 +
ul.menu input.close:checked ~ ul {background:#ddd;padding-bottom:0;}
 +
ul.menu input.close:checked ~ ul li {margin-top:-30px;}
 +
</style>
 +
<script>
 +
$(document).ready(function(){
 +
var topMain=$("#sidebar").height()+100//是头部的高度加头部与nav导航之间的距离
 +
var menu=$(".menu");
 +
$(window).scroll(function(){
 +
if ($(window).scrollTop()>topMain){//如果滚动条顶部的距离大于topMain则就nav导航就添加类.nav_scroll,否则就移除
 +
menu.addClass("menu_scroll");
 +
}else{
 +
menu.removeClass("menu_scroll");
 +
}
 +
});
 +
})
 +
</script>
 +
 +
<body>
 +
<div id="background">
 +
    <div id="sidebar">
 +
        <body>
 +
        <ul class="menu">
 +
        <li><a href="https://2013.igem.org/Team:HZAU-China/Team/Members_and_Instructors"><span>Members</span></a></li>
 +
        <li><a href="https://2013.igem.org/Team:HZAU-China/Instructors"><span>Instructors</span></a></li>
 +
        <li><a href="https://2013.igem.org/Team:HZAU-China/Attributions"><span style="font-size:19px;color=#fff;">Attributions</span></a></li>
 +
        <li><a href="https://2013.igem.org/Team:HZAU-China/Sponsors"><span>Sponsors</span></a></li>     
 +
      </body>
 +
    </div>
 +
    <div id="paragraphs">
 +
    <p><br></p>
 +
    <center><span style="font-size:46px;font-family:Cambria;margin-top:10px;line-height:80%">Sponsors</span></center>
 +
    <p><br></p>
 +
   
 +
    </div>
 +
</div>
 +
</body>
 +
</html>
{{:Team:HZAU-China/background-footer}}
{{:Team:HZAU-China/background-footer}}
<br/>
<br/>

Revision as of 09:52, 26 September 2013