From 0837ecbe097c7b33d02ec0e7b805e371fe90c843 Mon Sep 17 00:00:00 2001
From: CupCakeArmy <nicco.borgioli@gmail.com>
Date: Fri, 22 Apr 2016 12:00:40 +0200
Subject: [PATCH] CSS optimisation
---
admin/lib/cust/main.css | 193 +++++++++++++++++++++-------------------
1 file changed, 99 insertions(+), 94 deletions(-)
diff --git a/admin/lib/cust/main.css b/admin/lib/cust/main.css
index 0230874..46eed46 100644
--- a/admin/lib/cust/main.css
+++ b/admin/lib/cust/main.css
@@ -1,15 +1,16 @@
/*
IMPORTS
*/
-@font-face{
- font-family: DINPro;
- font-weight: normal;
- src: url(../../res/fonts/DINPro-Light.ttf);
+
+@font-face {
+ font-family: DINPro;
+ font-weight: normal;
+ src: url(../../res/fonts/DINPro-Light.ttf);
}
-@font-face{
- font-family: DINPro;
- font-weight: bold;
- src: url(../../res/fonts/DINPro-Bold.ttf);
+@font-face {
+ font-family: DINPro;
+ font-weight: bold;
+ src: url(../../res/fonts/DINPro-Bold.ttf);
}
/*
@@ -17,18 +18,16 @@
*/
* {
- margin: 0;
- padding: 0;
+ margin: 0;
+ padding: 0;
}
-
html, body {
- width: 100%;
- height: 100%;
+ width: 100%;
+ height: 100%;
}
-
body {
- font-family: DINPro;
- overflow: hidden;
+ font-family: DINPro;
+ overflow: hidden;
}
/*
@@ -36,10 +35,10 @@ body {
*/
.smooth {
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- transition: all 0.5s ease;
+ -webkit-transition: all 0.5s ease;
+ -moz-transition: all 0.5s ease;
+ -o-transition: all 0.5s ease;
+ transition: all 0.5s ease;
}
/*
@@ -47,20 +46,23 @@ body {
*/
.loginPanel {
- width: 100%;
- height: 100%;
- top: 0%;
- left: 0%;
- display: flex;
- align-items: center;
- justify-content: center;
- position: fixed;
- z-index: 20;
- //background: rgba(30,30,30,.9);
- background: rgba(31, 45, 84, 1);
-}
-.loginPanel>div{
- box-shadow: 0 0 2em #000;
+ width: 100%;
+ height: 100%;
+ top: 0%;
+ left: 0%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ position: fixed;
+ z-index: 20;
+ //background: rgba(30,30,30,.9);
+ background: rgba(31, 45, 84, 1);
+}
+.loginPanel>div {
+ box-shadow: 0 0 2em #000;
+}
+.loginPanel .login-logo {
+ width: 70%;
}
/*
@@ -68,74 +70,77 @@ body {
*/
.wrapper-main {
- height: 100%;
- width: 100%;
- top: 0;
- left: 0;
+ height: 100%;
+ width: 100%;
+ top: 0;
+ left: 0;
}
-.wrapper-main.toggled{
- padding-left: 250px;
+.wrapper-main.toggled {
+ padding-left: 250px;
}
-
.wrapper-sidebar {
- z-index: 10;
- left: 250px;
- width: 0px;
- height: 100%;
- margin-left: -250px;
- overflow-y: auto;
- position: fixed;
- background: #222;
- color: #fff;
- box-shadow: 0 0 1em rgba(0,0,0,0.5);
+ z-index: 10;
+ left: 250px;
+ width: 0px;
+ height: 100%;
+ margin-left: -250px;
+ overflow-y: auto;
+ position: fixed;
+ background: #222;
+ color: #fff;
+ box-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
}
.wrapper-main.toggled .wrapper-sidebar {
- width: 250px;
+ width: 250px;
}
-
.nav-sidebar .navbar ul {
- float: none;
- display: block;
+ float: none;
+ display: block;
}
.wrapper-sidebar .navbar li {
- float: none;
- display: block;
-}
-
-.navbar-main ul li {
- float: left;
+ float: none;
+ display: block;
}
-
@media(min-width:768px) {
- .wrapper-main {
- padding-left: 250px;
- }
-
- .wrapper-main.toggled {
- padding-left: 0px;
- }
-
- .wrapper-sidebar {
- width: 250px;
- }
-
- .wrapper-main.toggled .wrapper-sidebar {
- width: 0px;
- }
+ .wrapper-main {
+ padding-left: 250px;
+ }
+ .wrapper-main.toggled {
+ padding-left: 0px;
+ }
+ .wrapper-sidebar {
+ width: 250px;
+ }
+ .wrapper-main.toggled .wrapper-sidebar {
+ width: 0px;
+ }
+}
+.wrapper-sidebar ul li a {
+ color: inherit;
+}
+.wrapper-sidebar ul li a:hover, .wrapper-sidebar ul li a:active, .wrapper-sidebar ul li a:focus {
+ color: #000;
+}
+.wrapper-sidebar>div {
+ padding: 1em;
+}
+.wrapper-sidebar .sidebar-logo {
+ width: 100%;
}
-
-.wrapper-sidebar ul li a { color: inherit; }
-.wrapper-sidebar ul li a:hover,
-.wrapper-sidebar ul li a:focus {
- color: #000;
+.wrapper-content {
+ margin-top: -20px;
+ height: calc(100vh - 51px);
+ background: #eee;
+ width: 100%;
+ overflow: auto;
}
-.wrapper-content {
- margin-top: -20px;
- height: calc(100vh - 51px);
- background: #eee;
- width: 100%;
- //overflow: scroll;
+/*
+ MAIN NAVBAR
+*/
+
+.navbar-main .cust-menu>li {
+ float: left;
}
/*
@@ -143,9 +148,9 @@ body {
*/
.alertCont {
- position: fixed;
- z-index: 10000;
- left: 50%;
- top: 10px;
- transform: translateX(-50%);
-}
\ No newline at end of file
+ position: fixed;
+ z-index: 10000;
+ left: 50%;
+ top: 10px;
+ transform: translateX(-50%);
+}
--
GitLab