Team:XMU-China/Project Modelling

From 2014.igem.org

(Difference between revisions)
(Created page with "<html lang="en"> <head> <meta charset="utf-8"> <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame Remove this if you use the .htaccess --> <...")
 
(13 intermediate revisions not shown)
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 246: Line 246:
top: 160px;
top: 160px;
}
}
-
/*Application*/
+
/*Modelling*/
.Project_title{position:absolute;width:300px;}
.Project_title{position:absolute;width:300px;}
-
#Project_Application{position:relative;top:230px;width:1000px;margin-left:-500px;left:50%;}
+
#Project_Modelling{position:relative;top:230px;width:1000px; margin-left:-500px;left:50%;}
-
#Project_Application_wd{
+
#Project_Modelling_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*/
filter:Alpha(opacity=40); background:#000000;/*IE*/
filter:Alpha(opacity=40); background:#000000;/*IE*/
box-shadow: 6px 2px 20px #aaaaaa;
box-shadow: 6px 2px 20px #aaaaaa;
-
padding-left: 30px;
+
padding-left: 80px;
padding-right: 30px;
padding-right: 30px;
position:relative;
position:relative;
Line 262: Line 262:
text-align:justify;
text-align:justify;
text-justify:inter-ideograph;
text-justify:inter-ideograph;
-
height:600px;
+
height:798px;
}
}
-
.Project_Application_sub{
+
.Project_Modelling_sub{
width:350px;
width:350px;
height:200px;
height:200px;
Line 272: Line 272:
margin:75px 100px;
margin:75px 100px;
}
}
-
#Project_Application_sub01{left:20px;}
+
#Project_Modelling_sub01{left:20px;}
-
#Project_Application_sub02{right:20px;background:#6cad01;}
+
#Project_Modelling_sub02{right:20px;background:#6cad01;}
-
#Project_Application_sub03{left:20px;bottom:0px;background:#1d8ef1;}
+
#Project_Modelling_sub03{left:20px;bottom:0px;background:#1d8ef1;}
-
#Project_Application_sub04{right:20px;bottom:00px;background:#f8ab00;}
+
#Project_Modelling_sub04{right:20px;bottom:00px;background:#f8ab00;}
</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 476: Line 474:
</ul>
</ul>
</div>
</div>
-
<!--Application-->
+
<!--Modelling-->
-
<div id="Project_Application">
+
<div id="Project_Modelling">
-
<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_Modelling_title" class="Project_title" src="https://static.igem.org/mediawiki/2014/2/26/Xmu_project_modelling_zwei.png"/>
-
<div id="Project_Application_wd">
+
<div id="Project_Modelling_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;"> <img src="https://static.igem.org/mediawiki/2014/7/74/Xmu_project_application_promoter.png" width="350px"></p></a></div>
+
<img src="https://static.igem.org/mediawiki/2014/0/07/Xmu_modelling_drei.png" width="827px" height="798px" border="0" usemap="#Map">
-
<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>
+
                    <map name="Map">
-
<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>
+
                      <area shape="poly" coords="623,129,452,385,806,376" href="https://2014.igem.org/Team:XMU-China/Project_Modelling_Intracellularmodel" >
-
<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>
+
                      <area shape="poly" coords="350,476,232,778,596,778,537,474" href="https://2014.igem.org/Team:XMU-China/Project_Modelling_mmmodel" >
-
</div>
+
                      <area shape="poly" coords="115,116,48,383,360,389,309,118" href="https://2014.igem.org/Team:XMU-China/Project_Modelling_sdmodel" >
 +
                    </map>
 +
              </div>
</div>
</div>
 +
 
 
<!--侧边栏自动显示和隐藏的功能-->
<!--侧边栏自动显示和隐藏的功能-->
Line 500: Line 501:
  });
  });
</script>
</script>
-
<script type="text/javascript" src="https://2014.igem.org/wiki/index.php?title=Team:XMU-China/main_js&action=raw&amp;ctype=text/javascript"></script>
 
</body>
</body>
</html>
</html>
{{:Team:XMU-China/UFO}}
{{:Team:XMU-China/UFO}}
{{:Team:XMU-China/footer}}
{{:Team:XMU-China/footer}}

Latest revision as of 23:37, 17 October 2014

side_bar

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