CSS optimisation

0837ecbe · CupCakeArmy · 62130fc3 · 0837ecbe
Commit 0837ecbe authored 8 years ago by CupCakeArmy
--- a/admin/lib/cust/main.css
+++ b/admin/lib/cust/main.css
 /*
 	IMPORTS
 */
-@font-face{
-	font-family: DINPro;
+@font-face {
-	font-weight: normal;
+    font-family: DINPro;
-	src: url(../../res/fonts/DINPro-Light.ttf);
+    font-weight: normal;
+    src: url(../../res/fonts/DINPro-Light.ttf);
 }
-@font-face{
+@font-face {
-	font-family: DINPro;
+    font-family: DINPro;
-	font-weight: bold;
+    font-weight: bold;
-	src: url(../../res/fonts/DINPro-Bold.ttf);
+    src: url(../../res/fonts/DINPro-Bold.ttf);
 }
 /*
@@ -17,18 +18,16 @@
 */
 * {
-	margin: 0;
+    margin: 0;
-	padding: 0;
+    padding: 0;
 }
 html, body {
-	width: 100%;
+    width: 100%;
-	height: 100%;
+    height: 100%;
 }
 body {
-	font-family: DINPro;
+    font-family: DINPro;
-	overflow: hidden;
+    overflow: hidden;
 }
 /*
@@ -36,10 +35,10 @@ body {
 */
 .smooth {
-	-webkit-transition: all 0.5s ease;
+    -webkit-transition: all 0.5s ease;
-	-moz-transition: all 0.5s ease;
+    -moz-transition: all 0.5s ease;
-	-o-transition: all 0.5s ease;
+    -o-transition: all 0.5s ease;
-	transition: all 0.5s ease;
+    transition: all 0.5s ease;
 }
 /*
@@ -47,20 +46,23 @@ body {
 */
 .loginPanel {
-	width: 100%;
+    width: 100%;
-	height: 100%;
+    height: 100%;
-	top: 0%;
+    top: 0%;
-	left: 0%;
+    left: 0%;
-	display: flex;
+    display: flex;
-	align-items: center;
+    align-items: center;
-	justify-content: center;
+    justify-content: center;
-	position: fixed;
+    position: fixed;
-	z-index: 20;
+    z-index: 20;
-	//background: rgba(30,30,30,.9);
+    //background: rgba(30,30,30,.9);
-	background: rgba(31, 45, 84, 1);
+    background: rgba(31, 45, 84, 1);
 }
-.loginPanel>div{
+.loginPanel>div {
-	box-shadow: 0 0 2em #000;
+    box-shadow: 0 0 2em #000;
+}
+.loginPanel .login-logo {
+    width: 70%;
 }
 /*
@@ -68,74 +70,77 @@ body {
 */
 .wrapper-main {
-	height: 100%;
+    height: 100%;
-	width: 100%;
+    width: 100%;
-	top: 0;
+    top: 0;
-	left: 0;
+    left: 0;
 }
-.wrapper-main.toggled{
+.wrapper-main.toggled {
-	padding-left: 250px;
+    padding-left: 250px;
 }
 .wrapper-sidebar {
-	z-index: 10;
+    z-index: 10;
-	left: 250px;
+    left: 250px;
-	width: 0px;
+    width: 0px;
-	height: 100%;
+    height: 100%;
-	margin-left: -250px;
+    margin-left: -250px;
-	overflow-y: auto;
+    overflow-y: auto;
-	position: fixed;
+    position: fixed;
-	background: #222;
+    background: #222;
-	color: #fff;
+    color: #fff;
-	box-shadow: 0 0 1em rgba(0,0,0,0.5);
+    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;
+    float: none;
-	display: block;
+    display: block;
 }
 .wrapper-sidebar .navbar li {
-	float: none;
+    float: none;
-	display: block;
+    display: block;
-}
-.navbar-main ul li {
-	float: left;
 }
 @media(min-width:768px) {
-	.wrapper-main {
+    .wrapper-main {
-		padding-left: 250px;
+        padding-left: 250px;
-	}
+    }
+    .wrapper-main.toggled {
-	.wrapper-main.toggled {
+        padding-left: 0px;
-		padding-left: 0px;
+    }
-	}
+    .wrapper-sidebar {
+        width: 250px;
-	.wrapper-sidebar {
+    }
-		width: 250px;
+    .wrapper-main.toggled .wrapper-sidebar {
-	}
+        width: 0px;
+    }
-	.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-content {
-.wrapper-sidebar ul li a { color: inherit; }
+    margin-top: -20px;
-.wrapper-sidebar ul li a:hover,
+    height: calc(100vh - 51px);
-.wrapper-sidebar ul li a:focus {
+    background: #eee;
-	color: #000;
+    width: 100%;
+    overflow: auto;
 }
-.wrapper-content {
+/*
-	margin-top: -20px;
+	MAIN NAVBAR
-	height: calc(100vh - 51px);
+*/
-	background: #eee;
-	width: 100%;
+.navbar-main .cust-menu>li {
-	//overflow: scroll;
+    float: left;
 }
 /*
@@ -143,9 +148,9 @@ body {
 */
 .alertCont {
-	position: fixed;
+    position: fixed;
-	z-index: 10000;
+    z-index: 10000;
-	left: 50%;
+    left: 50%;
-	top: 10px;
+    top: 10px;
-	transform: translateX(-50%);
+    transform: translateX(-50%);
 }
\ No newline at end of file