Difference between revisions of "Template:Fudan-CHINA"

(Undo revision 145482 by LsDrizzle (talk))
Line 1: Line 1:
 +
<html>
 +
<script>
 +
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 +
 +
$(document).ready(function() {
 +
 +
$("#HQ_page").attr('id','');
 +
 +
 +
//highlight current page on the menu
 +
highlight_current_page_menu();
 +
 +
//accessing submenus
 +
$(".menu_item").click(function(){
 +
$(".submenu_control_icon", this).toggleClass("open");
 +
$(this).next(".submenu").fadeToggle(400);
 +
});
 +
 +
//mobile menu access
 +
$(".igem_2018_team_mobile_bar").click(function(){
 +
$(this).next().toggleClass("displaying_menu");
 +
});
 +
 +
});
 +
 +
 +
function highlight_current_page_menu() {
 +
 +
var page_url="https://2018.igem.org/";
 +
page_url = page_url + wgPageName;
 +
$("a[href$='"+ page_url +"']").children().addClass("current_page");
 +
 +
//if the page is in a submenu, open the submenu and make the appropiate changes
 +
if( $( ".current_page" ).hasClass( "submenu_item" )){
 +
 +
$(".current_page").parent().parent().fadeToggle(400);
 +
$(".current_page").parent().parent().prev().addClass("current_page");
 +
$(".menu_item.current_page > .submenu_control_icon").toggleClass("open");
 +
 +
}
 +
}
 +
 +
 +
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 +
</script>
 +
 +
 
<style>
 
<style>
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
Line 11: Line 58:
 
#home_logo, #sideMenu { display:none; }
 
#home_logo, #sideMenu { display:none; }
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#sideMenu, #top_title, .patrollink  {display:none;}
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
+
#content { margin-left:0px; margin-top:0px; padding:0px; width:100%;}
 
body {background-color:white; }
 
body {background-color:white; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
Line 172: Line 219:
 
/* general wrapper for the content */
 
/* general wrapper for the content */
 
.igem_2018_team_content {
 
.igem_2018_team_content {
background-color:white;  
+
background-color:#e7e7e7;  
 
display:block;
 
display:block;
width: 87%;
+
width: 100%;
 
}
 
}
  
Line 180: Line 227:
 
.igem_2018_team_content .igem_2018_team_column_wrapper {
 
.igem_2018_team_content .igem_2018_team_column_wrapper {
 
margin:auto;
 
margin:auto;
max-width: 1400px;
+
max-width: 1920px;
width:90%;
+
width:100%;
 
}
 
}
  
Line 189: Line 236:
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
  
.igem_2018_team_content .igem_2018_team_column_wrapper h1 { font-size: 210%;}
+
.igem_2018_team_content .igem_2018_team_column_wrapper h1 { font-size: 310%;}
.igem_2018_team_content .igem_2018_team_column_wrapper h2 { font-size: 190%;}
+
.igem_2018_team_content .igem_2018_team_column_wrapper h2 { font-size: 290%;}
 
.igem_2018_team_content .igem_2018_team_column_wrapper h3 { font-size: 170%;}
 
.igem_2018_team_content .igem_2018_team_column_wrapper h3 { font-size: 170%;}
 
.igem_2018_team_content .igem_2018_team_column_wrapper h4 { font-size: 150%;}
 
.igem_2018_team_content .igem_2018_team_column_wrapper h4 { font-size: 150%;}
Line 247: Line 294:
 
/* Table */
 
/* Table */
 
.igem_2018_team_content .igem_2018_team_column_wrapper table {  
 
.igem_2018_team_content .igem_2018_team_column_wrapper table {  
border: 1px solid #928b8b;  
+
border: 0px solid #928b8b;  
 
border-collapse: collapse;  
 
border-collapse: collapse;  
 
font-size: 130%;
 
font-size: 130%;
width: 100%;  
+
width: 100%;
 +
 
 
}
 
}
  
 
/* table cells */
 
/* table cells */
 
.igem_2018_team_content .igem_2018_team_column_wrapper td {  
 
.igem_2018_team_content .igem_2018_team_column_wrapper td {  
border: 1px solid #c4baba;  
+
border: 0px solid #c4baba;  
 
border-collapse: collapse;  
 
border-collapse: collapse;  
 
font-size: 105%;
 
font-size: 105%;
 
padding: 10px;
 
padding: 10px;
 
vertical-align: text-top;  
 
vertical-align: text-top;  
 +
 
}
 
}
  
Line 452: Line 501:
  
  
 +
 +
@media (max-width: 1920px){
 +
}
 
</style>
 
</style>
  
Line 487: Line 539:
  
 
</div>
 
</div>
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
<!--- Content of the page  --->
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
  
  
 
+
<div class="igem_2018_team_content">
 
+
<div class="igem_2018_team_column_wrapper">
<div class="igem_2018_team_menu displaying_menu">
+
<table width="100%" border="1">
 
+
  <tbody>
 
+
    <tr>
<a href="https://2018.igem.org/Team:Fudan-CHINA">
+
      <td width="8%"> <a href="https://2018.igem.org/Team:Fudan-CHINA">
<img src="http://placehold.it/350x150/e4dede/c4baba">
+
</a>
+
 
+
 
+
 
+
<a href="https://2018.igem.org/Team:Fudan-CHINA">
+
 
<div class="menu_item direct_link">
 
<div class="menu_item direct_link">
 
HOME
 
HOME
 
</div>  
 
</div>  
</a>
+
</a></td>
 
+
                    <td width="8%">    
<!-- Team -->
+
                  <div class="menu_item">
<div class="menu_item">
+
 
<div class="submenu_control_icon"> </div>
 
<div class="submenu_control_icon"> </div>
 
TEAM
 
TEAM
Line 525: Line 573:
 
</a>
 
</a>
 
</div>
 
</div>
 
+
</td>     
 
+
<!-- Project -->
+
 +
      <td width="11%"> <!-- Project -->
 
<div class="menu_item">
 
<div class="menu_item">
 
<div class="submenu_control_icon"> </div>
 
<div class="submenu_control_icon"> </div>
Line 598: Line 647:
  
 
</div>
 
</div>
 
+
</td>
 
+
      <td width="8%"> <div class="menu_item">
<div class="menu_item">
+
 
<div class="submenu_control_icon"> </div>
 
<div class="submenu_control_icon"> </div>
 
PARTS
 
PARTS
Line 630: Line 678:
 
</a>
 
</a>
 
</div>  
 
</div>  
 
+
</td>
+
      <td width="10%"> <a href="https://2018.igem.org/Team:Fudan-CHINA/Safety">
+
+
+
 
+
<a href="https://2018.igem.org/Team:Fudan-CHINA/Safety">
+
 
<div class="menu_item direct_link">
 
<div class="menu_item direct_link">
 
SAFETY
 
SAFETY
 
</div>  
 
</div>  
</a>
+
</a></td>
 
+
      <td width="23%"> <div class="menu_item">
 
+
 
+
 
+
 
+
 
+
<div class="menu_item">
+
 
<div class="submenu_control_icon"> </div>  
 
<div class="submenu_control_icon"> </div>  
 
HUMAN PRACTICES  
 
HUMAN PRACTICES  
Line 663: Line 700:
 
<a href="https://2018.igem.org/Team:Fudan-CHINA/Public_Engagement">
 
<a href="https://2018.igem.org/Team:Fudan-CHINA/Public_Engagement">
 
<div class="submenu_item">
 
<div class="submenu_item">
Education &amp; Engagement
+
Education & Engagement
 
</div>
 
</div>
 
</a>
 
</a>
Line 670: Line 707:
  
  
 
+
</td>
 
+
      <td width="11%"> <div class="menu_item">
 
+
<div class="menu_item">
+
 
<div class="submenu_control_icon"> </div>  
 
<div class="submenu_control_icon"> </div>  
 
AWARDS
 
AWARDS
Line 727: Line 762:
  
  
<a href="https://igem.org/2018_Judging_Form?team=Fudan-CHINA">
+
</td>
 +
      <td width="21%"> <a href="https://igem.org/2018_Judging_Form?team=Fudan-CHINA">
 
<div class="menu_item direct_link">
 
<div class="menu_item direct_link">
JUDGING FORM
+
JUDGING FORM ?
 
</div>  
 
</div>  
</a>
+
</a></td>
 
+
        </tr>
 
+
      </tbody>
 
+
</table>
 
+
 
+
 
+
</div>
+
 
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
<!--- Content of the page  --->
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
 
+
 
+
<div class="igem_2018_team_content">
+
<div class="igem_2018_team_column_wrapper">
+
<div class="clear extra_space"></div>
+
<div class="clear extra_space"></div>
+

Revision as of 16:16, 15 September 2018