add basic design to userbundle && refactor

2016-11-06 21:27:12 +01:00
parent c936f4c643
commit 3f3605fbd8
10 changed files with 745 additions and 80 deletions
--- a/src/Jotunheimr/UserBundle/Resources/public/css/login.css
+++ b/src/Jotunheimr/UserBundle/Resources/public/css/login.css
@@ -0,0 +1,42 @@
+main .login {
+    position: fixed;
+    display: flex;
+    width: 100%;
+    height: 100%;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+}
+
+main .login h1 {
+    display: block;
+    font: normal 40px 'Gloria Hallelujah', cursive;
+    text-align: center;
+    color: #FFFFFF;
+}
+
+main .login .form .input {
+    display: block;
+    margin: 0 auto;
+}
+
+main .login .form .submit {
+    background: #3498db;
+    display: block;
+    font: bold 22px 'Gloria Hallelujah', cursive;
+    color: #FFFFFF;
+    border: 0;
+    padding: 10px 20px;
+    margin: 20px auto 0 auto;
+
+    -webkit-transition: all 250ms cubic-bezier(0, 0.25, 0.5, 1);
+    transition: all 250ms cubic-bezier(0, 0.25, 0.5, 1);
+}
+
+main .login .form .submit:hover {
+    background: #FFFFFF;
+    color: #3498db;
+
+    -webkit-transition: all 250ms cubic-bezier(0, 0.25, 0.5, 1);
+    transition: all 250ms cubic-bezier(0, 0.25, 0.5, 1);
+}