bugfix #30 && random bg in game

src/Jotunheimr/UserBundle/Resources/public/css/layout.css

@@ -62,7 +62,7 @@ header section .input-submit button {
     width: 500px;
     border: 1px solid #658fb8;
     color: #FFFFFF;
-    padding: 25px 100px;
+    padding: 25px 150px;
     margin-top: 20px;
 
     -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
@@ -106,19 +106,19 @@ header section h3.or {
     margin: 20px 0;
 }
 
-header section .fb,
+header section .buttons,
 header section form {
     z-index: 2;
 }
 
-header section a.fb-login {
-    background: #5975b1;
+header section a.fb-login,
+header section a.slack-login {
     position: relative;
     display: block;
     width: 500px;
     height: 93px;
-    border: 1px solid #50649f;
-    margin: 0;
+    padding: 25px 0 25px 150px;
+    margin-bottom: 10px;
 
     overflow: hidden;
 
@@ -128,22 +128,43 @@ header section a.fb-login {
     box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
 }
 
-header section a.fb-login:hover {
-    background: #42598c;
-    color: #FFFFFF;
+header section a.fb-login:hover,
+header section a.slack-login:hover {
     text-decoration: none;
 
     -webkit-box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
     box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
 }
 
-header section a.fb-login i {
+header section a.fb-login i,
+header section a.slack-login i {
     position: absolute;
     font-size: 130px;
     top: 0;
     left: 15px;
 }
 
+header section a.fb-login {
+    background: #5975b1;
+    border: 1px solid #50649f;
+}
+
+header section a.fb-login:hover {
+    background: #42598c;
+    color: #FFFFFF;
+}
+
+header section a.slack-login {
+    background: #FFFFFF;
+    border: 1px solid #5c3a58;
+    color: #5c3a58;
+}
+
+header section a.slack-login:hover {
+    background: #e6e6e6;
+    color: #5c3a58;
+}
+
 @media screen and (max-width: 1100px) {
     header section .form-input,
     header section .form-check {

src/Jotunheimr/UserBundle/Resources/views/Registration/register.html.twig

@@ -40,8 +40,12 @@
             </form>
         </div>
         <h3 class="or">vagy regisztrálj <u>egy</u> kattintással</h3>
-        <div class="fb">
+        <div class="buttons">
             {% include('@JotunheimrUser/Social/facebook.html.twig') %}
+            {#<a class="slack-login"#}
+            {#href="https://slack.com/oauth/authorize?scope=identity.basic,identity.email,identity.team,identity.avatar&client_id=107639806167.106953365090&redirect_uri=http://mine.dev">#}
+            {#<i class="fa fa-slack"></i><span>w/ Slack</span>#}
+            {#</a>#}
         </div>
         <img src="{{ asset('bundles/mineseeker/images/mine-logo-logo.png') }}" alt="MineSeeker Logo" border="0"/>
     </section>

src/Jotunheimr/UserBundle/Resources/views/Security/login.html.twig

@@ -37,8 +37,12 @@
             </div>
         </form>
         <h3 class="or">vagy jelentkezz be <u>egy</u> kattintással</h3>
-        <div class="fb">
+        <div class="buttons">
             {% include('@JotunheimrUser/Social/facebook.html.twig') %}
+            {#<a class="slack-login"#}
+            {#href="https://slack.com/oauth/authorize?scope=identity.basic,identity.email,identity.team,identity.avatar&client_id=107639806167.106953365090&redirect_uri=http://mine.dev">#}
+            {#<i class="fa fa-slack"></i><span>w/ Slack</span>#}
+            {#</a>#}
         </div>
         <img src="{{ asset('bundles/mineseeker/images/mine-logo-logo.png') }}" alt="MineSeeker Logo" border="0"/>
     </section>