From bcd61fd42bdd2de283bbc37648ddb5c48fdfee0e Mon Sep 17 00:00:00 2001
From: mathias <mail@mathias.is>
Date: Mon, 16 Feb 2015 01:08:17 +0200
Subject: [PATCH] Cleaning up CSS

---
 css/minecraft.css | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/css/minecraft.css b/css/minecraft.css
index 28580ca..2bcbcbb 100644
--- a/css/minecraft.css
+++ b/css/minecraft.css
@@ -74,8 +74,7 @@ a:focus {
   width: 100%;
   height: 100%;
   color: #fff;
-  background: url(/img/intro-bg.jpg) no-repeat bottom center scroll;
-  background: #000;
+  background: #000 url(/img/intro-bg.jpg) no-repeat bottom center scroll;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
@@ -107,11 +106,12 @@ a:focus {
 }
 
 .btn-circle {
-  padding: 9px 14px 9px 14px;
+  width: 30px;
+  height: 30px;
   border: 2px solid #fff;
-  border-radius: 35px;
-  -webkit-border-radius: 35px;
-  -moz-border-radius: 35px;
+  border-radius: 50%;
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
   font-size: 20px;
   color: #fff;
   background: none;
@@ -124,6 +124,7 @@ a:focus {
 .btn-circle:hover,
 .btn-circle:focus {
   outline: 0;
+  color: #fff;
   background: rgba(255,255,255,.1);
 }
 
@@ -176,6 +177,9 @@ input[type="text"] {
   -moz-border-radius: 0px 3px 3px 0px;
   -webkit-border-radius: 0px 3px 3px 0px;
   border-radius: 0px 3px 3px 0px;
+  -webkit-transition: background .3s ease-in-out;
+  -moz-transition: background .3s ease-in-out;
+  transition: background .3s ease-in-out;
 }
 
 input[type="text"]:hover,
@@ -191,8 +195,8 @@ input[type="text"]:focus {
   background: #488c1d;
   padding: 7px;
   display: inline-block;
-  font-size: 16px;
   margin: 25px 0 0 0;
+  font-size: 16px;
   -moz-border-radius: 3px 0px 0px 3px;
   -webkit-border-radius: 3px 0px 0px 3px;
   border-radius: 3px 0px 0px 3px;