restore

static/css/styles2.css

@@ -201,7 +201,6 @@
 
     aside .cd-accordion-menu label {
         cursor: pointer;
-        background: #35383d;
     }
 
 
@@ -223,6 +222,84 @@
         display: block;
     }
     
+    
+    main .cd-accordion-menu {
+        width: 100%;
+        max-width: 600px;        
+    }
+    
+    main .cd-accordion-menu ul {
+        /* by default hide all sub menus */
+        display: none;
+    }
+
+    main .cd-accordion-menu li {
+        -webkit-user-select: none;
+        -moz-user-select: none;
+        -ms-user-select: none;
+        user-select: none;
+    }
+
+    main .cd-accordion-menu input[type=checkbox] {
+        /* hide native checkbox */
+        position: absolute;
+        opacity: 0;
+    }    
+
+    main .cd-accordion-menu label {
+        position: relative;
+        display: block;
+        font-size: 1.0em; 
+    }
+
+
+                 
+    main .cd-accordion-menu ul,
+    main .cd-accordion-menu li {
+        list-style: none;
+    }
+    
+    main .cd-accordion-menu label::before
+    {
+        /* icons */
+        font:  normal normal normal 1.0em/1 FontAwesome;
+        font-size: inherit;
+        text-rendering: auto;
+        content: '\f0da';
+        display: inline-block;
+        width: 16px;
+        height: 16px;
+        
+        -webkit-transform: translateY(0%);
+        -moz-transform: translateY(0%);
+        -ms-transform:  translateY(0%);
+        -o-transform: translateY(0%);
+        transform: translateY(0%); 
+    }
+
+    main .cd-accordion-menu label {
+        cursor: pointer;
+    }
+
+
+    main .cd-accordion-menu input[type=checkbox]:checked + label::before {
+        /* rotate arrow */
+        -webkit-transform: translateY(20%) rotate(90deg);
+        -moz-transform: translateY(20%) rotate(90deg);
+        -ms-transform:  translateY(20%) rotate(90deg);
+        -o-transform: translateY(20%) rotate(90deg);
+        transform: translateY(20%) rotate(90deg); 
+
+    }
+    
+    
+    main .cd-accordion-menu input[type=checkbox]:checked + label + ul,
+    main .cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
+        /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
+        /* show children when item is checked */
+        display: block;
+    }
+    
 
     
     user ul {