Themes available !

Disk : filesystem column is hidden in mobile view
author: ShevAbam <shevabam@gmail.com> 2015-07-15 14:12:29 +0200
committer: ShevAbam <shevabam@gmail.com> 2015-07-15 14:12:29 +0200
commit: a935f5ece1d4b3738ad7b085d8dfebfbfc04cef0 (patch)
tree: 4e1864d6c8369a2d47879394ef76de9cbf856967
parent: 118bb1862cfca13201d349df8ec23b830921efb5 (diff)
9 files changed, 146 insertions, 44 deletions
diff --git a/README.md b/README.md
index 2f53447..53ac9c5 100644
--- a/README.md
+++ b/README.md
@@ -9,7 +9,7 @@ In its [Web](http://www.ezservermonitor.com/esm-web/features) version eSM is a P
 - **System** : hostname, OS, kernel version, uptime, last boot date, number of current user(s), server datetime
 - **Load average** : gauges showing the CPU load with the percentage (1 minute, 5 minutes et 15 minutes)
 - **Network usage** : displaying the IP address of each network interface with the data transmitted and received
-- **CPU** : model, frequency, cores number, cache L2, bogomips
+- **CPU** : model, frequency, cores number, cache L2, bogomips, temperature
 - **Disk usage** : table of each mount point with the space available, used and total
 - **Memory** : table containing the available used and total of RAM
 - **Swap** : table containing the available used and total of Swap
@@ -17,6 +17,10 @@ In its [Web](http://www.ezservermonitor.com/esm-web/features) version eSM is a P
 - **Ping** : ping the hosts defined in the configuration file
 - **Services** : displays the status (up or down) services defined in the configuration file
 
+Several themes are available !
+
+![](http://www.ezservermonitor.com/uploads/esm_web/esm-web_themes.png)
+
 Each block can be reloaded manually.
 
 You can download the last version [here](http://www.ezservermonitor.com/esm-web/downloads). The [requirements](http://www.ezservermonitor.com/esm-web/documentation) are simple : a Linux environment, a web server (Apache2, Lighttpd, Nginx, ...) and PHP.
diff --git a/conf/esm.config.json b/conf/esm.config.json
index c4bab8c..bf65386 100644
--- a/conf/esm.config.json
+++ b/conf/esm.config.json
@@ -4,6 +4,7 @@
         "website": "http://www.ezservermonitor.com",
         "check_updates": true,
         "auto_refresh": 0,
+        "theme": "blue",
         "custom_title": ""
     },
     "cpu": {
diff --git a/index.php b/index.php
index 5e8d5e9..eefe3d8 100644
--- a/index.php
+++ b/index.php
@@ -38,8 +38,8 @@ $update = $Config->checkUpdate();
     });
     </script>
 </head>
-<body>
 
+<body class="theme-<?php echo $Config->get('esm:theme'); ?>">
 
 <nav role="main">
     <div id="appname">
@@ -227,7 +227,7 @@ $update = $Config->checkUpdate();
                 <thead>
                     <tr>
                         <?php if ($Config->get('disk:show_filesystem')): ?>
-                            <th class="w10p">Filesystem</th>
+                            <th class="w10p filesystem">Filesystem</th>
                         <?php endif; ?>
                         <th class="w20p">Mount</th>
                         <th>Use</th>
diff --git a/js/esm.js b/js/esm.js
index 1016440..b61eb57 100644
--- a/js/esm.js
+++ b/js/esm.js
@@ -154,7 +154,7 @@ esm.getDisk = function() {
             html += '<tr>';
 
             if (typeof data[line].filesystem != 'undefined')
-                html += '<td>'+data[line].filesystem+'</td>';
+                html += '<td class="filesystem">'+data[line].filesystem+'</td>';
 
             html += '<td>'+data[line].mount+'</td>';
             html += '<td><div class="progressbar-wrap"><div class="progressbar '+bar_class+'" style="width: '+data[line].percent_used+'%;">'+data[line].percent_used+'%</div></div></td>';
diff --git a/web/css/_src/_config.frontend.scss b/web/css/_src/_config.frontend.scss
index 4c9a5fb..f02bc37 100644
--- a/web/css/_src/_config.frontend.scss
+++ b/web/css/_src/_config.frontend.scss
@@ -6,6 +6,43 @@ $navbar-height: 60px;
 /* Layout */
 $layout-bg-color: #fff;
 
-/* Basic colors */
+/* Default colors */
 $main-color: #99AEC4;
 $text-color: #4D5157;
+
+/* Themes ! */
+$themes: (
+    blue: (
+        main-color: #99AEC4
+    ),
+    aqua: (
+        main-color: #75C8C7
+    ),
+    green: (
+        main-color: #9DC499
+    ),
+    light-green: (
+        main-color: #ADD8C7
+    ),
+    orange: (
+        main-color: #E8B184
+    ),
+    red: (
+        main-color: #B36973
+    ),
+    light-red: (
+        main-color: #E89D9D
+    ),
+    purple: (
+        main-color: #AA8ECC
+    ),
+    slate: (
+        main-color: #707E8E
+    ),
+    light: (
+        main-color: #C4C4C4
+    ),
+    dark: (
+        main-color: #747474
+    )
+);
+\ No newline at end of file
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;
+        }
+    }
+}
+
diff --git a/web/css/frontend.css b/web/css/frontend.css
index fc5d8b3..5d96f3c 100644
--- a/web/css/frontend.css
+++ b/web/css/frontend.css
@@ -1 +1 @@
-html{height:100%}body{font-size:14px;font-family:OpenSans-Light, Verdana, sans-serif, Arial;margin:0 auto;color:#4D5157;background-color:#fff}a{color:#99AEC4}a:hover{color:#a9bbcd;text-decoration:none}::-moz-selection{background-color:#7994b1;color:#fafbfc}::selection{background-color:#7994b1;color:#fafbfc}nav[role="main"]{position:fixed;top:0;left:0;right:0;background-color:#99AEC4;height:60px;width:100%;padding-left:5px;color:#fff;font-size:16px;text-align:center;z-index:2}nav[role="main"] #appname{float:left;width:150px;text-align:left}nav[role="main"] #appname a{color:#fff;text-decoration:none}nav[role="main"] #appname a:first-child{font-size:24px}nav[role="main"] #appname a:first-child span[class^="icon-"]{font-size:30px;margin-right:10px}nav[role="main"] #appname a:last-child{display:block;font-size:11px;font-style:italic}nav[role="main"] #hostname{float:left;margin-left:110px;line-height:60px}nav[role="main"] #update{float:left;margin-left:100px;line-height:60px;font-size:13px}nav[role="main"] #update a{color:#fff}nav[role="main"]>ul{text-align:right;list-style-type:none}nav[role="main"]>ul>li{display:inline-block}nav[role="main"]>ul>li>a{display:inline-block;padding:13px 15px;color:#fff;text-decoration:none;-moz-transition:background 300ms ease-in-out;-o-transition:background 300ms ease-in-out;-webkit-transition:background 300ms ease-in-out;transition:background 300ms ease-in-out}nav[role="main"]>ul>li>a:hover{background:#acbdcf;-moz-transition:background 300ms ease-in-out;-o-transition:background 300ms ease-in-out;-webkit-transition:background 300ms ease-in-out;transition:background 300ms ease-in-out}nav[role="main"]>ul>li>a>span[class^="icon-"]{font-size:30px}#main-container{overflow:auto;margin-top:60px;background-color:#fff;padding:20px 25px}ul.list{margin-left:20px;list-style-type:none}ul.list li{position:relative;padding-left:12px}ul.list li:before{content:'';width:5px;height:5px;background-color:#99AEC4;position:absolute;left:0;top:9px}table:not(.no-style){width:100%;border-collapse:collapse;border-spacing:0;font-size:13px}table:not(.no-style) tr{border-bottom:1px solid #ebebeb;border-top:1px solid #fff}table:not(.no-style) thead tr{border-top:none}table:not(.no-style) tbody tr:last-child{border-bottom:none}table:not(.no-style) tbody tr:nth-child(odd){background:#f2f2f2}table:not(.no-style) tbody tr td,table:not(.no-style) thead tr th{padding:6px 8px;position:relative;text-align:left}table:not(.no-style) tbody tr td:last-child,table:not(.no-style) thead tr th:last-child{border-right:none}table:not(.no-style) tbody tr td:first-child,table:not(.no-style) thead tr th:first-child{border-left:none}table:not(.no-style) thead{color:#898989;font-size:13px;font-weight:bold}table:not(.no-style) thead tr th{text-align:center}table:not(.no-style) tbody tr:hover{background:#eaeef3}table.firstBold tbody tr td:first-child{font-weight:bold;color:#7e848c}.progressbar-wrap{width:100%;background-color:rgba(153,174,196,0.2)}.progressbar-wrap .progressbar{text-indent:5px}.progressbar-wrap .progressbar.green{background-color:#7BCE6C}.progressbar-wrap .progressbar.orange{background-color:#E3BB80}.progressbar-wrap .progressbar.red{background-color:#CF6B6B}.reload.spin{-moz-animation:spin 2000ms infinite linear;-webkit-animation:spin 2000ms infinite linear;animation:spin 2000ms infinite linear}@-ms-keyframes spin{from{-ms-transform:rotate(0deg)}to{-ms-transform:rotate(360deg)}}@-moz-keyframes spin{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.box#esm-load_average h3{font-weight:normal}@media only screen and (max-width: 1024px){.column-left,.column-right{float:none;width:100%}.box{width:100%;margin-right:0 !important;margin-left:0 !important}}@media only screen and (max-width: 550px){nav[role="main"] #appname{width:135px}nav[role="main"] #hostname{margin-left:0;font-size:12px}nav[role="main"] #update{margin-left:0;font-size:9px;position:absolute;top:47px;line-height:inherit}nav[role="main"] ul>li>a{padding:12px 0}.box#esm-load_average div{width:100%;float:none}}
+html{height:100%}body{font-size:14px;font-family:OpenSans-Light, Verdana, sans-serif, Arial;margin:0 auto;color:#4D5157;background-color:#fff}a{color:#99AEC4}a:hover{color:#a9bbcd;text-decoration:none}::-moz-selection{background-color:#7994b1;color:#fafbfc}::selection{background-color:#7994b1;color:#fafbfc}nav[role="main"]{position:fixed;top:0;left:0;right:0;background-color:#99AEC4;height:60px;width:100%;padding-left:5px;color:#fff;font-size:16px;text-align:center;z-index:2}nav[role="main"] #appname{float:left;width:150px;text-align:left}nav[role="main"] #appname a{color:#fff;text-decoration:none}nav[role="main"] #appname a:first-child{font-size:24px}nav[role="main"] #appname a:first-child span[class^="icon-"]{font-size:30px;margin-right:10px}nav[role="main"] #appname a:last-child{display:block;font-size:11px;font-style:italic}nav[role="main"] #hostname{float:left;margin-left:110px;line-height:60px}nav[role="main"] #update{float:left;margin-left:100px;line-height:60px;font-size:13px}nav[role="main"] #update a{color:#fff}nav[role="main"]>ul{text-align:right;list-style-type:none}nav[role="main"]>ul>li{display:inline-block}nav[role="main"]>ul>li>a{display:inline-block;padding:13px 15px;color:#fff;text-decoration:none}nav[role="main"]>ul>li>a:hover{background:#dae1e9}nav[role="main"]>ul>li>a>span[class^="icon-"]{font-size:30px}#main-container{overflow:auto;margin-top:60px;background-color:#fff;padding:20px 25px}table:not(.no-style){width:100%;border-collapse:collapse;border-spacing:0;font-size:13px}table:not(.no-style) tr{border-bottom:1px solid #ebebeb;border-top:1px solid #fff}table:not(.no-style) thead tr{border-top:none}table:not(.no-style) tbody tr:last-child{border-bottom:none}table:not(.no-style) tbody tr:nth-child(odd){background:#f2f2f2}table:not(.no-style) tbody tr td,table:not(.no-style) thead tr th{padding:6px 8px;position:relative;text-align:left}table:not(.no-style) tbody tr td:last-child,table:not(.no-style) thead tr th:last-child{border-right:none}table:not(.no-style) tbody tr td:first-child,table:not(.no-style) thead tr th:first-child{border-left:none}table:not(.no-style) thead{color:#898989;font-size:13px;font-weight:bold}table:not(.no-style) thead tr th{text-align:center}table:not(.no-style) tbody tr:hover{background:#eaeef3}table.firstBold tbody tr td:first-child{font-weight:bold;color:#7e848c}.progressbar-wrap{width:100%;background-color:rgba(153,174,196,0.2)}.progressbar-wrap .progressbar{text-indent:5px}.progressbar-wrap .progressbar.green{background-color:#7BCE6C}.progressbar-wrap .progressbar.orange{background-color:#E3BB80}.progressbar-wrap .progressbar.red{background-color:#CF6B6B}.reload.spin{-moz-animation:spin 2000ms infinite linear;-webkit-animation:spin 2000ms infinite linear;animation:spin 2000ms infinite linear}@-ms-keyframes spin{from{-ms-transform:rotate(0deg)}to{-ms-transform:rotate(360deg)}}@-moz-keyframes spin{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.box#esm-load_average h3{font-weight:normal}body.theme-blue a{color:#99AEC4}body.theme-blue a:hover{color:#a9bbcd;text-decoration:none}body.theme-blue ::-moz-selection{background-color:#7994b1;color:#fafbfc}body.theme-blue ::selection{background-color:#7994b1;color:#fafbfc}body.theme-blue nav[role="main"]{background-color:#99AEC4}body.theme-blue nav[role="main"]>ul>li>a:hover{background:#c9d4e0}body.theme-blue table:not(.no-style) tbody tr:hover{background:#eaeef3}body.theme-blue .progressbar-wrap{background-color:rgba(153,174,196,0.2)}body.theme-aqua a{color:#75C8C7}body.theme-aqua a:hover{color:#87cfce;text-decoration:none}body.theme-aqua ::-moz-selection{background-color:#51b9b8;color:#e2f4f3}body.theme-aqua ::selection{background-color:#51b9b8;color:#e2f4f3}body.theme-aqua nav[role="main"]{background-color:#75C8C7}body.theme-aqua nav[role="main"]>ul>li>a:hover{background:#acdedd}body.theme-aqua table:not(.no-style) tbody tr:hover{background:#d0ecec}body.theme-aqua .progressbar-wrap{background-color:rgba(117,200,199,0.2)}body.theme-green a{color:#9DC499}body.theme-green a:hover{color:#adcda9;text-decoration:none}body.theme-green ::-moz-selection{background-color:#7eb179;color:#fafcfa}body.theme-green ::selection{background-color:#7eb179;color:#fafcfa}body.theme-green nav[role="main"]{background-color:#9DC499}body.theme-green nav[role="main"]>ul>li>a:hover{background:#cce0c9}body.theme-green table:not(.no-style) tbody tr:hover{background:#ebf3ea}body.theme-green .progressbar-wrap{background-color:rgba(157,196,153,0.2)}body.theme-light-green a{color:#ADD8C7}body.theme-light-green a:hover{color:#bee0d3;text-decoration:none}body.theme-light-green ::-moz-selection{background-color:#8ac8af;color:#fff}body.theme-light-green ::selection{background-color:#8ac8af;color:#fff}body.theme-light-green nav[role="main"]{background-color:#ADD8C7}body.theme-light-green nav[role="main"]>ul>li>a:hover{background:#e1f1ea}body.theme-light-green table:not(.no-style) tbody tr:hover{background:#fff}body.theme-light-green .progressbar-wrap{background-color:rgba(173,216,199,0.2)}body.theme-orange a{color:#E8B184}body.theme-orange a:hover{color:#ecbf99;text-decoration:none}body.theme-orange ::-moz-selection{background-color:#e09659;color:#fff}body.theme-orange ::selection{background-color:#e09659;color:#fff}body.theme-orange nav[role="main"]{background-color:#E8B184}body.theme-orange nav[role="main"]>ul>li>a:hover{background:#f4dac4}body.theme-orange table:not(.no-style) tbody tr:hover{background:#fcf5ef}body.theme-orange .progressbar-wrap{background-color:rgba(232,177,132,0.2)}body.theme-red a{color:#B36973}body.theme-red a:hover{color:#bc7a83;text-decoration:none}body.theme-red ::-moz-selection{background-color:#9b4e59;color:#e6cfd2}body.theme-red ::selection{background-color:#9b4e59;color:#e6cfd2}body.theme-red nav[role="main"]{background-color:#B36973}body.theme-red nav[role="main"]>ul>li>a:hover{background:#cd9ca2}body.theme-red table:not(.no-style) tbody tr:hover{background:#debec2}body.theme-red .progressbar-wrap{background-color:rgba(179,105,115,0.2)}body.theme-light-red a{color:#E89D9D}body.theme-light-red a:hover{color:#edb2b2;text-decoration:none}body.theme-light-red ::-moz-selection{background-color:#de7474;color:#fff}body.theme-light-red ::selection{background-color:#de7474;color:#fff}body.theme-light-red nav[role="main"]{background-color:#E89D9D}body.theme-light-red nav[role="main"]>ul>li>a:hover{background:#f7dbdb}body.theme-light-red table:not(.no-style) tbody tr:hover{background:#fff}body.theme-light-red .progressbar-wrap{background-color:rgba(232,157,157,0.2)}body.theme-purple a{color:#AA8ECC}body.theme-purple a:hover{color:#b7a0d4;text-decoration:none}body.theme-purple ::-moz-selection{background-color:#906bbc;color:#f9f7fc}body.theme-purple ::selection{background-color:#906bbc;color:#f9f7fc}body.theme-purple nav[role="main"]{background-color:#AA8ECC}body.theme-purple nav[role="main"]>ul>li>a:hover{background:#d2c3e4}body.theme-purple table:not(.no-style) tbody tr:hover{background:#ece6f4}body.theme-purple .progressbar-wrap{background-color:rgba(170,142,204,0.2)}body.theme-slate a{color:#707E8E}body.theme-slate a:hover{color:#7e8b99;text-decoration:none}body.theme-slate ::-moz-selection{background-color:#5a6571;color:#c5cbd2}body.theme-slate ::selection{background-color:#5a6571;color:#c5cbd2}body.theme-slate nav[role="main"]{background-color:#707E8E}body.theme-slate nav[role="main"]>ul>li>a:hover{background:#9ba5b0}body.theme-slate table:not(.no-style) tbody tr:hover{background:#b7bec6}body.theme-slate .progressbar-wrap{background-color:rgba(112,126,142,0.2)}body.theme-light a{color:#C4C4C4}body.theme-light a:hover{color:#d1d1d1;text-decoration:none}body.theme-light ::-moz-selection{background-color:#ababab;color:#fff}body.theme-light ::selection{background-color:#ababab;color:#fff}body.theme-light nav[role="main"]{background-color:#C4C4C4}body.theme-light nav[role="main"]>ul>li>a:hover{background:#eaeaea}body.theme-light table:not(.no-style) tbody tr:hover{background:#fff}body.theme-light .progressbar-wrap{background-color:rgba(196,196,196,0.2)}body.theme-dark a{color:#747474}body.theme-dark a:hover{color:#818181;text-decoration:none}body.theme-dark ::-moz-selection{background-color:#5b5b5b;color:#c1c1c1}body.theme-dark ::selection{background-color:#5b5b5b;color:#c1c1c1}body.theme-dark nav[role="main"]{background-color:#747474}body.theme-dark nav[role="main"]>ul>li>a:hover{background:#9a9a9a}body.theme-dark table:not(.no-style) tbody tr:hover{background:#b4b4b4}body.theme-dark .progressbar-wrap{background-color:rgba(116,116,116,0.2)}@media only screen and (max-width: 1024px){.column-left,.column-right{float:none;width:100%}.box{width:100%;margin-right:0 !important;margin-left:0 !important}}@media only screen and (max-width: 550px){nav[role="main"] #appname{width:135px}nav[role="main"] #hostname{margin-left:0;font-size:12px}nav[role="main"] #update{margin-left:0;font-size:9px;position:absolute;top:47px;line-height:inherit}nav[role="main"] ul>li>a{padding:12px 0}.box#esm-load_average div{width:100%;float:none}.box#esm-disk .filesystem{display:none}}
diff --git a/web/css/libs/_classic-box.scss b/web/css/libs/_classic-box.scss
index 80cdadc..dca208f 100644
--- a/web/css/libs/_classic-box.scss
+++ b/web/css/libs/_classic-box.scss
@@ -71,6 +71,7 @@
 
     .box-content {
         padding: 6px;
+        overflow: auto;
         
         table a {
             text-decoration: none;
@@ -95,4 +96,39 @@
             margin-right: 5px;
         }
     }
+}
+
+
+
+/* --------------------- */
+/*  ==     THEMES        */
+/* --------------------- */
+@each $name, $datas in $themes {
+    body.theme-#{""+$name+""} {
+
+        .box {
+            box-shadow: 3px 3px 0 rgba(lighten(map-get($datas, main-color), 16%), .6);
+            border-color: lighten(map-get($datas, main-color), 16%);
+            
+            .box-header {
+                background-color: darken(map-get($datas, main-color), 7%);
+                
+                ul li a {
+                    &:hover:not(.disabled) {
+                        background: lighten(darken(map-get($datas, main-color), 7%), 20%);
+                        color: darken(map-get($datas, main-color), 7%) !important;
+                    }
+                }
+            }
+            .box-content {
+                table a {
+                    color: darken(map-get($datas, main-color), 7%);
+                    
+                    &:hover {
+                        color: lighten(darken(map-get($datas, main-color), 7%), 20%);
+                    }
+                }
+            }
+        }
+    }
 }
 \ No newline at end of file
diff --git a/web/css/utilities.css b/web/css/utilities.css
index ffb787f..2a6f185 100644
--- a/web/css/utilities.css
+++ b/web/css/utilities.css
@@ -1 +1 @@
-@font-face{font-family:"OpenSans-Light";src:url('fonts/OpenSans-Light.eot');src:url('fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),url('fonts/OpenSans-Light.ttf') format('truetype'),url('fonts/OpenSans-Light.svg') format('svg'),url('fonts/OpenSans-Light.woff') format('woff')}@font-face{font-family:"Entypo";src:url('fonts/entypo.ttf') format('truetype'),url('fonts/entypo.eot') format('embedded-opentype'),url('fonts/entypo.svg') format('svg'),url('fonts/entypo.woff') format('woff')}[class*="icon-"]{font-family:'Entypo';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-phone:before{content:"\e600"}.icon-mobile:before{content:"\e601"}.icon-mouse:before{content:"\e602"}.icon-directions:before{content:"\e603"}.icon-mail:before{content:"\e604"}.icon-paperplane:before{content:"\e605"}.icon-pencil:before{content:"\e606"}.icon-paperclip:before{content:"\e608"}.icon-drawer:before{content:"\e609"}.icon-reply:before{content:"\e60a"}.icon-reply-all:before{content:"\e60b"}.icon-forward:before{content:"\e60c"}.icon-user:before{content:"\e60d"}.icon-users:before{content:"\e60e"}.icon-user-add:before{content:"\e60f"}.icon-vcard:before{content:"\e610"}.icon-export:before{content:"\e611"}.icon-location:before{content:"\e612"}.icon-map:before{content:"\e613"}.icon-compass:before{content:"\e614"}.icon-location2:before{content:"\e615"}.icon-target:before{content:"\e616"}.icon-share:before{content:"\e617"}.icon-sharable:before{content:"\e618"}.icon-heart:before{content:"\e619"}.icon-heart2:before{content:"\e61a"}.icon-star:before{content:"\e61b"}.icon-star2:before{content:"\e61c"}.icon-thumbs-up:before{content:"\e61d"}.icon-thumbs-down:before{content:"\e61e"}.icon-chat:before{content:"\e61f"}.icon-comment:before{content:"\e620"}.icon-quote:before{content:"\e621"}.icon-house:before{content:"\e622"}.icon-popup:before{content:"\e623"}.icon-search:before{content:"\e624"}.icon-flashlight:before{content:"\e625"}.icon-printer:before{content:"\e626"}.icon-bell:before{content:"\e627"}.icon-link:before{content:"\e628"}.icon-flag:before{content:"\e629"}.icon-cog:before{content:"\e62a"}.icon-tools:before{content:"\e62b"}.icon-trophy:before{content:"\e62c"}.icon-tag:before{content:"\e62d"}.icon-camera:before{content:"\e62e"}.icon-megaphone:before{content:"\e62f"}.icon-palette:before{content:"\e631"}.icon-music:before{content:"\e633"}.icon-music2:before{content:"\e634"}.icon-new:before{content:"\e635"}.icon-graduation:before{content:"\e636"}.icon-book:before{content:"\e637"}.icon-newspaper:before{content:"\e638"}.icon-bag:before{content:"\e639"}.icon-airplane:before{content:"\e63a"}.icon-lifebuoy:before{content:"\e63b"}.icon-eye:before{content:"\e63c"}.icon-clock:before{content:"\e63d"}.icon-microphone:before{content:"\e63e"}.icon-calendar:before{content:"\e63f"}.icon-bolt:before{content:"\e640"}.icon-thunder:before{content:"\e641"}.icon-droplet:before{content:"\e642"}.icon-briefcase:before{content:"\e644"}.icon-air:before{content:"\e645"}.icon-hourglass:before{content:"\e646"}.icon-gauge:before{content:"\e647"}.icon-network:before{content:"\e649"}.icon-key:before{content:"\e64a"}.icon-battery:before{content:"\e64b"}.icon-bucket:before{content:"\e64c"}.icon-magnet:before{content:"\e64d"}.icon-drive:before{content:"\e64e"}.icon-cup:before{content:"\e64f"}.icon-rocket:before{content:"\e650"}.icon-brush:before{content:"\e651"}.icon-suitcase:before{content:"\e652"}.icon-cone:before{content:"\e653"}.icon-earth:before{content:"\e654"}.icon-keyboard:before{content:"\e655"}.icon-browser:before{content:"\e656"}.icon-publish:before{content:"\e657"}.icon-progress-3:before{content:"\e658"}.icon-progress-2:before{content:"\e659"}.icon-brogress-1:before{content:"\e65a"}.icon-progress-0:before{content:"\e65b"}.icon-sun:before{content:"\e65d"}.icon-code:before{content:"\e65f"}.icon-screen:before{content:"\e660"}.icon-infinity:before{content:"\e661"}.icon-light-bulb:before{content:"\e662"}.icon-credit-card:before{content:"\e663"}.icon-database:before{content:"\e664"}.icon-clipboard:before{content:"\e666"}.icon-cart:before{content:"\e667"}.icon-box:before{content:"\e668"}.icon-ticket:before{content:"\e669"}.icon-rss:before{content:"\e66a"}.icon-signal:before{content:"\e66b"}.icon-thermometer:before{content:"\e66c"}.icon-droplets:before{content:"\e66d"}.icon-uniE66E:before{content:"\e66e"}.icon-statistics:before{content:"\e66f"}.icon-pie:before{content:"\e670"}.icon-bars:before{content:"\e671"}.icon-graph:before{content:"\e672"}.icon-lock:before{content:"\e673"}.icon-lock-open:before{content:"\e674"}.icon-logout:before{content:"\e675"}.icon-login:before{content:"\e676"}.icon-checkmark:before{content:"\e677"}.icon-cross:before{content:"\e678"}.icon-minus:before{content:"\e679"}.icon-plus:before{content:"\e67a"}.icon-cross2:before{content:"\e67b"}.icon-minus2:before{content:"\e67c"}.icon-plus2:before{content:"\e67d"}.icon-cross3:before{content:"\e67e"}.icon-minus3:before{content:"\e67f"}.icon-plus3:before{content:"\e680"}.icon-erase:before{content:"\e681"}.icon-blocked:before{content:"\e682"}.icon-info:before{content:"\e683"}.icon-info2:before{content:"\e684"}.icon-question:before{content:"\e685"}.icon-help:before{content:"\e686"}.icon-warning:before{content:"\e687"}.icon-cycle:before{content:"\e688"}.icon-cw:before{content:"\e689"}.icon-ccw:before{content:"\e68a"}.icon-shuffle:before{content:"\e68b"}.icon-arrow:before{content:"\e68c"}.icon-arrow2:before{content:"\e68d"}.icon-retweet:before{content:"\e68e"}.icon-loop:before{content:"\e68f"}.icon-history:before{content:"\e690"}.icon-back:before{content:"\e691"}.icon-switch:before{content:"\e692"}.icon-list:before{content:"\e693"}.icon-add-to-list:before{content:"\e694"}.icon-layout:before{content:"\e695"}.icon-list2:before{content:"\e696"}.icon-text:before{content:"\e697"}.icon-text2:before{content:"\e698"}.icon-document:before{content:"\e699"}.icon-docs:before{content:"\e69a"}.icon-landscape:before{content:"\e69b"}.icon-pictures:before{content:"\e69c"}.icon-video:before{content:"\e69d"}.icon-music3:before{content:"\e69e"}.icon-folder:before{content:"\e69f"}.icon-archive:before{content:"\e6a0"}.icon-trash:before{content:"\e6a1"}.icon-upload:before{content:"\e6a2"}.icon-download:before{content:"\e6a3"}.icon-disk:before{content:"\e6a4"}.icon-install:before{content:"\e6a5"}.icon-cloud:before{content:"\e6a6"}.icon-upload2:before{content:"\e6a7"}.icon-bookmark:before{content:"\e6a8"}.icon-bookmarks:before{content:"\e6a9"}.icon-book2:before{content:"\e6aa"}.icon-play:before{content:"\e6ab"}.icon-pause:before{content:"\e6ac"}.icon-record:before{content:"\e6ad"}.icon-stop:before{content:"\e6ae"}.icon-next:before{content:"\e6af"}.icon-previous:before{content:"\e6b0"}.icon-first:before{content:"\e6b1"}.icon-last:before{content:"\e6b2"}.icon-resize-enlarge:before{content:"\e6b3"}.icon-resize-shrink:before{content:"\e6b4"}.icon-volume:before{content:"\e6b5"}.icon-sound:before{content:"\e6b6"}.icon-mute:before{content:"\e6b7"}.icon-flow-cascade:before{content:"\e6b8"}.icon-flow-branch:before{content:"\e6b9"}.icon-flow-tree:before{content:"\e6ba"}.icon-flow-line:before{content:"\e6bb"}.icon-flow-parallel:before{content:"\e6bc"}.icon-arrow-left:before{content:"\e6bd"}.icon-arrow-down:before{content:"\e6be"}.icon-arrow-up--upload:before{content:"\e6bf"}.icon-arrow-right:before{content:"\e6c0"}.icon-arrow-left2:before{content:"\e6c1"}.icon-arrow-down2:before{content:"\e6c2"}.icon-arrow-up:before{content:"\e6c3"}.icon-arrow-right2:before{content:"\e6c4"}.icon-arrow-left3:before{content:"\e6c5"}.icon-arrow-down3:before{content:"\e6c6"}.icon-arrow-up2:before{content:"\e6c7"}.icon-arrow-right3:before{content:"\e6c8"}.icon-arrow-left4:before{content:"\e6c9"}.icon-arrow-down4:before{content:"\e6ca"}.icon-arrow-up3:before{content:"\e6cb"}.icon-arrow-right4:before{content:"\e6cc"}.icon-arrow-left5:before{content:"\e6cd"}.icon-arrow-down5:before{content:"\e6ce"}.icon-arrow-up4:before{content:"\e6cf"}.icon-arrow-right5:before{content:"\e6d0"}.icon-arrow-left6:before{content:"\e6d1"}.icon-arrow-down6:before{content:"\e6d2"}.icon-arrow-up5:before{content:"\e6d3"}.icon-arrow-right6:before{content:"\e6d4"}.icon-arrow-left7:before{content:"\e6d5"}.icon-arrow-down7:before{content:"\e6d6"}.icon-arrow-up6:before{content:"\e6d7"}.icon-uniE6D8:before{content:"\e6d8"}.icon-arrow-left8:before{content:"\e6d9"}.icon-arrow-down8:before{content:"\e6da"}.icon-arrow-up7:before{content:"\e6db"}.icon-arrow-right7:before{content:"\e6dc"}.icon-menu:before{content:"\e6dd"}.icon-ellipsis:before{content:"\e6de"}.icon-dots:before{content:"\e6df"}.icon-dot:before{content:"\e6e0"}.icon-daniel-bruce2:before{content:"\e6ed"}.icon-github:before{content:"\e6ee"}.icon-github2:before{content:"\e6ef"}.icon-flickr:before{content:"\e6f0"}.icon-flickr2:before{content:"\e6f1"}.icon-vimeo:before{content:"\e6f2"}.icon-vimeo2:before{content:"\e6f3"}.icon-twitter:before{content:"\e6f4"}.icon-twitter2:before{content:"\e6f5"}.icon-facebook:before{content:"\e6f6"}.icon-facebook2:before{content:"\e6f7"}.icon-facebook3:before{content:"\e6f8"}.icon-googleplus:before{content:"\e6f9"}.icon-googleplus2:before{content:"\e6fa"}.icon-pinterest:before{content:"\e6fb"}.icon-pinterest2:before{content:"\e6fc"}.icon-tumblr:before{content:"\e6fd"}.icon-tumblr2:before{content:"\e6fe"}.icon-linkedin:before{content:"\e6ff"}.icon-linkedin2:before{content:"\e700"}.icon-dribbble:before{content:"\e701"}.icon-dribbble2:before{content:"\e702"}.icon-stumbleupon:before{content:"\e703"}.icon-stumbleupon2:before{content:"\e704"}.icon-spotify:before{content:"\e709"}.icon-spotify2:before{content:"\e70a"}.icon-instagram:before{content:"\e70c"}.icon-dropbox:before{content:"\e70d"}.icon-evernote:before{content:"\e70e"}.icon-flattr:before{content:"\e70f"}.icon-skype:before{content:"\e710"}.icon-skype2:before{content:"\e711"}.icon-paypal:before{content:"\e714"}.icon-picasa:before{content:"\e715"}.icon-circles:before{content:"\e719"}*{padding:0;margin:0}*:focus{outline:none}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.cls:after{content:".";display:block;height:0;clear:both;visibility:hidden}img{border:0}.debug{border:1px solid red}.text_left,.t-left{text-align:left !important}.text_right,.t-right{text-align:right !important}.text_center,.t-center{text-align:center !important}.pfixed{position:fixed !important}.f-left{float:left}.f-right{float:right}.column-left{float:left;width:49%}.column-right{float:right;width:49%}.column-33{width:32%}.column-66{width:66%}.w10p{width:10%}.w15p{width:15%}.w20p{width:20%}.w33p{width:33%}.w35p{width:35%}.w50p{width:50%}.w100p{width:100%}::-webkit-scrollbar-track{box-shadow:inset 1px 0px 3px rgba(0,0,0,0.2);background-color:#F5F5F5}::-webkit-scrollbar-track:hover{background-color:#EFEFEF}::-webkit-scrollbar{width:8px;background-color:#F5F5F5}::-webkit-scrollbar-thumb{background-color:#959595}::-webkit-scrollbar-thumb:hover{background-color:#6B6B6B}::-webkit-scrollbar-thumb:active{background-color:#555}span.label{padding:1px 3px 2px;font-size:10px;font-weight:bold;color:#fff;text-transform:uppercase;white-space:nowrap;background-color:#bfbfbf;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}span.label.default{background-color:#bfbfbf}span.label.success{background-color:#46a546}span.label.warning{background-color:#f89406}span.label.important{background-color:#c43c35}span.label.error{background-color:#c43c35}span.label.notice{background-color:#62cffc}.box{background:#fff;box-shadow:3px 3px 0 rgba(205,215,226,0.6);margin-bottom:15px;border:1px solid #cdd7e2;padding:2px}.box .box-header{background-color:#829cb7;height:35px}.box .box-header h1{color:#fff;float:left;font-size:14px;font-weight:bold;line-height:33px;padding-left:10px;text-transform:uppercase}.box .box-header h1:first-letter{font-size:20px}.box .box-header ul{float:right;list-style-type:none}.box .box-header ul li{display:inline;margin-left:-3px}.box .box-header ul li a{color:#fff;font-size:20px;line-height:35px;padding:4px 10px;text-decoration:none}.box .box-header ul li a:hover:not(.disabled){background:#c3cfdc;color:#829cb7 !important}.box .box-header ul li a.disabled:hover{cursor:default}.box .box-header ul li:first-child{margin-left:0}.box .box-header ul li:last-child a{border-right:none}.box .box-header ul li.active a{background:#fafafa;cursor:default}.box .box-content{padding:6px}.box .box-content table a{text-decoration:none;color:#829cb7}.box .box-content table a:hover{color:#c3cfdc}.box .box-content.faded{opacity:.4}.box .box-footer{background:#e8e8e8;padding:7px}.box .box-footer span[class^="icon-"]{font-size:14px;margin-right:5px}
+@font-face{font-family:"OpenSans-Light";src:url('fonts/OpenSans-Light.eot');src:url('fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),url('fonts/OpenSans-Light.ttf') format('truetype'),url('fonts/OpenSans-Light.svg') format('svg'),url('fonts/OpenSans-Light.woff') format('woff')}@font-face{font-family:"Entypo";src:url('fonts/entypo.ttf') format('truetype'),url('fonts/entypo.eot') format('embedded-opentype'),url('fonts/entypo.svg') format('svg'),url('fonts/entypo.woff') format('woff')}[class*="icon-"]{font-family:'Entypo';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-phone:before{content:"\e600"}.icon-mobile:before{content:"\e601"}.icon-mouse:before{content:"\e602"}.icon-directions:before{content:"\e603"}.icon-mail:before{content:"\e604"}.icon-paperplane:before{content:"\e605"}.icon-pencil:before{content:"\e606"}.icon-paperclip:before{content:"\e608"}.icon-drawer:before{content:"\e609"}.icon-reply:before{content:"\e60a"}.icon-reply-all:before{content:"\e60b"}.icon-forward:before{content:"\e60c"}.icon-user:before{content:"\e60d"}.icon-users:before{content:"\e60e"}.icon-user-add:before{content:"\e60f"}.icon-vcard:before{content:"\e610"}.icon-export:before{content:"\e611"}.icon-location:before{content:"\e612"}.icon-map:before{content:"\e613"}.icon-compass:before{content:"\e614"}.icon-location2:before{content:"\e615"}.icon-target:before{content:"\e616"}.icon-share:before{content:"\e617"}.icon-sharable:before{content:"\e618"}.icon-heart:before{content:"\e619"}.icon-heart2:before{content:"\e61a"}.icon-star:before{content:"\e61b"}.icon-star2:before{content:"\e61c"}.icon-thumbs-up:before{content:"\e61d"}.icon-thumbs-down:before{content:"\e61e"}.icon-chat:before{content:"\e61f"}.icon-comment:before{content:"\e620"}.icon-quote:before{content:"\e621"}.icon-house:before{content:"\e622"}.icon-popup:before{content:"\e623"}.icon-search:before{content:"\e624"}.icon-flashlight:before{content:"\e625"}.icon-printer:before{content:"\e626"}.icon-bell:before{content:"\e627"}.icon-link:before{content:"\e628"}.icon-flag:before{content:"\e629"}.icon-cog:before{content:"\e62a"}.icon-tools:before{content:"\e62b"}.icon-trophy:before{content:"\e62c"}.icon-tag:before{content:"\e62d"}.icon-camera:before{content:"\e62e"}.icon-megaphone:before{content:"\e62f"}.icon-palette:before{content:"\e631"}.icon-music:before{content:"\e633"}.icon-music2:before{content:"\e634"}.icon-new:before{content:"\e635"}.icon-graduation:before{content:"\e636"}.icon-book:before{content:"\e637"}.icon-newspaper:before{content:"\e638"}.icon-bag:before{content:"\e639"}.icon-airplane:before{content:"\e63a"}.icon-lifebuoy:before{content:"\e63b"}.icon-eye:before{content:"\e63c"}.icon-clock:before{content:"\e63d"}.icon-microphone:before{content:"\e63e"}.icon-calendar:before{content:"\e63f"}.icon-bolt:before{content:"\e640"}.icon-thunder:before{content:"\e641"}.icon-droplet:before{content:"\e642"}.icon-briefcase:before{content:"\e644"}.icon-air:before{content:"\e645"}.icon-hourglass:before{content:"\e646"}.icon-gauge:before{content:"\e647"}.icon-network:before{content:"\e649"}.icon-key:before{content:"\e64a"}.icon-battery:before{content:"\e64b"}.icon-bucket:before{content:"\e64c"}.icon-magnet:before{content:"\e64d"}.icon-drive:before{content:"\e64e"}.icon-cup:before{content:"\e64f"}.icon-rocket:before{content:"\e650"}.icon-brush:before{content:"\e651"}.icon-suitcase:before{content:"\e652"}.icon-cone:before{content:"\e653"}.icon-earth:before{content:"\e654"}.icon-keyboard:before{content:"\e655"}.icon-browser:before{content:"\e656"}.icon-publish:before{content:"\e657"}.icon-progress-3:before{content:"\e658"}.icon-progress-2:before{content:"\e659"}.icon-brogress-1:before{content:"\e65a"}.icon-progress-0:before{content:"\e65b"}.icon-sun:before{content:"\e65d"}.icon-code:before{content:"\e65f"}.icon-screen:before{content:"\e660"}.icon-infinity:before{content:"\e661"}.icon-light-bulb:before{content:"\e662"}.icon-credit-card:before{content:"\e663"}.icon-database:before{content:"\e664"}.icon-clipboard:before{content:"\e666"}.icon-cart:before{content:"\e667"}.icon-box:before{content:"\e668"}.icon-ticket:before{content:"\e669"}.icon-rss:before{content:"\e66a"}.icon-signal:before{content:"\e66b"}.icon-thermometer:before{content:"\e66c"}.icon-droplets:before{content:"\e66d"}.icon-uniE66E:before{content:"\e66e"}.icon-statistics:before{content:"\e66f"}.icon-pie:before{content:"\e670"}.icon-bars:before{content:"\e671"}.icon-graph:before{content:"\e672"}.icon-lock:before{content:"\e673"}.icon-lock-open:before{content:"\e674"}.icon-logout:before{content:"\e675"}.icon-login:before{content:"\e676"}.icon-checkmark:before{content:"\e677"}.icon-cross:before{content:"\e678"}.icon-minus:before{content:"\e679"}.icon-plus:before{content:"\e67a"}.icon-cross2:before{content:"\e67b"}.icon-minus2:before{content:"\e67c"}.icon-plus2:before{content:"\e67d"}.icon-cross3:before{content:"\e67e"}.icon-minus3:before{content:"\e67f"}.icon-plus3:before{content:"\e680"}.icon-erase:before{content:"\e681"}.icon-blocked:before{content:"\e682"}.icon-info:before{content:"\e683"}.icon-info2:before{content:"\e684"}.icon-question:before{content:"\e685"}.icon-help:before{content:"\e686"}.icon-warning:before{content:"\e687"}.icon-cycle:before{content:"\e688"}.icon-cw:before{content:"\e689"}.icon-ccw:before{content:"\e68a"}.icon-shuffle:before{content:"\e68b"}.icon-arrow:before{content:"\e68c"}.icon-arrow2:before{content:"\e68d"}.icon-retweet:before{content:"\e68e"}.icon-loop:before{content:"\e68f"}.icon-history:before{content:"\e690"}.icon-back:before{content:"\e691"}.icon-switch:before{content:"\e692"}.icon-list:before{content:"\e693"}.icon-add-to-list:before{content:"\e694"}.icon-layout:before{content:"\e695"}.icon-list2:before{content:"\e696"}.icon-text:before{content:"\e697"}.icon-text2:before{content:"\e698"}.icon-document:before{content:"\e699"}.icon-docs:before{content:"\e69a"}.icon-landscape:before{content:"\e69b"}.icon-pictures:before{content:"\e69c"}.icon-video:before{content:"\e69d"}.icon-music3:before{content:"\e69e"}.icon-folder:before{content:"\e69f"}.icon-archive:before{content:"\e6a0"}.icon-trash:before{content:"\e6a1"}.icon-upload:before{content:"\e6a2"}.icon-download:before{content:"\e6a3"}.icon-disk:before{content:"\e6a4"}.icon-install:before{content:"\e6a5"}.icon-cloud:before{content:"\e6a6"}.icon-upload2:before{content:"\e6a7"}.icon-bookmark:before{content:"\e6a8"}.icon-bookmarks:before{content:"\e6a9"}.icon-book2:before{content:"\e6aa"}.icon-play:before{content:"\e6ab"}.icon-pause:before{content:"\e6ac"}.icon-record:before{content:"\e6ad"}.icon-stop:before{content:"\e6ae"}.icon-next:before{content:"\e6af"}.icon-previous:before{content:"\e6b0"}.icon-first:before{content:"\e6b1"}.icon-last:before{content:"\e6b2"}.icon-resize-enlarge:before{content:"\e6b3"}.icon-resize-shrink:before{content:"\e6b4"}.icon-volume:before{content:"\e6b5"}.icon-sound:before{content:"\e6b6"}.icon-mute:before{content:"\e6b7"}.icon-flow-cascade:before{content:"\e6b8"}.icon-flow-branch:before{content:"\e6b9"}.icon-flow-tree:before{content:"\e6ba"}.icon-flow-line:before{content:"\e6bb"}.icon-flow-parallel:before{content:"\e6bc"}.icon-arrow-left:before{content:"\e6bd"}.icon-arrow-down:before{content:"\e6be"}.icon-arrow-up--upload:before{content:"\e6bf"}.icon-arrow-right:before{content:"\e6c0"}.icon-arrow-left2:before{content:"\e6c1"}.icon-arrow-down2:before{content:"\e6c2"}.icon-arrow-up:before{content:"\e6c3"}.icon-arrow-right2:before{content:"\e6c4"}.icon-arrow-left3:before{content:"\e6c5"}.icon-arrow-down3:before{content:"\e6c6"}.icon-arrow-up2:before{content:"\e6c7"}.icon-arrow-right3:before{content:"\e6c8"}.icon-arrow-left4:before{content:"\e6c9"}.icon-arrow-down4:before{content:"\e6ca"}.icon-arrow-up3:before{content:"\e6cb"}.icon-arrow-right4:before{content:"\e6cc"}.icon-arrow-left5:before{content:"\e6cd"}.icon-arrow-down5:before{content:"\e6ce"}.icon-arrow-up4:before{content:"\e6cf"}.icon-arrow-right5:before{content:"\e6d0"}.icon-arrow-left6:before{content:"\e6d1"}.icon-arrow-down6:before{content:"\e6d2"}.icon-arrow-up5:before{content:"\e6d3"}.icon-arrow-right6:before{content:"\e6d4"}.icon-arrow-left7:before{content:"\e6d5"}.icon-arrow-down7:before{content:"\e6d6"}.icon-arrow-up6:before{content:"\e6d7"}.icon-uniE6D8:before{content:"\e6d8"}.icon-arrow-left8:before{content:"\e6d9"}.icon-arrow-down8:before{content:"\e6da"}.icon-arrow-up7:before{content:"\e6db"}.icon-arrow-right7:before{content:"\e6dc"}.icon-menu:before{content:"\e6dd"}.icon-ellipsis:before{content:"\e6de"}.icon-dots:before{content:"\e6df"}.icon-dot:before{content:"\e6e0"}.icon-daniel-bruce2:before{content:"\e6ed"}.icon-github:before{content:"\e6ee"}.icon-github2:before{content:"\e6ef"}.icon-flickr:before{content:"\e6f0"}.icon-flickr2:before{content:"\e6f1"}.icon-vimeo:before{content:"\e6f2"}.icon-vimeo2:before{content:"\e6f3"}.icon-twitter:before{content:"\e6f4"}.icon-twitter2:before{content:"\e6f5"}.icon-facebook:before{content:"\e6f6"}.icon-facebook2:before{content:"\e6f7"}.icon-facebook3:before{content:"\e6f8"}.icon-googleplus:before{content:"\e6f9"}.icon-googleplus2:before{content:"\e6fa"}.icon-pinterest:before{content:"\e6fb"}.icon-pinterest2:before{content:"\e6fc"}.icon-tumblr:before{content:"\e6fd"}.icon-tumblr2:before{content:"\e6fe"}.icon-linkedin:before{content:"\e6ff"}.icon-linkedin2:before{content:"\e700"}.icon-dribbble:before{content:"\e701"}.icon-dribbble2:before{content:"\e702"}.icon-stumbleupon:before{content:"\e703"}.icon-stumbleupon2:before{content:"\e704"}.icon-spotify:before{content:"\e709"}.icon-spotify2:before{content:"\e70a"}.icon-instagram:before{content:"\e70c"}.icon-dropbox:before{content:"\e70d"}.icon-evernote:before{content:"\e70e"}.icon-flattr:before{content:"\e70f"}.icon-skype:before{content:"\e710"}.icon-skype2:before{content:"\e711"}.icon-paypal:before{content:"\e714"}.icon-picasa:before{content:"\e715"}.icon-circles:before{content:"\e719"}*{padding:0;margin:0}*:focus{outline:none}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.cls:after{content:".";display:block;height:0;clear:both;visibility:hidden}img{border:0}.debug{border:1px solid red}.text_left,.t-left{text-align:left !important}.text_right,.t-right{text-align:right !important}.text_center,.t-center{text-align:center !important}.pfixed{position:fixed !important}.f-left{float:left}.f-right{float:right}.column-left{float:left;width:49%}.column-right{float:right;width:49%}.column-33{width:32%}.column-66{width:66%}.w10p{width:10%}.w15p{width:15%}.w20p{width:20%}.w33p{width:33%}.w35p{width:35%}.w50p{width:50%}.w100p{width:100%}::-webkit-scrollbar-track{box-shadow:inset 1px 0px 3px rgba(0,0,0,0.2);background-color:#F5F5F5}::-webkit-scrollbar-track:hover{background-color:#EFEFEF}::-webkit-scrollbar{width:8px;background-color:#F5F5F5}::-webkit-scrollbar-thumb{background-color:#959595}::-webkit-scrollbar-thumb:hover{background-color:#6B6B6B}::-webkit-scrollbar-thumb:active{background-color:#555}span.label{padding:1px 3px 2px;font-size:10px;font-weight:bold;color:#fff;text-transform:uppercase;white-space:nowrap;background-color:#bfbfbf;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}span.label.default{background-color:#bfbfbf}span.label.success{background-color:#46a546}span.label.warning{background-color:#f89406}span.label.important{background-color:#c43c35}span.label.error{background-color:#c43c35}span.label.notice{background-color:#62cffc}.box{background:#fff;box-shadow:3px 3px 0 rgba(205,215,226,0.6);margin-bottom:15px;border:1px solid #cdd7e2;padding:2px}.box .box-header{background-color:#829cb7;height:35px}.box .box-header h1{color:#fff;float:left;font-size:14px;font-weight:bold;line-height:33px;padding-left:10px;text-transform:uppercase}.box .box-header h1:first-letter{font-size:20px}.box .box-header ul{float:right;list-style-type:none}.box .box-header ul li{display:inline;margin-left:-3px}.box .box-header ul li a{color:#fff;font-size:20px;line-height:35px;padding:4px 10px;text-decoration:none}.box .box-header ul li a:hover:not(.disabled){background:#c3cfdc;color:#829cb7 !important}.box .box-header ul li a.disabled:hover{cursor:default}.box .box-header ul li:first-child{margin-left:0}.box .box-header ul li:last-child a{border-right:none}.box .box-header ul li.active a{background:#fafafa;cursor:default}.box .box-content{padding:6px;overflow:auto}.box .box-content table a{text-decoration:none;color:#829cb7}.box .box-content table a:hover{color:#c3cfdc}.box .box-content.faded{opacity:.4}.box .box-footer{background:#e8e8e8;padding:7px}.box .box-footer span[class^="icon-"]{font-size:14px;margin-right:5px}body.theme-blue .box{box-shadow:3px 3px 0 rgba(205,215,226,0.6);border-color:#cdd7e2}body.theme-blue .box .box-header{background-color:#829cb7}body.theme-blue .box .box-header ul li a:hover:not(.disabled){background:#c3cfdc;color:#829cb7 !important}body.theme-blue .box .box-content table a{color:#829cb7}body.theme-blue .box .box-content table a:hover{color:#c3cfdc}body.theme-aqua .box{box-shadow:3px 3px 0 rgba(175,223,223,0.6);border-color:#afdfdf}body.theme-aqua .box .box-header{background-color:#5bbebd}body.theme-aqua .box .box-header ul li a:hover:not(.disabled){background:#a4dbda;color:#5bbebd !important}body.theme-aqua .box .box-content table a{color:#5bbebd}body.theme-aqua .box .box-content table a:hover{color:#a4dbda}body.theme-green .box{box-shadow:3px 3px 0 rgba(207,226,205,0.6);border-color:#cfe2cd}body.theme-green .box .box-header{background-color:#87b782}body.theme-green .box .box-header ul li a:hover:not(.disabled){background:#c5dcc3;color:#87b782 !important}body.theme-green .box .box-content table a{color:#87b782}body.theme-green .box .box-content table a:hover{color:#c5dcc3}body.theme-light-green .box{box-shadow:3px 3px 0 rgba(228,242,237,0.6);border-color:#e4f2ed}body.theme-light-green .box .box-header{background-color:#95ccb6}body.theme-light-green .box .box-header ul li a:hover:not(.disabled){background:#daede6;color:#95ccb6 !important}body.theme-light-green .box .box-content table a{color:#95ccb6}body.theme-light-green .box .box-content table a:hover{color:#daede6}body.theme-orange .box{box-shadow:3px 3px 0 rgba(245,221,201,0.6);border-color:#f5ddc9}body.theme-orange .box .box-header{background-color:#e29e66}body.theme-orange .box .box-header ul li a:hover:not(.disabled){background:#f2d4bc;color:#e29e66 !important}body.theme-orange .box .box-content table a{color:#e29e66}body.theme-orange .box .box-content table a:hover{color:#f2d4bc}body.theme-red .box{box-shadow:3px 3px 0 rgba(206,159,166,0.6);border-color:#ce9fa6}body.theme-red .box .box-header{background-color:#a5535e}body.theme-red .box .box-header ul li a:hover:not(.disabled){background:#c9959c;color:#a5535e !important}body.theme-red .box .box-content table a{color:#a5535e}body.theme-red .box .box-content table a:hover{color:#c9959c}body.theme-light-red .box{box-shadow:3px 3px 0 rgba(248,223,223,0.6);border-color:#f8dfdf}body.theme-light-red .box .box-header{background-color:#e18080}body.theme-light-red .box .box-header ul li a:hover:not(.disabled){background:#f5d3d3;color:#e18080 !important}body.theme-light-red .box .box-content table a{color:#e18080}body.theme-light-red .box .box-content table a:hover{color:#f5d3d3}body.theme-purple .box{box-shadow:3px 3px 0 rgba(212,198,229,0.6);border-color:#d4c6e5}body.theme-purple .box .box-header{background-color:#9775c1}body.theme-purple .box .box-header ul li a:hover:not(.disabled){background:#ccbce1;color:#9775c1 !important}body.theme-purple .box .box-content table a{color:#9775c1}body.theme-purple .box .box-content table a:hover{color:#ccbce1}body.theme-slate .box{box-shadow:3px 3px 0 rgba(158,167,178,0.6);border-color:#9ea7b2}body.theme-slate .box .box-header{background-color:#606c7a}body.theme-slate .box .box-header ul li a:hover:not(.disabled){background:#959fab;color:#606c7a !important}body.theme-slate .box .box-content table a{color:#606c7a}body.theme-slate .box .box-content table a:hover{color:#959fab}body.theme-light .box{box-shadow:3px 3px 0 rgba(237,237,237,0.6);border-color:#ededed}body.theme-light .box .box-header{background-color:#b2b2b2}body.theme-light .box .box-header ul li a:hover:not(.disabled){background:#e5e5e5;color:#b2b2b2 !important}body.theme-light .box .box-content table a{color:#b2b2b2}body.theme-light .box .box-content table a:hover{color:#e5e5e5}body.theme-dark .box{box-shadow:3px 3px 0 rgba(157,157,157,0.6);border-color:#9d9d9d}body.theme-dark .box .box-header{background-color:#626262}body.theme-dark .box .box-header ul li a:hover:not(.disabled){background:#959595;color:#626262 !important}body.theme-dark .box .box-content table a{color:#626262}body.theme-dark .box .box-content table a:hover{color:#959595}
author	ShevAbam <shevabam@gmail.com>	2015-07-15 14:12:29 +0200
committer	ShevAbam <shevabam@gmail.com>	2015-07-15 14:12:29 +0200
commit	a935f5ece1d4b3738ad7b085d8dfebfbfc04cef0 (patch)
tree	4e1864d6c8369a2d47879394ef76de9cbf856967
parent	118bb1862cfca13201d349df8ec23b830921efb5 (diff)