Difference between revisions of "Template:Uppsala/Navbar"
| Line 143: | Line 143: | ||
| − | + | nav .menu_button { | |
width: 100%; | width: 100%; | ||
padding: 10px 0px 10px 15px; | padding: 10px 0px 10px 15px; | ||
| Line 153: | Line 153: | ||
cursor: pointer; | cursor: pointer; | ||
} | } | ||
| − | + | #navbar .menu_button .expand_collapse_icon { | |
width:100%; | width:100%; | ||
float:left; | float:left; | ||
} | } | ||
| − | + | #navbar .menu_button .expand_collapse_icon::before { | |
content: "+"; | content: "+"; | ||
} | } | ||
| Line 166: | Line 166: | ||
} | } | ||
/* styling for the menu buttons on hover */ | /* styling for the menu buttons on hover */ | ||
| − | + | #navbar .menu_button:hover, { | |
background-color: #3399ff; | background-color: #3399ff; | ||
text-decoration: none; | text-decoration: none; | ||
| Line 176: | Line 176: | ||
@media only screen and (max-width: 1200px) { | @media only screen and (max-width: 1200px) { | ||
| − | + | #navbar #display_menu_control { display:none; } | |
#menu_content { display:block;} | #menu_content { display:block;} | ||
.menu_button.direct_to_page {padding-left: 17px;} | .menu_button.direct_to_page {padding-left: 17px;} | ||
| Line 185: | Line 185: | ||
@media only screen and (max-width: 800px) { | @media only screen and (max-width: 800px) { | ||
| − | + | #navbar { width:100%; height: 15%; position:relative; left:0%;} | |
.navbar #display_menu_control { display:block; } | .navbar #display_menu_control { display:block; } | ||
#menu_content { display:none;} | #menu_content { display:none;} | ||
| − | + | #navbar .menu_button .expand_collapse_icon { width: 5%; } | |
.menu_bottom_padding {display:none;} | .menu_bottom_padding {display:none;} | ||
} | } | ||
/* when the page size is bigger than 800px, this show/hide control is hidden by default */ | /* when the page size is bigger than 800px, this show/hide control is hidden by default */ | ||
| − | + | #navbar #display_menu_control { | |
display:none; | display:none; | ||
text-align:center; | text-align:center; | ||
Revision as of 14:04, 1 November 2017
