Difference between revisions of "Template:Example2"
(Created page with "<html> <script> // This is the jquery part of your template. Try not modify any of this code since it makes your menu work. $(document).ready(function() { hide_sho...") |
|||
| Line 105: | Line 105: | ||
$("#main_menu_control").click(function() { | $("#main_menu_control").click(function() { | ||
| − | if($('. | + | if($('.igem_2017_menu_wrapper .submenu').is(':visible')) { |
| − | $(". | + | $(".igem_2017_menu_wrapper .submenu").hide(); |
$(".submenu_access").removeClass("less"); | $(".submenu_access").removeClass("less"); | ||
} | } | ||
else { | else { | ||
| − | $(". | + | $(".igem_2017_menu_wrapper .submenu").show(); |
$(".submenu_access").addClass("less"); | $(".submenu_access").addClass("less"); | ||
} | } | ||
| Line 124: | Line 124: | ||
$("#bars_item").click(function() { | $("#bars_item").click(function() { | ||
$("#sideMenu").hide(); | $("#sideMenu").hide(); | ||
| − | $(". | + | $(".igem_2017_menu_wrapper").fadeToggle("100"); |
| − | $(". | + | $(".igem_2017_content_wrapper").toggleClass("full_screen"); |
}); | }); | ||
} | } | ||
| Line 198: | Line 198: | ||
/********************************* MENU ********************************/ | /********************************* MENU ********************************/ | ||
/* Wrapper for the menu */ | /* Wrapper for the menu */ | ||
| − | . | + | .igem_2017_menu_wrapper { |
width: 15%; | width: 15%; | ||
height:100vh; | height:100vh; | ||
| Line 213: | Line 213: | ||
/* styling for the images in the side menu */ | /* styling for the images in the side menu */ | ||
| − | . | + | .igem_2017_menu_wrapper img { |
width: 70%; | width: 70%; | ||
margin: auto; | margin: auto; | ||
| Line 258: | Line 258: | ||
| − | . | + | .igem_2017_menu_wrapper .menu_icon img { |
width: 20px; | width: 20px; | ||
padding: 5px 10px 5px 5px; | padding: 5px 10px 5px 5px; | ||
| Line 365: | Line 365: | ||
/* Wrapper for the content */ | /* Wrapper for the content */ | ||
| − | . | + | .igem_2017_content_wrapper { |
width: 81%; | width: 81%; | ||
float:left; | float:left; | ||
| Line 374: | Line 374: | ||
/* class for when the menu is not shown and the content occupies the whole screen */ | /* class for when the menu is not shown and the content occupies the whole screen */ | ||
| − | . | + | .igem_2017_content_wrapper.full_screen { |
width: 96%; | width: 96%; | ||
} | } | ||
| Line 561: | Line 561: | ||
/* styling for the titles */ | /* styling for the titles */ | ||
| − | . | + | .igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 { |
padding:5px 15px; | padding:5px 15px; | ||
border-bottom:0px; | border-bottom:0px; | ||
| Line 569: | Line 569: | ||
| − | . | + | .igem_2017_content_wrapper h3, .igem_2017_content_wrapper h4, .igem_2017_content_wrapper h5, .igem_2017_content_wrapper h6 { |
padding:5px 15px; | padding:5px 15px; | ||
border-bottom:0px; | border-bottom:0px; | ||
| Line 577: | Line 577: | ||
/* font and text */ | /* font and text */ | ||
| − | . | + | .igem_2017_content_wrapper p { |
padding:0px 15px; | padding:0px 15px; | ||
font-size: 13px; | font-size: 13px; | ||
| Line 584: | Line 584: | ||
/* Links */ | /* Links */ | ||
| − | . | + | .igem_2017_content_wrapper a { |
font-weight: bold; | font-weight: bold; | ||
text-decoration: underline; | text-decoration: underline; | ||
| Line 597: | Line 597: | ||
/* hover for the links */ | /* hover for the links */ | ||
| − | . | + | .igem_2017_content_wrapper a:hover { |
text-decoration:none; | text-decoration:none; | ||
color:#000000; | color:#000000; | ||
| Line 603: | Line 603: | ||
/* non numbered lists */ | /* non numbered lists */ | ||
| − | . | + | .igem_2017_content_wrapper ul { |
padding:0px 20px; | padding:0px 20px; | ||
font-size: 13px; | font-size: 13px; | ||
| Line 610: | Line 610: | ||
/* numbered lists */ | /* numbered lists */ | ||
| − | . | + | .igem_2017_content_wrapper ol { |
padding:0px; | padding:0px; | ||
font-size: 13px; | font-size: 13px; | ||
| Line 617: | Line 617: | ||
/* Table */ | /* Table */ | ||
| − | . | + | .igem_2017_content_wrapper table { |
width: 97%; | width: 97%; | ||
margin:15px 10px; | margin:15px 10px; | ||
| Line 625: | Line 625: | ||
/* table cells */ | /* table cells */ | ||
| − | . | + | .igem_2017_content_wrapper td { |
padding: 10px; | padding: 10px; | ||
vertical-align: text-top; | vertical-align: text-top; | ||
| Line 633: | Line 633: | ||
/* table headers */ | /* table headers */ | ||
| − | . | + | .igem_2017_content_wrapper th { |
padding: 10px; | padding: 10px; | ||
vertical-align: text-top; | vertical-align: text-top; | ||
| Line 726: | Line 726: | ||
#content {width:100%; } | #content {width:100%; } | ||
| − | . | + | .igem_2017_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 738: | Line 738: | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| Line 761: | Line 746: | ||
.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_2017_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;} |
| − | . | + | .igem_2017_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_2017_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 798: | Line 783: | ||
| − | <div class=" | + | <div class="igem_2017_menu_wrapper" > |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| Line 819: | Line 795: | ||
| − | <div class=" | + | <div class="igem_2017_content_wrapper"> |
</html> | </html> | ||
Revision as of 20:30, 7 February 2017
