diff options
Diffstat (limited to 'assets/css/style.css')
-rw-r--r-- | assets/css/style.css | 42 |
1 files changed, 18 insertions, 24 deletions
diff --git a/assets/css/style.css b/assets/css/style.css index 1261603..eddc36b 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -6,11 +6,6 @@ ######################### */ @font-face { - font-family: Ubuntu-Regular; - src: url('../fonts/ubuntu/Ubuntu-Regular.ttf'); -} - -@font-face { font-family: Ubuntu-Bold; src: url('../fonts/ubuntu/Ubuntu-Bold.ttf'); } @@ -27,8 +22,7 @@ body { justify-content: center; align-items: center; overflow: hidden; - background-image: url("../images/bg.jpg"); - background-repeat: no-repeat; + background: url("../images/bg.jpg") no-repeat; background-size: cover } @@ -52,7 +46,7 @@ body { animation-fill-mode: forwards; } -.loginform-box { +.loginFormBox { opacity: 0; text-align: center; background: white; @@ -81,14 +75,14 @@ body { font-size: 20px; } -.graytext { +.grayText { color: #282828; font-family: Ubuntu-Bold; text-transform: uppercase; font-size: 18px; } -.button-blue { +.buttonBlue { background: #F9A825; /* fallback for bad browsers */ background: linear-gradient(to right, #F9A825, #FF5252); color: white; @@ -104,7 +98,7 @@ body { transition: all .1s ease-in; } -.button-blue:hover { +.buttonBlue:hover { background: #16BFFD; /* fallback for bad browsers */ background: linear-gradient(to right, #F9A825, #FF5252); color: white; @@ -159,9 +153,9 @@ a { } } -/* PRELOADERS */ +/* preLoaderS */ -#ud_preloader { +#udPreLoader { position: fixed; top: 0; left: 0; @@ -171,7 +165,7 @@ a { height: 100%; z-index: 10000; } -#ud_preloader .ud_pre_half { +#udPreLoader .udPreHalf { background: #111; width: 50%; height: 100%; @@ -179,13 +173,13 @@ a { top: 0; bottom: 0; } -#ud_preloader #ud_bg_left { +#udPreLoader #udBgLeft { left: 0; } -#ud_preloader #ud_bg_right { +#udPreLoader #udBgRight { right: 0; } -#ud_preloader #ud_dots { +#udPreLoader #udDots { z-index: 10001; width: 150px; position: absolute; @@ -193,14 +187,14 @@ a { left: 50%; transform: translateX(-50%) translateY(-50%); } -#ud_preloader #ud_dots p { +#udPreLoader #udDots p { width: 100%; margin: 0 0 30px 0; color: #fff; font-size: 12px; text-align: center; } -#ud_preloader #ud_dots .ud_dot { +#udPreLoader #udDots .udDot { animation: infinite 500ms ease-in-out; border-radius: 30px; width: 30px; @@ -209,11 +203,11 @@ a { float: left; margin: 0 10px 0 0; } -#ud_preloader #ud_dots .ud_dot:last-child { +#udPreLoader #udDots .udDot:last-child { margin: 0 0 0 0; } -@keyframes ud_preloader_1 { +@keyframes udPreLoader_1 { 0% { background: #fff; transform: translateY(0); @@ -228,7 +222,7 @@ a { } } -@keyframes ud_preloader_2 { +@keyframes udPreLoader_2 { 25% { background: #fff; transform: translateY(0); @@ -243,7 +237,7 @@ a { } } -@keyframes ud_preloader_3 { +@keyframes udPreLoader_3 { 50% { background: #fff; transform: translateY(0); @@ -258,7 +252,7 @@ a { } } -@keyframes ud_preloader_4 { +@keyframes udPreLoader_4 { 75% { background: #fff; transform: translateY(0); |