Team:XMU-China/Project Application

From 2014.igem.org

(Difference between revisions)
 
(18 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 380: Line 378:
<div id="warp_navbar">
<div id="warp_navbar">
<div id="nav_bar_frame" >
<div id="nav_bar_frame" >
-
<img class="navbar_frame" id="navbar_frame_left" src="https://static.igem.org/mediawiki/2014/c/c9/Xmu_navbar_left.png" />
+
<img class="navbar_frame" id="navbar_frame_left" src="https://static.igem.org/mediawiki/2014/c/cf/Xmu_navbar_left04.png" />
-
<img class="navbar_frame" id="navbar_frame_right" src="https://static.igem.org/mediawiki/2014/b/b5/Xmu_navbar_right.png" />
+
<img class="navbar_frame" id="navbar_frame_right" src="https://static.igem.org/mediawiki/2014/8/88/Xmu_navbar_right02.png" />
</div>
</div>
<div id="nav_bar">
<div id="nav_bar">
<ul id="nav_bar_main">
<ul id="nav_bar_main">
<li id="navbar_main_01" class="navbar_main">
<li id="navbar_main_01" class="navbar_main">
-
<a href="#"><span class="nav_bar" id="nav_bar_01"> </span></a>
+
<a href="https://2014.igem.org/Team:XMU-China/Project_Background"><span class="nav_bar" id="nav_bar_01"> </span></a>
-
<a href="#" class="nav_bar_full" id="nav_bar_full_01">Project</a>
+
<a href="https://2014.igem.org/Team:XMU-China/Project_Background" class="nav_bar_full" id="nav_bar_full_01">Project</a>
<ul class="navbar_sub">
<ul class="navbar_sub">
<img class="navbar_sub_x" id="navbar_sub_x_01" src="https://static.igem.org/mediawiki/2014/4/4e/Xmu_navbar_sub_01.png" />
<img class="navbar_sub_x" id="navbar_sub_x_01" src="https://static.igem.org/mediawiki/2014/4/4e/Xmu_navbar_sub_01.png" />
Line 400: Line 398:
</li>
</li>
<li id="navbar_main_02" class="navbar_main">
<li id="navbar_main_02" class="navbar_main">
-
<a href="#"><span class="nav_bar" id="nav_bar_02"> </span></a>
+
<a href="https://2014.igem.org/Team:XMU-China/Notebook_Protocol"><span class="nav_bar" id="nav_bar_02"> </span></a>
-
<a href="#" class="nav_bar_full" id="nav_bar_full_02" style="letter-spacing:-2px;">Notebook</a>
+
<a href="https://2014.igem.org/Team:XMU-China/Notebook_Protocol" class="nav_bar_full" id="nav_bar_full_02">Notebook</a>
<ul class="navbar_sub">
<ul class="navbar_sub">
<img class="navbar_sub_x" id="navbar_sub_x_02" src="https://static.igem.org/mediawiki/2014/e/e0/Xmu_navbar_sub_02.png" />
<img class="navbar_sub_x" id="navbar_sub_x_02" src="https://static.igem.org/mediawiki/2014/e/e0/Xmu_navbar_sub_02.png" />
Line 410: Line 408:
</li>
</li>
<li id="navbar_main_03" class="navbar_main">
<li id="navbar_main_03" class="navbar_main">
-
<a href="#"><span class="nav_bar" id="nav_bar_03"> </span></a>
+
<a href="https://2014.igem.org/Team:XMU-China/Judging_Parts"><span class="nav_bar" id="nav_bar_03"> </span></a>
-
<a href="#" class="nav_bar_full" id="nav_bar_full_03">Judging</a>
+
<a href="https://2014.igem.org/Team:XMU-China/Judging_Parts" class="nav_bar_full" id="nav_bar_full_03">Judging</a>
<ul class="navbar_sub">
<ul class="navbar_sub">
<img class="navbar_sub_x" id="navbar_sub_x_03" src="https://static.igem.org/mediawiki/2014/7/7a/Xmu_navbar_sub_03.png" />
<img class="navbar_sub_x" id="navbar_sub_x_03" src="https://static.igem.org/mediawiki/2014/7/7a/Xmu_navbar_sub_03.png" />
Line 419: Line 417:
</li>
</li>
<li id="navbar_main_04" class="navbar_main">
<li id="navbar_main_04" class="navbar_main">
-
<a href="#"><span class="nav_bar" id="nav_bar_04"> </span></a>
+
<a href="https://2014.igem.org/Team:XMU-China/Team_Members"><span class="nav_bar" id="nav_bar_04"> </span></a>
-
<a href="#" class="nav_bar_full" id="nav_bar_full_04">Team</a>
+
<a href="https://2014.igem.org/Team:XMU-China/Team_Members" class="nav_bar_full" id="nav_bar_full_04">Team</a>
<ul class="navbar_sub">
<ul class="navbar_sub">
<img class="navbar_sub_x" id="navbar_sub_x_04" src="https://static.igem.org/mediawiki/2014/1/1f/Xmu_navbar_sub_04.png" />
<img class="navbar_sub_x" id="navbar_sub_x_04" src="https://static.igem.org/mediawiki/2014/1/1f/Xmu_navbar_sub_04.png" />
Line 428: Line 426:
</li>
</li>
<li id="navbar_main_05" class="navbar_main">
<li id="navbar_main_05" class="navbar_main">
-
<a href="#"><span class="nav_bar" id="nav_bar_05"> </span></a>
+
<a href="https://2014.igem.org/Team:XMU-China/PP_Overview"><span class="nav_bar" id="nav_bar_05"> </span></a>
-
<a href="#" class="nav_bar_full" id="nav_bar_full_05">P&amp;P</a>
+
<a href="https://2014.igem.org/Team:XMU-China/PP_Overview" class="nav_bar_full" id="nav_bar_full_05">P&amp;P</a>
<ul class="navbar_sub">
<ul class="navbar_sub">
<img class="navbar_sub_x" id="navbar_sub_x_05" src="https://static.igem.org/mediawiki/2014/d/de/Xmu_navbar_sub_05.png" />
<img class="navbar_sub_x" id="navbar_sub_x_05" src="https://static.igem.org/mediawiki/2014/d/de/Xmu_navbar_sub_05.png" />
Line 441: Line 439:
</li>
</li>
<li id="navbar_main_06" class="navbar_main">
<li id="navbar_main_06" class="navbar_main">
-
<a href="#"><span class="nav_bar" id="nav_bar_06"> </span></a>
+
<a href="https://2014.igem.org/Team:XMU-China/Safety"><span class="nav_bar" id="nav_bar_06"> </span></a>
-
<a href="#" class="nav_bar_full" id="nav_bar_full_06">Safety</a>
+
<a href="https://2014.igem.org/Team:XMU-China/Safety" class="nav_bar_full" id="nav_bar_full_06">Safety</a>
</li>
</li>
</ul>
</ul>
Line 478: Line 476:
<!--Application-->
<!--Application-->
<div id="Project_Application">
<div id="Project_Application">
-
<img id="Project_Application_title" class="Project_title" src="https://static.igem.org/mediawiki/2014/0/0f/Xmu_project_background_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"