Difference between revisions of "Template:Uppsala/Navbar"
| Line 16: | Line 16: | ||
} | } | ||
| + | /* when the page size is bigger than 800px, this show/hide control is hidden by default */ | ||
| + | nav #display_menu_control { | ||
| + | display:none; | ||
| + | text-align:center; | ||
| + | } | ||
/* Fix top panel Bootstrap issues. Patch by iGEM Stockholm 2015. Include this stylesheet in your header, after Bootstrap, to restore the original style to the top menu.*/ | /* Fix top panel Bootstrap issues. Patch by iGEM Stockholm 2015. Include this stylesheet in your header, after Bootstrap, to restore the original style to the top menu.*/ | ||
| Line 153: | Line 158: | ||
cursor: pointer; | cursor: pointer; | ||
} | } | ||
| − | + | nav .menu_button .expand_collapse_icon { | |
width:100%; | width:100%; | ||
float:left; | float:left; | ||
} | } | ||
| − | + | nav .menu_button .expand_collapse_icon::before { | |
content: "+"; | content: "+"; | ||
} | } | ||
| Line 166: | Line 171: | ||
} | } | ||
/* styling for the menu buttons on hover */ | /* styling for the menu buttons on hover */ | ||
| − | + | nav .menu_button:hover, { | |
background-color: #3399ff; | background-color: #3399ff; | ||
text-decoration: none; | text-decoration: none; | ||
| Line 176: | Line 181: | ||
@media only screen and (max-width: 1200px) { | @media only screen and (max-width: 1200px) { | ||
| − | + | nav #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 190: | ||
@media only screen and (max-width: 800px) { | @media only screen and (max-width: 800px) { | ||
| − | + | nav { width:100%; height: 15%; position:relative; left:0%;} | |
| − | + | nav #display_menu_control { display:block; } | |
#menu_content { display:none;} | #menu_content { display:none;} | ||
| − | + | nav .menu_button .expand_collapse_icon { width: 5%; } | |
.menu_bottom_padding {display:none;} | .menu_bottom_padding {display:none;} | ||
} | } | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
</style> | </style> | ||
Revision as of 14:15, 1 November 2017
