Difference between revisions of "Team:Imperial College/Templates/NavBar"

Line 8: Line 8:
 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  
$(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");
 
 
}
 
}
 
  
  
Line 60: Line 23:
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
  
body{
 
    margin:0;
 
    padding:0;
 
    background-image: linear-gradient(-225deg, #E3FDF5 0%, #FFE6FA 100%);
 
    background-blend-mode: screen;
 
    text-decoration:none;
 
    overflow: scroll;
 
    font-family: 'Varela Round', sans-serif;
 
    box-sizing: border-box;
 
    color:#24305E;
 
}
 
.clr{
 
    clear:both;
 
}
 
 
hr {
 
    border: 0;
 
    height: 4px;
 
    background-image: linear-gradient(to right,white, #F76C6C, white);
 
}
 
 
.container{
 
width: 100%;
 
margin-left: auto;
 
    margin-right:auto;
 
    padding-top:5%;
 
height: 100%;
 
    position: relative;
 
    padding-bottom: 20px;
 
    }
 
   
 
.content{
 
    background:none;
 
    margin:auto;
 
    padding:0;
 
    width:90%;
 
    height: 100%;
 
    position:relative;
 
    color:#24305E;
 
}
 
  
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
Line 279: Line 202:
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
  
/* general wrapper for the content */
+
body{
.igem_2018_team_content {
+
    margin:0;
background-color: white;
+
    padding:0;
display:block;
+
    background-image: linear-gradient(-225deg, #E3FDF5 0%, #FFE6FA 100%);
width: 87%;
+
    background-blend-mode: screen;
}
+
    text-decoration:none;
 +
    overflow: scroll;
 +
    font-family: 'Varela Round', sans-serif;
 +
    box-sizing: border-box;
 +
    color:#24305E;
 +
}
 +
.clr{
 +
    clear:both;
 +
}
  
/* subwrapper to center content */
+
hr {
.igem_2018_team_content .igem_2018_team_column_wrapper {
+
    border: 0;
margin:auto;
+
    height: 4px;
max-width: 1400px;
+
    background-image: linear-gradient(to right,white, #F76C6C, white);
width:90%;
+
}
}
+
 
 +
.container{
 +
width: 100%;
 +
margin-left: auto;
 +
    margin-right:auto;
 +
    padding-top:5%;
 +
height: 100%;
 +
    position: relative;
 +
    padding-bottom: 20px;
 +
    }
 +
   
 +
.content{
 +
    background:none;
 +
    margin:auto;
 +
    padding:0;
 +
    width:90%;
 +
    height: 100%;
 +
    position:relative;
 +
    color:#24305E;
 +
}
  
  

Revision as of 08:22, 12 September 2018