Difference between revisions of "Template:Example2"
| Line 33: | Line 33: | ||
function highlight_current_page() { | function highlight_current_page() { | ||
| − | |||
| − | |||
$("#"+ wgPageName.substring(wgPageName.indexOf("/")+1, wgPageName.length ) + "_page").addClass("current_page"); | $("#"+ wgPageName.substring(wgPageName.indexOf("/")+1, wgPageName.length ) + "_page").addClass("current_page"); | ||
| Line 95: | Line 93: | ||
overflow-x: hidden; | overflow-x: hidden; | ||
border-left: 1px solid #d3d3d3; | border-left: 1px solid #d3d3d3; | ||
| + | font-family:Tahoma, Geneva, sans-serif; | ||
} | } | ||
| Line 122: | Line 121: | ||
} | } | ||
| + | .igem_2017_menu_wrapper .menu_button .expand_collapse_icon { | ||
| + | width:10%; | ||
| + | float:left; | ||
| + | } | ||
| + | |||
| + | .igem_2017_menu_wrapper .menu_button .expand_collapse_icon::before { | ||
| + | content: "+"; | ||
| + | } | ||
| + | |||
| + | .igem_2017_menu_wrapper .menu_button .expand_collpase_icon.open::before { | ||
| + | content: "-"; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
/* styling for the menu buttons on hover */ | /* styling for the menu buttons on hover */ | ||
.igem_2017_menu_wrapper .menu_button:hover, .igem_2017_menu_wrapper .submenu_button:hover , .submenu_button.current_page:hover { | .igem_2017_menu_wrapper .menu_button:hover, .igem_2017_menu_wrapper .submenu_button:hover , .submenu_button.current_page:hover { | ||
| Line 169: | Line 183: | ||
margin: 2%; | margin: 2%; | ||
display:block; | display:block; | ||
| + | font-family:Tahoma, Geneva, sans-serif; | ||
} | } | ||
| Line 194: | Line 209: | ||
padding: 0px 15px; | padding: 0px 15px; | ||
font-size: 13px; | font-size: 13px; | ||
| − | |||
} | } | ||
| Line 328: | Line 342: | ||
.igem_2017_content_wrapper .button{ | .igem_2017_content_wrapper .button{ | ||
max-width: 35%; | max-width: 35%; | ||
| − | + | background-color: #3399ff; | |
| − | + | padding: 12px 10px; | |
| − | + | text-align: center; | |
| − | + | margin: 30px auto; | |
| − | + | color: #ffffff; | |
-webkit-transition: all 0.4s ease; | -webkit-transition: all 0.4s ease; | ||
-moz-transition: all 0.4s ease; | -moz-transition: all 0.4s ease; | ||
| Line 341: | Line 355: | ||
/* styling for button on hover */ | /* styling for button on hover */ | ||
.igem_2017_content_wrapper .button:hover{ | .igem_2017_content_wrapper .button:hover{ | ||
| − | + | color: #000000; | |
| − | + | background-color: #3399ff; | |
} | } | ||
| Line 418: | Line 432: | ||
<div class="menu_button"> | <div class="menu_button"> | ||
| − | TEAM | + | <div class="expand_collapse_icon"> </div> TEAM |
</div> | </div> | ||
| Line 443: | Line 457: | ||
<div class="menu_button"> | <div class="menu_button"> | ||
| − | PROJECT | + | <div class="expand_collapse_icon"> </div> PROJECT |
</div> | </div> | ||
| Line 525: | Line 539: | ||
<div class="menu_button"> | <div class="menu_button"> | ||
| − | PARTS | + | <div class="expand_collapse_icon"> </div> PARTS |
</div> | </div> | ||
| Line 573: | Line 587: | ||
<div class="menu_button" > | <div class="menu_button" > | ||
| − | HUMAN PRACTICES | + | <div class="expand_collapse_icon"> </div> HUMAN PRACTICES |
</div> | </div> | ||
| Line 602: | Line 616: | ||
<div class="menu_button"> | <div class="menu_button"> | ||
| − | AWARDS | + | <div class="expand_collapse_icon"> </div> AWARDS |
</div> | </div> | ||
| Line 651: | Line 665: | ||
</a> | </a> | ||
| + | </div> | ||
| + | |||
| + | <div class="menu_button" > | ||
</div> | </div> | ||
Revision as of 16:07, 9 March 2017
