From be4a2615dd17beaed9b73baa34abc426ca401d0c Mon Sep 17 00:00:00 2001
From: Marcin Kurczewski <mkurczew@gmail.com>
Date: Sun, 13 Oct 2013 00:36:10 +0200
Subject: [PATCH] Global form styles

---
 public_html/media/css/auth.css      | 18 +++---------------
 public_html/media/css/core.css      | 21 +++++++++++++++++++++
 public_html/media/css/post-view.css |  4 ----
 public_html/media/css/upload.css    |  7 +------
 src/Views/auth-login.phtml          |  2 +-
 src/Views/auth-register.phtml       |  2 +-
 src/Views/post-upload.phtml         |  2 +-
 7 files changed, 28 insertions(+), 28 deletions(-)

diff --git a/public_html/media/css/auth.css b/public_html/media/css/auth.css
index d0916ac0..d8bb2c49 100644
--- a/public_html/media/css/auth.css
+++ b/public_html/media/css/auth.css
@@ -18,30 +18,18 @@ form.auth label {
 }
 
 form.auth input {
-	display: table-cell;
-	font-family: inherit;
 	display: block;
 }
 
-form.auth input:not([type="submit"]) {
+form.auth input {
 	width: 156px;
 	padding: 5px;
-	border-width: 2px;
 	margin: 0;
 }
 
-form.auth input[type="submit"] {
+form.auth button {
+	display: block;
 	margin: 0 auto;
-	background-color: #77f;
-	border: 0;
-	color: white;
-	font-weight: bold;
-	font-size: 1em;
-	padding: 8px 16px;
-}
-
-form.auth input[type="submit"]:hover {
-	background-color: #55f;
 }
 
 form.auth p {
diff --git a/public_html/media/css/core.css b/public_html/media/css/core.css
index f2a16a92..2a975143 100644
--- a/public_html/media/css/core.css
+++ b/public_html/media/css/core.css
@@ -131,6 +131,27 @@ a:hover i[class*='icon-'] {
 	background-color: red;
 }
 
+input,
+button {
+	font-family: inherit;
+}
+
+input:not([type=radio]):not([type=checkbox]) {
+	border: 1px solid #ccc;
+}
+button {
+	font-size: 115%;
+	padding: 0.2em 0.7em;
+	color: white;
+	background: cornflowerblue;
+	border: 0;
+}
+button:hover {
+	background-color: royalblue;
+	cursor: pointer;
+}
+
+
 .alert {
 	text-align: center;
 	padding: 10px;
diff --git a/public_html/media/css/post-view.css b/public_html/media/css/post-view.css
index 01087b7a..dc074ca6 100644
--- a/public_html/media/css/post-view.css
+++ b/public_html/media/css/post-view.css
@@ -4,10 +4,6 @@
 	font-size: 90%;
 }
 
-.post-wrapper {
-	/*text-align: center;*/
-}
-
 img,
 embed {
 	max-width: 100%;
diff --git a/public_html/media/css/upload.css b/public_html/media/css/upload.css
index b1dc1c2c..6a2af1d8 100644
--- a/public_html/media/css/upload.css
+++ b/public_html/media/css/upload.css
@@ -108,11 +108,6 @@ ul.tagit {
 .submit-wrapper {
 	text-align: center;
 }
-input.submit {
+#theSubmit {
 	margin: 0 auto;
-	font-size: 115%;
-	padding: 0.2em 0.7em;
-	color: white;
-	background: cornflowerblue;
-	border: 0;
 }
diff --git a/src/Views/auth-login.phtml b/src/Views/auth-login.phtml
index 3727e2c7..85838c9a 100644
--- a/src/Views/auth-login.phtml
+++ b/src/Views/auth-login.phtml
@@ -19,6 +19,6 @@
 	<?php endif ?>
 
 	<div>
-		<input type="submit" value="Log in"/>
+		<button type="submit">Log in</button>
 	</div>
 </form>
diff --git a/src/Views/auth-register.phtml b/src/Views/auth-register.phtml
index 871ed23b..bc6889d1 100644
--- a/src/Views/auth-register.phtml
+++ b/src/Views/auth-register.phtml
@@ -43,7 +43,7 @@
 		<?php endif ?>
 
 		<div>
-			<input type="submit" value="Register">
+			<button type="submit">Register</button>
 		</div>
 	</form>
 <?php endif ?>
diff --git a/src/Views/post-upload.phtml b/src/Views/post-upload.phtml
index 1e0b5804..e3a0b7fb 100644
--- a/src/Views/post-upload.phtml
+++ b/src/Views/post-upload.phtml
@@ -30,7 +30,7 @@
 			</div>
 
 			<div class="submit-wrapper">
-				<input id="the-submit" type="submit" value="Submit" class="submit btn"/>
+				<button id="the-submit" type="submit">Submit</button>
 			</div>
 		</div>