conte.css.scss in conte_rails_template-0.0.34

- old
+ new
@@ -54,70 +54,81 @@
       #navigation {
         position: relative;
         width: 100%;
         text-shadow: 0px 1px 0px rgba(0, 0, 0, 1);
         z-index: 1;
-        ul {
+
+        &.accordion {
           padding: 0px; margin: 0px;
-          width: 100%;
 
-          li {
-            width: 100%;
-            display: block;
-            background: #3B3D43;
+          a {
+            color: #ccc;
+            font-weight: bold;
+            font-size: 16px;
+            padding: 0px; margin: 0px;
+          }
 
-            & a:active, &.active a {
-              background: #824365;
-            }
+          .accordion-group {
+            border: none;
+            padding: 0px; margin: 0px;
 
-            a {
-              display: block;
-              padding: 15px;
-              color: #ccc;
-              font-weight: bold;
-              font-size: 16px;
-              text-decoration: none;
+            .accordion-toggle {
+              height: 50px;
+              line-height: 50px;
               border-top: 1px solid rgba(255, 255, 255, 0.1);
-              border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+              border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+              padding-left: 20px;
 
-              &:hover {
-                background: #484B51;
+              .caret {
+                border-top: none;
+                border-bottom: 6px solid #ccc;
+                border-left: 6px solid transparent;
+                border-right: 6px solid transparent;
+                margin-top: 20px;
               }
 
-              &:active {
+              &.collapsed {
+                .caret {
+                  border-bottom: none;
+                  border-top: 6px solid #ccc;
+                }
+              }
+
+              &.active {
                 background: #824365;
+                &:hover {
+                  background: #824365;
+                }
               }
 
-              .caret {
-                border-top: 6px solid #ccc;
-                border-right: 6px solid transparent;
-                border-left: 6px solid transparent;
-                margin: 7px 0px 0px 10px;
+              &:hover {
+                background: #484B51;
               }
             }
 
-            &.toggle .caret {
-              border-top: none;
-              border-bottom: 6px solid #ccc;
-              border-right: 6px solid transparent;
-              border-left: 6px solid transparent;
-            }
+            .accordion-inner {
+              border: none;
+              padding: 0px; margin: 0px;
 
-            ul {
-              background: #313237;
+              a {
+                border-top: none;
+                height: 50px;
+                padding: 0px;
+                line-height: 50px;
+                padding-left: 30px;
 
-              li {
-                a {
-                  padding-left: 35px;
+                &.active {
+                  background: #61324b;
                 }
+
+                &:hover {
+                  background: #484B51;
+                }
               }
             }
           }
-
-          li:first-child a {
-            border-top: none;
-          }
         }
+
       }
     }
 
     #main {
       width: 84%; 
\ No newline at end of file