more menu work

src/main/webapp/css/main.css

@@ -747,7 +747,7 @@ cookieContainer {
   z-index: 100;
 }
 
-#leftside-navigation {
+#menu-container {
   overflow-y:scroll;
   overflow-x:hidden;
 }
@@ -761,18 +761,18 @@ cookieContainer {
 .sidebar-toggle {
   margin-left: -240px;
 }
-#leftside-navigation ul,
-#leftside-navigation ul ul {
+#menu-container ul,
+#menu-container ul ul {
   margin: -2px 0 0;
   padding: 0;
 }
-#leftside-navigation ul li {
+#menu-container ul li {
   list-style-type: none;
   border-bottom: 1px solid rgba(255, 255, 255, 0.05);
 }
 
 
-#leftside-navigation ul li a {
+#menu-container ul li a {
   color: #aeb2b7;
   text-decoration: none;
   display: block;
@@ -785,38 +785,38 @@ cookieContainer {
   -ms-transition: all 200ms ease-in;
   transition: all 200ms ease-in;
 }
-#leftside-navigation ul li a span {
+#menu-container ul li a span {
   display: inline-block;
 }
-#leftside-navigation ul ul li {
+#menu-container ul ul li {
   background: #333;
   margin-bottom: 0;
   margin-left: 0;
   margin-right: 0;
   border-bottom: none;
 }
-#leftside-navigation ul ul li a {
+#menu-container ul ul li a {
   font-size: 11px;
   padding-top: 5px;
   padding-bottom: 5px;
   color: #aeb2b7;
   margin-left:8px;
 }
-#leftside-navigation ul li a i {
+#menu-container ul li a i {
   width: 20px;
 }
-#leftside-navigation ul li a i.fa-angle-right,
-#leftside-navigation ul li a i.fa-angle-left {
+#menu-container ul li a i.fa-angle-right,
+#menu-container ul li a i.fa-angle-left {
   padding-top: 3px;
 }
-#leftside-navigation ul ul {
+#menu-container ul ul {
   display: none;
 }
-#leftside-navigation li.active ul {
+#menu-container li.active ul {
   display: block;
 }
-#leftside-navigation ul li a:hover,
-#leftside-navigation ul li.active > a {
+#menu-container ul li a:hover,
+#menu-container ul li.active > a {
   color: #e84c3d;
 }
 
@@ -827,15 +827,15 @@ cookieContainer {
     padding-top: 15px;
 }
 
-#leftside-navigation ul li.selected {
+#menu-container ul li.selected {
     background-color: #555;
 }
 
-#leftside-navigation ul li.selected a.selected {
+#menu-container ul li.selected a.selected {
   color:white;
 }
 
-#leftside-navigation ul ul.lessonsAndStages.keepOpen {
+#menu-container ul ul.lessonsAndStages.keepOpen {
   display: block
 }