"
Team:XMU-China/PP Overview
From 2014.igem.org
(Difference between revisions)
Fengshao18 (Talk | contribs) |
|||
| (6 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 186: | Line 186: | ||
position:fixed; | position:fixed; | ||
bottom:50px; | bottom:50px; | ||
| - | left: | + | left:5px; |
font-size:18px; | font-size:18px; | ||
| - | width: | + | width: 180px; |
z-index: 20; | z-index: 20; | ||
} | } | ||
| Line 203: | Line 203: | ||
border-right:#135996 7px solid; | border-right:#135996 7px solid; | ||
padding-top: 15px; | padding-top: 15px; | ||
| - | padding-bottom: | + | padding-bottom:4px; |
| - | margin-top: | + | margin-top:90px; |
} | } | ||
#side_bar ul{list-style: none;border-color:#135996;border-width:7px;} | #side_bar ul{list-style: none;border-color:#135996;border-width:7px;} | ||
| Line 217: | Line 217: | ||
.sidebar_main{ | .sidebar_main{ | ||
position:relative; | position:relative; | ||
| - | width: | + | width:166px; |
background-image:url("https://static.igem.org/mediawiki/2014/1/1c/XMU-Backgroundnav.png"); | background-image:url("https://static.igem.org/mediawiki/2014/1/1c/XMU-Backgroundnav.png"); | ||
text-align:center; | text-align:center; | ||
| Line 243: | Line 243: | ||
#side_bar_img_x{ | #side_bar_img_x{ | ||
position:absolute; | position:absolute; | ||
| - | width: | + | width:180px; |
| - | top: | + | top: 153px; |
} | } | ||
/*Background*/ | /*Background*/ | ||
| - | . | + | .PP_title{position:absolute;width:300px;} |
| - | # | + | #PP_Overview{position:relative;top:230px;width:1000px;margin-left:-500px;left:50%;} |
| - | # | + | #PP_Overview_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*/ | ||
| Line 336: | Line 336: | ||
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); |
| - | + | ||
}; | }; | ||
$(".sidebar_main").mouseleave(function(){ | $(".sidebar_main").mouseleave(function(){ | ||
| Line 343: | Line 342: | ||
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. | + | side_bar_hover_target.stop().animate({width:"166px"},100); |
| - | + | ||
}; | }; | ||
}); | }); | ||
| Line 351: | Line 349: | ||
$(".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 363: | Line 361: | ||
<body style="font-family:Arial;color:#8ccFFF"> | <body style="font-family:Arial;color:#8ccFFF"> | ||
<div id="background" style="position:fixed;z-index:-1;width:100%;height:100%;top:0px;left:0px;"> | <div id="background" style="position:fixed;z-index:-1;width:100%;height:100%;top:0px;left:0px;"> | ||
| - | <img src="https://static.igem.org/mediawiki/2014/ | + | <img src="https://static.igem.org/mediawiki/2014/a/a6/Xmu_background_veir.jpg" width="100%" height="100%"/> |
</div> | </div> | ||
<div id="warp_navbar_main"> | <div id="warp_navbar_main"> | ||
| Line 439: | Line 437: | ||
<ul id="side_bar_main_1"> | <ul id="side_bar_main_1"> | ||
<li class="sidebar_main"> | <li class="sidebar_main"> | ||
| - | <h3><a href="https://2014.igem.org/Team:XMU-China/ | + | <h3><a href="https://2014.igem.org/Team:XMU-China/PP_Overview">Overview</a></h3> |
</li> | </li> | ||
<li class="sidebar_main"> | <li class="sidebar_main"> | ||
| - | <h3><a href="https://2014.igem.org/Team:XMU-China/ | + | <h3><a href="https://2014.igem.org/Team:XMU-China/PP_Newsletter">Newsletter</a></h3> |
</li> | </li> | ||
<li class="sidebar_main" id="side_bar_judging"> | <li class="sidebar_main" id="side_bar_judging"> | ||
| - | <h3><a href="https://2014.igem.org/Team:XMU-China/ | + | <h3><a href="https://2014.igem.org/Team:XMU-China/PP_Communication">Communication</a></h3> |
</li> | </li> | ||
</ul> | </ul> | ||
| Line 451: | Line 449: | ||
<ul id="side_bar_main_2"> | <ul id="side_bar_main_2"> | ||
<li class="sidebar_main"> | <li class="sidebar_main"> | ||
| - | <h3><a href="https://2014.igem.org/Team:XMU-China/ | + | <h3><a href="https://2014.igem.org/Team:XMU-China/PP_Popularization">Popularization</a></h3> |
</li> | </li> | ||
<li class="sidebar_main"> | <li class="sidebar_main"> | ||
| - | <h3><a href="https://2014.igem.org/Team:XMU-China/ | + | <h3><a href="https://2014.igem.org/Team:XMU-China/PP_Assistance">Assistance</a></h3> |
</li> | </li> | ||
<li class="sidebar_main"> | <li class="sidebar_main"> | ||
| - | <h3 | + | <h3 style="font-weight: 400;letter-spacing: -1px;"><a href="https://2014.igem.org/Team:XMU-China/PP_Acknowledgements">Acknowledgements</a></h3> |
| - | + | ||
| - | + | ||
| - | + | ||
</li> | </li> | ||
</ul> | </ul> | ||
| - | </div> | + | </div> <!--Overview--> |
| - | + | <div id="PP_Overview"> | |
| - | <div id=" | + | <img id="PP_Overview_title" class="PP_title" src="https://static.igem.org/mediawiki/2014/9/9e/Xmu_P%26P_overview_zwei.png"/> |
| - | <img id=" | + | <div id="PP_Overview_wd"> |
| - | <div id=" | + | |
<p style="font-family: Arial; font-size: 29px;"> | <p style="font-family: Arial; font-size: 29px;"> | ||
<span style="font-family: Arial; font-size: 29px; font-weight: 700;">OVERVIEW</span><span style="font-family: Arial; font-size: 29px; font-weight: 700;"> </span> | <span style="font-family: Arial; font-size: 29px; font-weight: 700;">OVERVIEW</span><span style="font-family: Arial; font-size: 29px; font-weight: 700;"> </span> | ||
| Line 493: | Line 487: | ||
$(window).scroll(function(){ | $(window).scroll(function(){ | ||
| - | if ($(window).scrollTop()> | + | if ($(window).scrollTop()>150) {$("#side_bar").fadeIn();} |
else {$("#side_bar").fadeOut();} | else {$("#side_bar").fadeOut();} | ||
}); | }); | ||
Latest revision as of 03:42, 18 October 2014
OVERVIEW
This year marks the 10th anniversary of iGEM. The decade witnesses the progress and boom of iGEM—more teams sign up for the competition and more programs of high quality are produced. Meanwhile, it is a trend which the open-minded iGEMers of XMU comply with that the communication among teams from all around the world is more frequency. We were active in communication and collaborations with counterparts at home and abroad, as well as propaganda and popularization of synthetic biology and iGEM. A biweekly newsletter, which was cofounded by iGEMers of Paris Bettencourt University and us, XMU team, provided broader communication and colorful later issues and had attracted participators from 30 teams. Besides, we enjoyed net-video conference with domestic and overseas counterparts and study visits to other iGEM teams. Moreover, during the popularization in Xiamen Library, we managed an iconoclastic way that we started with a hot issue, GM food (genetically modified food), which is worldwide popular.
