Added css for a 'classic' main menu

This commit is contained in:
danielyxie 2018-09-21 11:31:44 -05:00
parent 0fc06c3323
commit 7ef6f6896e
2 changed files with 21 additions and 2 deletions

@ -85,9 +85,14 @@ tr:focus {
color: #e6e6e6;
background-color: #555;
padding: 12px 8px;
text-decoration: none;
}
.mainmenu.classic > li a {
padding: 16px;
}
/* Hovering makes them lighter */
.mainmenu > li a:hover,
.mainmenu > li a:hover:not(.active),
@ -118,6 +123,11 @@ tr:focus {
outline: 2px solid #fff;
}
.mainmenu-accordion-header-classic {
border: 2px solid #fff;
padding: 16px !important;
}
/* Plus and minus signs */
.mainmenu-accordion-header:after {
content: '\02795';
@ -130,7 +140,16 @@ tr:focus {
text-shadow: 0 0 0 #fff;
}
.mainmenu-accordion-header.opened {
.mainmenu-accordion-header-classic:after {
content: '\02795';
float: right;
font-size: $defaultFontSize * 0.8125;
color: #fff;
margin-left: 5px;
}
.mainmenu-accordion-header.opened,
.mainmenu-accordion-header-classic.opened {
background-color: #222;
&:after {

@ -32,7 +32,7 @@ if (htmlWebpackPlugin.options.googleAnalytics.trackingId) { %>
<div id="entire-game-container" style="visibility:hidden;">
<div id="mainmenu-container">
<!-- Main menu -->
<ul class="mainmenu">
<ul id="mainmenu" class="mainmenu">
<!-- Hacking dropdown -->
<li id="hacking-menu-header-li">
<a id="hacking-menu-header" class="mainmenu-accordion-header"> Hacking </a>