Clean up CSS

1 files changed, 37 insertions, 82 deletions

diff --git a/static/css/style.css b/static/css/style.css
index 1d2c5a7..ebd1602 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -101,12 +101,12 @@ body {
 	float: left;
 }
 
-.body-right-sidebar .main-content {
+.body-right-sidebar .main {
 	float: left;
 	margin-right: 2.5%;
 }
 
-.body-left-sidebar .main-content {
+.body-left-sidebar .main {
 	float: right;
 	margin-left: 2.5%;
 }
@@ -122,10 +122,10 @@ body {
 }
 
 /*** Animation ***/
-.menu__item, .tags__item, .widget__link--taglist, .btn {
-	-webkit-transition: 0.25s ease-out;
-	-moz-transition: 0.25s ease-out;
-	transition: 0.25s ease-out;
+.menu__item, .pagination__item, .tags__item, .btn {
+	-webkit-transition: background-color 0.25s ease-out;
+	-moz-transition: background-color 0.25s ease-out;
+	transition: background-color 0.25s ease-out;
 }
 
 /*** Button ***/
@@ -193,16 +193,12 @@ body {
 	width: 10.31%;
 }
 
-.clear {
-	clear: both;
-}
-
 .clearfix {
 	display: block;
 }
 
 .clearfix:after {
-	content: ".";
+	content: "";
 	display: block;
 	clear: both;
 	visibility: hidden;
@@ -244,7 +240,6 @@ h6 {
 }
 
 h1, h2, h3, h4, h5, h6 {
-	font-family: "Open Sans", Helvetica, Arial, sans-serif;
 	color: #000;
 	line-height: 1.3;
 	font-weight: 700;
@@ -255,12 +250,15 @@ small {
 	font-size: 0.75rem;
 }
 
-code {
+pre, code {
 	font-family: "Consolas", Courier New, Courier, monospace;
+	border: 1px solid #ebebeb;
+	background-color: #f5f5f5;
+}
+
+code {
 	padding: 0 5px;
 	color: #c33;
-	background-color: #f5f5f5;
-	border: 1px solid #ebebeb;
 	white-space: nowrap;
 	white-space: -o-nowrap;
 	white-space: -moz-nowrap;
@@ -269,13 +267,10 @@ code {
 
 pre {
 	display: block;
-	font-family: "Consolas", Courier New, Courier, monospace;
 	color: #000;
 	margin-bottom: 20px;
 	margin-bottom: 1.25rem;
-	background: #f5f5f5;
-	border: 1px solid #ebebeb;
-	padding: 20px;
+	padding: 0px;
 	padding: 1.25rem;
 	white-space: pre-wrap;
 	white-space: -o-pre-wrap;
@@ -297,9 +292,7 @@ kbd {
 	background: #f5f5f5;
 	border: 1px solid #aaa;
 	border-radius: 0.1875em;
-	-moz-border-radius: 0.1875em;
 	-moz-box-shadow: 0 0.0625em 0 rgba(0, 0, 0, 0.2), 0 0 0 0.125em white inset;
-	-webkit-border-radius: 0.1875em;
 	-webkit-box-shadow: 0 0.0625em 0 rgba(0, 0, 0, 0.2), 0 0 0 0.125em white inset;
 	box-shadow: 0 0.0625em 0 rgba(0, 0, 0, 0.2), 0 0 0 0.125em white inset;
 	text-shadow: 0 0.0625em 0 #fff;
@@ -333,16 +326,12 @@ abbr, acronym {
 	cursor: help;
 }
 
-cite {
-	color: #9a9b97;
-}
-
 q {
 	font-style: italic;
 }
 
 address {
-	font-family: "Courier new";
+	font-family: "Consolas", Courier New, Courier, monospace;
 	line-height: 1.5;
 	margin-bottom: 20px;
 	margin-bottom: 1.25rem;
@@ -413,7 +402,6 @@ select {
 
 .logo {
 	padding: 20px;
-	overflow: hidden;
 }
 
 .logo__link {
@@ -435,7 +423,7 @@ select {
 	color: #e64946;
 	padding-top: 10px;
 	margin-top: 10px;
-	border-top: 1px solid #e5e5e5;
+	border-top: 1px solid #ebebeb;
 }
 
 .divider {
@@ -458,7 +446,7 @@ select {
 	background: #2a2a2a;
 	text-transform: uppercase;
 	padding: 10px 15px;
-	color: #ffffff;
+	color: #fff;
 	text-align: right;
 	font-weight: 700;
 	display: block;
@@ -488,7 +476,7 @@ select {
 }
 
 .menu__link:hover {
-	color: #ffffff;
+	color: #fff;
 }
 
 .js .menu--collapse {
@@ -507,12 +495,6 @@ select {
 	border-top: 1px solid #e64946;
 }
 
-.menu__item {
-	-webkit-transition: 0.25s ease-out;
-	-moz-transition: 0.25s ease-out;
-	transition: 0.25s ease-out;
-}
-
 .menu__item:hover {
 	background: #e64946;
 }
@@ -572,7 +554,7 @@ select {
 }
 
 .meta, .meta a {
-	color: #979797;
+	color: #999;
 }
 
 .meta a:hover {
@@ -592,14 +574,14 @@ select {
 	margin-left: 15px;
 }
 
-.meta-categories__list, .post__meta-date, .list__meta-date,  .post__meta-lastmod, .list__meta-lastmod {
+.meta-categories__list, .post__meta-date, .list__meta-date, .post__meta-lastmod, .list__meta-lastmod {
 	vertical-align: middle;
 }
 
 .post__meta {
 	margin-top: 10px;
 	margin-top: 0.625rem;
-	padding: 5px 10px;
+	padding: 5px 0;
 	border-top: 1px dotted #ebebeb;
 	border-bottom: 1px dotted #ebebeb;
 }
@@ -790,7 +772,7 @@ select {
 }
 
 .footer__copyright a {
-	color: #ffffff;
+	color: #fff;
 }
 
 .footer__copyright a:hover {
@@ -858,7 +840,7 @@ th {
 input {
 	font-size: 12px;
 	padding: 5px;
-	border: 1px solid rgba(0, 0, 0, 0.1);
+	border: 1px solid #ebebeb;
 	vertical-align: middle;
 	background: #f5f5f5;
 	-webkit-transition: all 0.25s ease-in-out;
@@ -907,7 +889,6 @@ textarea {
 .widget-search__form input {
 	font-size: 11px;
 	line-height: 1;
-	color: #1f1e1e;
 }
 
 .widget-search__form .widget-search__submit {
@@ -926,7 +907,7 @@ textarea {
 	border-radius: 0;
 }
 
-.widget-search__form .widget-search__field:active, .widget-search__form .widget-search__field:focus {
+.widget-search__field:active, .widget-search__field:focus {
 	cursor: text;
 }
 
@@ -974,53 +955,31 @@ textarea {
 	margin: 0 5px 0 0;
 }
 
-/*** Default WordPress Widgets ***/
-.widget-categories li {
+/*** Widgets ***/
+.widget__item {
+	display: block;
+	padding: 5px 0;
 	border-bottom: 1px dotted #ebebeb;
 }
 
-.widget-categories li a {
-	display: block; padding: 5px 0;
-}
-
-.widget-categories li:first-child a {
+.widget__item:first-child {
 	padding-top: 0;
 }
 
-/*** Tag Cloud Widget ***/
-.widget__link--taglist {
+/*** Tags Widget ***/
+.widget-taglist__link {
 	display: inline-block;
 	font-size: 12px;
-	font-weight: 700;
-	color: #fff;
-	padding: 5px 10px;
 	margin: 0 4px 8px 0;
-	white-space: nowrap;
 	text-transform: uppercase;
-	background: #2a2a2a;
-}
-
-.widget__link--taglist:hover, .widget .widget__link--taglist:hover {
-	color: #fff;
-	background: #e64946;
 }
 
 /*** Recent Posts Widget ***/
-.widget-recent li {
-	display: block;
-	padding: 5px 0;
-	border-bottom: 1px dotted #e5e5e5;
-}
-
-.widget-recent li:first-child {
-	padding-top: 0;
-}
-
 .widget-recent .post-date {
 	display: block;
 	font-size: 11px;
 	font-size: 0.6875rem;
-	color: #979797;
+	color: #999;
 	margin-bottom: 5px;
 }
 
@@ -1048,22 +1007,18 @@ textarea {
 		padding: 20px;
 	}
 
-	.footer__copyright {
-		text-align: center;
-	}
-
 	.widget {
 		margin-bottom: 20px;
 	}
 
-	.meta-comments {
-		display: none;
+	.footer__copyright {
+		text-align: center;
 	}
 }
 
 @media screen and (max-width: 767px) {
-	.content, .sidebar, .body-right-sidebar .main-content,
-	.body-left-sidebar .main-content {
+	.content, .sidebar, .body-right-sidebar .main,
+	.body-left-sidebar .main {
 		float: none;
 		width: 100%;
 		margin: 0;
@@ -1098,7 +1053,7 @@ textarea {
 		margin: 0;
 	}
 
-	.post__meta-categories, .entry-meta-comments {
+	.post__meta-categories {
 		display: none;
 	}