Difference between revisions of "Template:Main2017"
| Line 105: | Line 105: | ||
$("#main_menu_control").click(function() { | $("#main_menu_control").click(function() { | ||
| − | if($('.submenu').is(':visible')) { | + | if($('.igem_menu_wrapper > .submenu').is(':visible')) { |
| − | $(".submenu").hide(); | + | $(".igem_menu_wrapper > .submenu").hide(); |
$(".submenu_access").removeClass("less"); | $(".submenu_access").removeClass("less"); | ||
} | } | ||
else { | else { | ||
| − | $(".submenu").show(); | + | $(".igem_menu_wrapper > .submenu").show(); |
$(".submenu_access").addClass("less"); | $(".submenu_access").addClass("less"); | ||
} | } | ||
| Line 126: | Line 126: | ||
$("#bars_item").click(function() { | $("#bars_item").click(function() { | ||
$("#sideMenu").hide(); | $("#sideMenu").hide(); | ||
| − | $(". | + | $(".igem_menu_wrapper").fadeToggle("100"); |
$(".content_wrapper").toggleClass("full_screen"); | $(".content_wrapper").toggleClass("full_screen"); | ||
}); | }); | ||
| Line 200: | Line 200: | ||
/********************************* MENU ********************************/ | /********************************* MENU ********************************/ | ||
/* Wrapper for the menu */ | /* Wrapper for the menu */ | ||
| − | . | + | .igem_menu_wrapper { |
width: 15%; | width: 15%; | ||
height:100vh; | height:100vh; | ||
| Line 215: | Line 215: | ||
/* styling for the images in the side menu */ | /* styling for the images in the side menu */ | ||
| − | . | + | .igem_menu_wrapper img { |
width: 70%; | width: 70%; | ||
margin: auto; | margin: auto; | ||
| Line 260: | Line 260: | ||
| − | . | + | .igem_menu_wrapper .menu_icon img { |
width: 20px; | width: 20px; | ||
padding: 5px 10px 5px 5px; | padding: 5px 10px 5px 5px; | ||
| Line 726: | Line 726: | ||
#content {width:100%; } | #content {width:100%; } | ||
| − | . | + | .igem_menu_wrapper {width:15%; right:0%;} |
.highlight {padding:10px 0px;} | .highlight {padding:10px 0px;} | ||
.load_menu_here, .menu_icon {display:none;} | .load_menu_here, .menu_icon {display:none;} | ||
| Line 743: | Line 743: | ||
.collapsable_menu_control, .menu_icon, .submenu_access { display:block;} | .collapsable_menu_control, .menu_icon, .submenu_access { display:block;} | ||
.load_menu_here, .menu_bottom_padding {display:none;} | .load_menu_here, .menu_bottom_padding {display:none;} | ||
| − | . | + | .igem_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;} |
.content_wrapper {width:100%; margin-left:0px;} | .content_wrapper {width:100%; margin-left:0px;} | ||
.column.half_size, .column.third_size, .column.fourth_size {width:100%; } | .column.half_size, .column.third_size, .column.fourth_size {width:100%; } | ||
.column img { width: 100%; padding: 5px 0px;} | .column img { width: 100%; padding: 5px 0px;} | ||
.highlight {padding:15px 5px;} | .highlight {padding:15px 5px;} | ||
| − | . | + | .igem_menu_wrapper img { width: 30%; margin-left: 35%;} |
.menu_item, .submenu_item, .sub_submenu_item, .menu_title { padding:10px 0px 10px 10%; font-size: 13px; } | .menu_item, .submenu_item, .sub_submenu_item, .menu_title { padding:10px 0px 10px 10%; font-size: 13px; } | ||
.submenu > .submenu_access { font-size: 13px; padding: 10px 0px;} | .submenu > .submenu_access { font-size: 13px; padding: 10px 0px;} | ||
| Line 778: | Line 778: | ||
| − | <div class=" | + | <div class="igem_menu_wrapper" > |
<div class="collapsable_menu_control"> MENU 三 </div> | <div class="collapsable_menu_control"> MENU 三 </div> | ||
Revision as of 16:03, 7 February 2017
