Style and layout changes

1 files changed, 25 insertions, 130 deletions

diff --git a/styles/style.css b/styles/style.css
index 0455b46..b2a56af 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -1,65 +1,17 @@
 body {
-	background-color: #222;
-	text-align: center;
-
 	font-family: sans-serif;
 	font-size: 10pt;
+	width: 960px;
+	margin: auto;
 }
 
-nav, section, table {
-	background-color: white;
-	border: 1px solid black;
-	text-align: left;
-	margin-top: 10px;
-	margin-bottom: 10px;
-}
-
-section {
-	padding: 15px;
-}
-
-footer {
-	font-size: 65%;
-	color: #999;
-	text-align: left;
-	display: inline-block;
-	width: 100%;
-}
-
-blockquote {
-	border-color: #b6dcd5;
-	background-color: rgba(199,229,223,.4);
-	margin: 18px 5px;
-    padding: 12px;
-    border: 1px solid #79a;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    border-radius: 5px;
-}
-
-table {
-	border-collapse: collapse;
-	width: 100%;
-	padding: 20px 30px;
-	text-align: left;
-}
-
-th {
-	background-color: #078;
-	color: white;
-	border: 1px solid black;
-	padding: 0.25em;
-	text-align: left;
-}
-
-form {
-	text-align: left;
-	padding: 5px 5px 5px 50px;
-	display: inline-block;
+a {
+	color: #2365B0;
 }
 
-a {
-	color: #000;
+small {
+	font-size: 8pt;
+	color: #333;
 }
 
 a:hover {
@@ -67,95 +19,38 @@ a:hover {
 	text-decoration: none;
 }
 
-th a {
-	color: white;
-	font-style: italic;
-}
-
-th a:hover {
-	color:#ddd;
-	text-decoration: none;
+table {
+	width: 100%;
 }
 
-#title {
+th, .header {
+	background-color: #469;
 	color: #eee;
-	margin: 20px;
-}
-
-#wrapper {
-	width: 900px;
-	margin: 0 auto;
+	padding: 2px;
 }
 
-#user {
-	float: right;
-	text-align: right;
-}
-
-.post td {
-	height: 200px;
-	min-height: 200px;
-	max-height: 600px;
-}
-
-.nav_button {
-	background-color: #00728B;
-	border: 1px solid black;
-	color: white;
-	padding: 3px;
-	text-decoration: none;
-}
-
-.nav_button:hover {
-	color: white;
-	background-color: #009FC1;
+th, .header a {
+	color: #eee;
+	font-weight: bold;
 }
 
-.left {
-	width: 70%;
+td {
+	background-color: #eee;
 }
 
-.right {
-	width: 30%;
+.info {
+	margin: 1px 1px 1px 6px;
+	color: #666;
 }
 
 .post-content {
-	width: 70%;
-	white-space: pre-line;
-	padding: 12px;
-}
-
-.youtube-embed {
-	width: 480px;
-	height: 270px;
-	border: none;
-}
-
-.image-embed {
-	width: 480px;
-}
-
-.greentext {
-	color: darkolivegreen;
-}
-
-h1, h4 {
-	margin-top: 2px;
-	margin-bottom: 10px;
-}
-
-td {
-	padding: 5px;
-	border: 1px solid black;
-}
-
-h3 {
-	margin: 0; 
-	padding: 0;
+	overflow: auto;
 }
 
 textarea {
-	width: 500px;
+	width: 100%;
 	height: 200px;
+	margin-right: 0px;
 	overflow: scroll;
-}
\ No newline at end of file
+	resize: none;
+}