Global form styles

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 {

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;

public_html/media/css/post-view.css

@@ -4,10 +4,6 @@
 	font-size: 90%;
 }
 
-.post-wrapper {
-	/*text-align: center;*/
-}
-
 img,
 embed {
 	max-width: 100%;

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;
 }

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>

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 ?>

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>