Team:XMU-China/Project Application

From 2014.igem.org

(Difference between revisions)
 
(13 intermediate revisions not shown)
Line 57: Line 57:
}
}
#nav_bar_full_01{left: 70px;top:47px;}
#nav_bar_full_01{left: 70px;top:47px;}
-
#nav_bar_full_02{left: 210px;top:47px;}
+
#nav_bar_full_02{left: 210px;top:47px;letter-spacing:-2px}
#nav_bar_full_03{left: 360px;top:47px;}
#nav_bar_full_03{left: 360px;top:47px;}
#nav_bar_full_04{left: 525px;top:47px;}
#nav_bar_full_04{left: 525px;top:47px;}
Line 206: Line 206:
margin-top:70px;
margin-top:70px;
}
}
-
#side_bar ul{list-style: none;border-color:#135996;border-width:2px}
+
#side_bar ul{list-style: none;border-color:#135996;border-width:5px}
#side_bar a{
#side_bar a{
text-decoration:none;
text-decoration:none;
Line 248: Line 248:
/*Application*/
/*Application*/
.Project_title{position:absolute;width:300px;}
.Project_title{position:absolute;width:300px;}
-
#Project_Application{position:relative;top:230px;width:1000px;margin-left:-400px;left:43%;}
+
#Project_Application{position:relative;top:230px;width:1000px;margin-left:-500px;left:50%;}
#Project_Application_wd{
#Project_Application_wd{
background:rgba(0, 0, 0, 0.7) none repeat scroll 0 0 !important;/*FF*/
background:rgba(0, 0, 0, 0.7) none repeat scroll 0 0 !important;/*FF*/
Line 272: Line 272:
margin:75px 100px;
margin:75px 100px;
}
}
-
#Project_Application_sub01{left:20px;background:#e53a0b;}
+
#Project_Application_sub01{left:20px;}
-
#Project_Application_sub02{right:20px;background:#6cad01;}
+
#Project_Application_sub02{right:20px;}
-
#Project_Application_sub03{left:20px;bottom:0px;background:#1d8ef1;}
+
#Project_Application_sub03{left:20px;bottom:0px;}
-
#Project_Application_sub04{right:20px;bottom:00px;background:#f8ab00;}
+
#Project_Application_sub04{right:20px;bottom:00px;}
</style>
</style>
<style>
<style>
Line 348: Line 348:
var sidebar_sub_hover_display = side_bar_hover_target.children(".sidebar_sub").css("display");
var sidebar_sub_hover_display = side_bar_hover_target.children(".sidebar_sub").css("display");
if(sidebar_sub_hover_display = "none"){
if(sidebar_sub_hover_display = "none"){
-
side_bar_hover_target.animate({width:"275px"},200);
+
side_bar_hover_target.stop().animate({width:"275px"},200);
-
side_bar_hover_target.children(".sidebar_sub").slideDown("normal");
+
};
};
$(".sidebar_main").mouseleave(function(){
$(".sidebar_main").mouseleave(function(){
Line 355: Line 354:
var sidebar_sub_hoveroff_display = side_bar_hoveroff_target.children(".sidebar_sub").css("display");
var sidebar_sub_hoveroff_display = side_bar_hoveroff_target.children(".sidebar_sub").css("display");
if(sidebar_sub_hover_display = "block"){
if(sidebar_sub_hover_display = "block"){
-
side_bar_hover_target.children(".sidebar_sub").slideUp(100);
+
side_bar_hover_target.stop().animate({width:"155px"},100);
-
side_bar_hover_target.animate({width:"155px"},100);
+
};
};
});
});
Line 363: Line 361:
$(".navbar_main").mouseenter(function(){
$(".navbar_main").mouseenter(function(){
var nav_bar_hover_target = $(this);
var nav_bar_hover_target = $(this);
-
nav_bar_hover_target.children(".navbar_sub").slideDown();
+
nav_bar_hover_target.children(".navbar_sub").stop().slideDown();
$(".navbar_main").mouseleave(function(){
$(".navbar_main").mouseleave(function(){
var nav_bar_hoveroff_target = $(this);
var nav_bar_hoveroff_target = $(this);
-
nav_bar_hoveroff_target.children(".navbar_sub").slideUp();
+
nav_bar_hoveroff_target.children(".navbar_sub").stop().slideUp();
});
});
});
});
Line 480: Line 478:
<img id="Project_Application_title" class="Project_title" src="https://static.igem.org/mediawiki/2014/3/37/Xmu_project_application_zwei.png"/>
<img id="Project_Application_title" class="Project_title" src="https://static.igem.org/mediawiki/2014/3/37/Xmu_project_application_zwei.png"/>
<div id="Project_Application_wd">
<div id="Project_Application_wd">
-
<div class="Project_Application_sub" id="Project_Application_sub01"><a href="https://2014.igem.org/Team:XMU-China/Project_Application_RBSpromoter"><p style="font-size:40px;position:absolute;top:25px;left:50px;">RBS promoter</p></a></div>
+
<div class="Project_Application_sub" id="Project_Application_sub01"><a href="https://2014.igem.org/Team:XMU-China/Project_Application_RBSpromoter"><p style="font-size:40px;position:absolute;"> <img src="https://static.igem.org/mediawiki/2014/7/74/Xmu_project_application_promoter.png" width="350px"></p></a></div>
-
<div class="Project_Application_sub" id="Project_Application_sub02"><a href="https://2014.igem.org/Team:XMU-China/Project_Application_BlackHole"><p style="font-size:40px;position:absolute;top:25px;left:50px;">Black Hole</p></a></div>
+
<div class="Project_Application_sub" id="Project_Application_sub02"><a href="https://2014.igem.org/Team:XMU-China/Project_Application_BlackHole"><p style="font-size:40px;position:absolute;"><img src="https://static.igem.org/mediawiki/2014/4/40/Xmu_project_black_hole_zwei_%281%29.png" width="350px"></p></a></div>
-
<div class="Project_Application_sub" id="Project_Application_sub03"><a href=""><p style="font-size:40px;position:absolute;top:25px;left:50px;">Black Hole</p></a></div>
+
<div class="Project_Application_sub" id="Project_Application_sub03"><a href="https://2014.igem.org/Team:XMU-China/Project_Application_Aptamer"><p style="font-size:40px;position:absolute;"><img src="https://static.igem.org/mediawiki/2014/8/82/Xmu_project_aptamer.png" width="350px"></p></a></div>
-
<div class="Project_Application_sub" id="Project_Application_sub04"><a href="https://2014.igem.org/Team:XMU-China/Project_Application_OscillationTimer"><p style="font-size:40px;position:absolute;top:25px;right:50px;">Oscillation Timer</p></a></div>
+
<div class="Project_Application_sub" id="Project_Application_sub04"><a href="https://2014.igem.org/Team:XMU-China/Project_Application_OscillationTimer"><p style="font-size:40px;position:absolute;"><img src="https://static.igem.org/mediawiki/2014/5/5d/Xmu_project_timer.png" width="350px"></p></a></div>
</div>
</div>
</div>
</div>
-
<!--回到顶页的小图标-->
 
-
<div id="gototop" style="width:60px; top:450px; right:25px; cursor:pointer; position:absolute;">
 
-
      <img src="https://static.igem.org/mediawiki/2014/5/50/XMU-go_to_top.png" />
 
-
</div>
 
 
 
-
<!--小图标翻转特效-->
 
-
<style type="text/css">
 
-
  #gototop {
 
-
    transition: all 0.2s linear;
 
-
    -ms-transition: all 0.2s linear;
 
-
-moz-transition: all 0.2s linear; /* Firefox 4 */
 
-
        -webkit-transition: all 0.2s linear; /* Safari and Chrome */
 
-
        -o-transition: all 0.2s linear; /* Opera */
 
-
  }
 
-
  #gototop:hover {
 
-
    transform:scaleX(-1);
 
-
    -ms-transform:scaleX(-1);
 
-
        -moz-transform:scaleX(-1); /* Firefox 4 */
 
-
        -webkit-transform:scaleX(-1); /* Safari and Chrome */
 
-
        -o-transform:scaleX(-1); /* Opera */
 
-
  }
 
-
</style>
 
-
 
-
<!--小图标自动显示和隐藏的功能-->
 
-
<script type="text/javascript">
 
-
    $(document).ready(function() {
 
-
 
 
-
    $("#gototop").hide();
 
-
 
-
$(window).scroll(function(){
 
-
if ($(window).scrollTop()>500) {$("#gototop").fadeIn();}
 
-
else {$("#gototop").fadeOut();}
 
-
});
 
-
    $("#gototop").click(function(){
 
-
  $('body,html').animate({scrollTop:0},500);
 
-
});  
 
-
  });
 
-
</script>
 
<!--侧边栏自动显示和隐藏的功能-->
<!--侧边栏自动显示和隐藏的功能-->
<script type="text/javascript">
<script type="text/javascript">
Line 540: Line 501:
</body>
</body>
</html>
</html>
 +
{{:Team:XMU-China/UFO}}
 +
{{:Team:XMU-China/footer}}

Latest revision as of 16:10, 17 October 2014

side_bar

Retrieved from "http://2014.igem.org/Team:XMU-China/Project_Application"