Themes available !

Disk : filesystem column is hidden in mobile view

1 files changed, 61 insertions, 37 deletions

diff --git a/web/css/_src/frontend.scss b/web/css/_src/frontend.scss
index 2369695..9a146b6 100644
--- a/web/css/_src/frontend.scss
+++ b/web/css/_src/frontend.scss
@@ -7,10 +7,10 @@ html {
 }
 
 body {
-	font-size: 14px;
-	font-family: OpenSans-Light, Verdana, sans-serif, Arial;
-	margin: 0 auto;
-	color: $text-color;
+    font-size: 14px;
+    font-family: OpenSans-Light, Verdana, sans-serif, Arial;
+    margin: 0 auto;
+    color: $text-color;
     background-color: $layout-bg-color;
 }
 
@@ -35,7 +35,6 @@ a {
 /* --------------------- */
 /*  ==     NAVBAR        */
 /* --------------------- */
-
 nav[role="main"] {
     position: fixed;
     top: 0;
@@ -105,11 +104,9 @@ nav[role="main"] {
                 padding: (($navbar-height / 2) - 17px) 15px;
                 color: #fff;
                 text-decoration: none;
-                @include transition(background 300ms ease-in-out);
                 
                 &:hover {
-                    background: lighten($main-color, 6%);
-                    @include transition(background 300ms ease-in-out);
+                    background: lighten($main-color, 20%);
                 }
 
                 > span[class^="icon-"] {
@@ -125,7 +122,6 @@ nav[role="main"] {
 /* ------------------- */
 /*  ==     MAIN        */
 /* ------------------- */
-
 #main-container {
     overflow: auto;
     margin-top: $navbar-height;
@@ -135,31 +131,6 @@ nav[role="main"] {
 
 
 
-/* ---------------------- */
-/*  ==     Listing        */
-/* ---------------------- */
-ul.list {
-    margin-left: 20px;
-    list-style-type: none;
-    
-    li {
-        position: relative;
-        padding-left: 12px;
-        
-        &:before {
-            content: '';
-            width: 5px;
-            height: 5px;
-            background-color: $main-color;
-            position: absolute;
-            left: 0;
-            top: 9px;
-        }
-    }
-}
-
-
-
 /* --------------------- */
 /*  ==     Tables        */
 /* --------------------- */
@@ -209,14 +180,13 @@ table:not(.no-style) {
 
 table.firstBold tbody tr td:first-child {
     font-weight: bold;
-    color: lighten($text-color, 20%);
+    color: #7e848c;
 }
 
 
 /* --------------------------- */
 /*  ==     Progress bar        */
 /* --------------------------- */
-
 .progressbar-wrap {
     width: 100%;
     background-color: rgba($main-color, 0.2);
@@ -273,6 +243,53 @@ table.firstBold tbody tr td:first-child {
 
 
 /* ------------------------- */
+/*  ==     ! THEMES !        */
+/* ------------------------- */
+@each $name, $datas in $themes {
+    body.theme-#{""+$name+""} {
+        a {
+            color: map-get($datas, main-color);
+            
+            &:hover {
+                color: lighten(map-get($datas, main-color), 5%);
+                text-decoration: none;
+            }
+        }
+
+        ::-moz-selection {
+            background-color: darken(map-get($datas, main-color), 10%);
+            color: lighten(map-get($datas, main-color), 30%);
+        }
+        ::selection {
+            background-color: darken(map-get($datas, main-color), 10%);
+            color: lighten(map-get($datas, main-color), 30%);
+        }
+
+        nav[role="main"] {
+            background-color: map-get($datas, main-color);
+            
+            > ul > li > a {
+                &:hover {
+                    background: lighten(map-get($datas, main-color), 15%);
+                }
+            }
+        }
+
+        table:not(.no-style) {
+            tbody tr:hover {
+                background: lighten(map-get($datas, main-color), 25%);
+            }
+        }
+
+        .progressbar-wrap {
+            background-color: rgba(map-get($datas, main-color), 0.2);
+        }
+    }
+}
+
+
+
+/* ------------------------- */
 /*  ==     Responsive        */
 /* ------------------------- */
 @media only screen and (max-width: 1024px) {
@@ -319,4 +336,11 @@ table.firstBold tbody tr td:first-child {
             float: none;
         }
     }
-}
\ No newline at end of file
+
+    .box#esm-disk {
+        .filesystem {
+            display: none;
+        }
+    }
+}
+