Re-design

accgit · accgit · commit f95337dd072d · 2017-07-10T22:28:25.000+02:00
diff --git a/src/css/style.responsive.css b/src/css/style.responsive.css
@@ -35,6 +35,7 @@
 
 .sidebar ul.menu {
     background-color: white;
+      padding-bottom: 15px;
           list-style: none;
               margin: 0;
 }
@@ -46,23 +47,22 @@
 
 .sidebar ul.menu li {
     line-height: 38px;
-         margin: 0;
+    font-weight: 500;
+    padding-top: 15px;
 	  color: #353637;
 }
 
 .sidebar ul.menu li ul li {
-    font-size: 1.125em;
+    padding-top: 0;
+      font-size: 1.125em;
+         margin: 0;
 }
 
 .sidebar ul.menu li span span {
     padding: 0 15px 0 25px;
     display: block;
 }
 
-.sidebar ul.menu li.top {
-    padding-top: 15px;
-}
-
 .sidebar ul.menu li .icon {
     margin-right: 10px;
        font-size: 12px;
diff --git a/src/css/style.responsive.dark.css b/src/css/style.responsive.dark.css
diff --git a/src/css/style.responsive.theme.css b/src/css/style.responsive.theme.css
@@ -0,0 +1,32 @@
+
+/*
+    theme style sidebar menu
+*/
+.nav .click { color: #717377; }
+.nav .click .menu:hover { background-color: #272a30; }
+
+.sidebar .title {
+    background-color: #393c45;
+         font-weight: 500;
+               color: white;
+}
+
+.sidebar ul.menu { background-color: #2b2e35; }
+.sidebar ul.menu li { color: #717377; }
+.sidebar ul.menu li a { color: #dfe1e7; }
+.sidebar ul.menu li a:hover {
+    background-color: #393c45;
+               color: white;
+}
+
+.sidebar ul.menu li a.current {
+    color: #ff933b;
+}
+
+@media only screen and (min-width: 768px) {
+
+    .sidebar {
+	background-color: #2b2e35;
+    }
+
+}
diff --git a/src/index.html b/src/index.html
@@ -9,7 +9,7 @@
 
 	<!-- CSS styles -->
 	<link rel="stylesheet" href="css/style.css">
-<!--	<link rel="stylesheet" href="css/style.responsive.dark.css">-->
+	<link rel="stylesheet" href="css/style.responsive.theme.css">
 </head>
 <body>
 	<!-- navigation -->
