Difference between revisions of "Template:CSU CHINA"

 
(43 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
<html>
+
{{CSU_CHINA/Base}}
−
<script>
+
{{CSU_CHINA/PageBase}}
−
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
−
 
+
−
$(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");
+
−
+
−
}
+
−
}
+
−
 
+
−
 
+
−
 
+
−
$(document).ready(function(){
+
−
  let navibar = $('ul.navigation-bar');
+
−
 
+
−
  let navbuttonItems = $('ul.navigation-bar > li');
+
−
  navbuttonItems.mouseenter(function(){
+
−
    var submenu = $(this).children('ul.sub-menu');
+
−
    submenu.stop(true,false);
+
−
    submenu.slideDown();
+
−
  });
+
−
  navbuttonItems.mouseleave(function(){
+
−
    var submenu = $(this).children('ul.sub-menu');
+
−
    submenu.stop(true,false);
+
−
    submenu.slideUp();
+
−
  });
+
−
});
+
−
 
+
−
 
+
−
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
−
</script>
+
  
  
 +
<html>
 
<style>
 
<style>
−
/**************************************************************************************************************************************************************************************************/
 
−
 
 
#HQ_page div.container{
 
#HQ_page div.container{
 
   padding-top:55px;
 
   padding-top:55px;
Line 140: Line 78:
 
   min-width: 160px;
 
   min-width: 160px;
 
}
 
}
 +
</style>
 +
<script>
 +
$(document).ready(function()
 +
{
 +
               
 +
  let navibar = $('ul.navigation-bar');
  
−
/**************************************************************************************************************************************************************************************************/
+
  let navbuttonItems = $('ul.navigation-bar > li');
−
/* DEFAULT WIKI SETTINGS */
+
  navbuttonItems.mouseenter(function()
−
/**************************************************************************************************************************************************************************************************/
+
      {
 +
      var submenu = $(this).children('ul.sub-menu');
 +
      submenu.stop(true,false);
 +
      submenu.slideDown();
 +
      });
 +
  navbuttonItems.mouseleave(function()
 +
      {
 +
      var submenu = $(this).children('ul.sub-menu');
 +
      submenu.stop(true,false);
 +
      submenu.slideUp();
 +
      });
  
  
−
#home_logo, #sideMenu { display:none; }
+
         
−
#sideMenu, #top_title, .patrollink  {display:none;}
+
−
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
+
              //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");
 +
});
 +
  
  
  
−
/* body {background-color:white; } */
 
−
          body {background-image: url("https://static.igem.org/mediawiki/2018/8/8e/T--CSU_CHINA--template_1.jpg"); }
 
−
       
 
  
 +
});
  
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
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");
 +
 +
}
 +
}
  
−
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
 
  
  
−
/**************************************************************************************************************************************************************************************************/
+
</script>
  
  
  
−
/* MENU */
 
−
/**************************************************************************************************************************************************************************************************/
 
  
−
/*this wraps the whole of the menu*/
 
−
.igem_2018_team_menu {
 
−
background-color:#c4baba;
 
−
border-left: 1px solid #c4baba;
 
−
display:block;
 
−
float:right;  <!-------------------------------->
 
−
height:100vh;
 
−
max-width: 270px;
 
−
overflow-y: auto;
 
−
overflow-x: hidden;
 
−
padding:0px;
 
−
position:fixed;
 
−
right:0%;
 
−
text-align:left;
 
−
width: 15%;
 
−
}
 
  
 +
<style>
 +
/**************************************************************************************************************************************************************************************************/
  
−
.igem_2018_team_menu.displaying_menu{
 
−
display:block;
 
−
}
 
  
−
.igem_2018_team_menu  a {
 
−
color: #484848
 
−
text-decoration:none;
 
−
}
 
  
−
.igem_2018_team_menu img {
+
/**************************************************************************************************************************************************************************************************/
−
width:100%;
+
/* DEFAULT WIKI SETTINGS */
−
}
+
/**************************************************************************************************************************************************************************************************/
  
  
−
.igem_2018_team_menu .menu_item {
+
#home_logo, #sideMenu { display:none; }
−
    background-color: #c4baba;
+
#sideMenu, #top_title, .patrollink  {display:none;}
−
    border-bottom: 1px solid #928b8b;
+
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
−
    clear: both;
+
−
color: #484848;
+
−
    cursor: pointer;
+
−
float: left;
+
−
    font-size: 120%;
+
−
    font-weight: bold;
+
−
    padding: 15px 0px 15px 5%;
+
−
  width: 100%;
+
−
}
+
  
−
.igem_2018_team_menu .menu_item.direct_link {
 
−
color: #484848;
 
−
padding-left: 15%;
 
−
}
 
−
.igem_2018_team_menu .menu_item:hover {
 
−
background-color: #ecb656;
 
−
}
 
  
  
−
.igem_2018_team_menu .menu_item .submenu_control_icon {
+
/* body {background-color:white; } */
−
color: #484848;
+
          body {background-image: url("https://static.igem.org/mediawiki/2018/8/8e/T--CSU_CHINA--template_1.jpg"); }
−
float: left;
+
       
−
width: 10%;
+
−
}
+
  
−
/* submenu icon "+"  "-"*/
 
−
.igem_2018_team_menu .menu_item .submenu_control_icon::before {
 
−
content: "+";
 
−
}
 
  
−
/* submenu icon "+"  "-"*/
+
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
−
.igem_2018_team_menu .menu_item .submenu_control_icon.open::before {
+
−
content: "-";  
+
−
}
+
  
−
/*submenu wrapper*/
+
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
−
.igem_2018_team_menu .submenu{
+
−
background-color: #e4dede;
+
−
clear:both;
+
−
display:none;
+
−
float: left;
+
−
width:100%;
+
−
}
+
  
−
/*styling for a submenu item*/
 
−
.igem_2018_team_menu .submenu .submenu_item {
 
−
border-bottom: 1px solid #c4baba;
 
−
  color: #635d5d;
 
−
    height: 30px;
 
−
  float: left;
 
−
    font-size: 110%;
 
−
font-weight: bold;
 
−
    padding: 12px 0px 0px 15%;
 
−
    width: 100%;
 
−
}
 
  
−
.igem_2018_team_menu .submenu .submenu_item:hover {
 
−
background-color: #f3bd5d;
 
−
}
 
−
 
−
 
−
.igem_2018_team_menu .submenu .submenu_item.current_page,
 
−
.igem_2018_team_menu .menu_item.current_page,
 
−
.igem_2018_team_menu .menu_item.direct_link.current_page {
 
−
background-color:#7acbd8;
 
−
}
 
−
 
−
 
−
 
−
/*mobile menu bar styling*/
 
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
  
  
−
.igem_2018_team_mobile_bar {
 
−
background-color:#e4dede;
 
−
border-bottom: 1px solid #c4baba;
 
−
cursor:pointer;
 
−
display:none;
 
−
float:left;
 
−
margin-top: 0;
 
−
padding: 5px 0;
 
−
position:fixed;
 
−
width:100%;
 
−
}
 
−
 
−
.igem_logo_mobile img {
 
−
width:70px;
 
−
}
 
−
 
−
.igem_logo_mobile {
 
−
float:left;
 
−
padding-left: 5%;
 
−
width: 30%;
 
−
}
 
−
 
−
.igem_menu_control_mobile img {
 
−
width:25px;
 
−
}
 
−
 
−
.igem_menu_control_mobile {
 
−
float:right;
 
−
padding-right:5%;
 
−
padding-top:5px;
 
−
text-align:right;
 
−
width: 30%;
 
−
}
 
−
 
−
 
−
 
−
/**************************************************************************************************************************************************************************************************/
 
−
/* CONTENT OF THE PAGE */
 
−
/**************************************************************************************************************************************************************************************************/
 
−
 
−
/* general wrapper for the content */
 
−
.igem_2018_team_content {
 
−
background-color:white;
 
−
display:block;
 
−
width: 87%;
 
−
}
 
−
 
−
/* subwrapper to center content */
 
−
.igem_2018_team_content .igem_2018_team_column_wrapper {
 
−
margin:auto;
 
−
max-width: 1400px;
 
−
width:90%;
 
−
}
 
  
  
Line 621: Line 466:
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
  
−
 
+
<!--
  
  
Line 637: Line 482:
 
</div>
 
</div>
  
−
 
+
-->
  
  
Line 649: Line 494:
  
 
     <li>
 
     <li>
−
       <a href='https://2017.igem.org/Team:CSU_CHINA/Project'>  Project  </a>
+
       <a href='https://2018.igem.org/Team:CSU_CHINA/Description'>  Project  </a>
 
       <ul class="sub-menu">
 
       <ul class="sub-menu">
 
         <li><a href='https://2018.igem.org/Team:CSU_CHINA/Description'>Description</a></li>
 
         <li><a href='https://2018.igem.org/Team:CSU_CHINA/Description'>Description</a></li>
 
         <li><a href='https://2018.igem.org/Team:CSU_CHINA/Design'>Design</a></li>
 
         <li><a href='https://2018.igem.org/Team:CSU_CHINA/Design'>Design</a></li>
 +
        <li><a href='https://2018.igem.org/Team:CSU_CHINA/Experiments'>Experiments</a></li>
 
         <li><a href='https://2018.igem.org/Team:CSU_CHINA/Notebook'>Notebook</a></li>
 
         <li><a href='https://2018.igem.org/Team:CSU_CHINA/Notebook'>Notebook</a></li>
−
        <li><a href='https://2018.igem.org/Team:CSU_CHINA/Model'>Model</a></li>
 
 
       </ul>
 
       </ul>
 
     </li>
 
     </li>
Line 681: Line 526:
 
         <li class="long"><a href='https://2018.igem.org/Team:CSU_CHINA/Human_Practices'>Human Practices</a></li>
 
         <li class="long"><a href='https://2018.igem.org/Team:CSU_CHINA/Human_Practices'>Human Practices</a></li>
 
         <li class="long"><a href='https://2018.igem.org/Team:CSU_CHINA/Public_Engagement'>Education & Engagement</a></li>
 
         <li class="long"><a href='https://2018.igem.org/Team:CSU_CHINA/Public_Engagement'>Education & Engagement</a></li>
 +
        <li class="long"><a href='https://2018.igem.org/Team:CSU_CHINA/Collaborations'>Collaborations</a></li>
 
       </ul>
 
       </ul>
 
     </li>
 
     </li>
Line 688: Line 534:
 
       <ul class="sub-menu">
 
       <ul class="sub-menu">
 
         <li><a href='https://2018.igem.org/Team:CSU_CHINA/Team'>Team Members</a></li>
 
         <li><a href='https://2018.igem.org/Team:CSU_CHINA/Team'>Team Members</a></li>
−
        <li><a href='https://2018.igem.org/Team:CSU_CHINA/Collaborations'>Collaborations</a></li>
 
 
         <li><a href='https://2018.igem.org/Team:CSU_CHINA/Attributions'>Attributions</a></li>
 
         <li><a href='https://2018.igem.org/Team:CSU_CHINA/Attributions'>Attributions</a></li>
 
       </ul>
 
       </ul>

Latest revision as of 02:04, 18 October 2018