From 028845d66a407f8af072c7b11be7be4bb4ae4602 Mon Sep 17 00:00:00 2001
From: sstvinc2 <sstvinc2@gmail.com>
Date: Mon, 13 Feb 2017 19:22:13 -0600
Subject: New layout implemented, plus a CBS fix

---
 html_template/unbiased.css | 89 +++++++++++++++++++++++++++++++++++-----------
 1 file changed, 68 insertions(+), 21 deletions(-)

(limited to 'html_template/unbiased.css')

diff --git a/html_template/unbiased.css b/html_template/unbiased.css
index ade390b..b632cdd 100644
--- a/html_template/unbiased.css
+++ b/html_template/unbiased.css
@@ -1,13 +1,26 @@
+/*body{
+    width:900px;
+    margin-left:auto;
+    margin-right:auto;
+}*/
+
+
+body{
+    margin:0;
+}
+
 a:link, a:visited, a:hover, a:active {
 			color: #00f;
 			text-decoration:none;
 		    }
 
 #page-header{
+    width:100%;
     text-align:center;
     padding:.5em 0 1em;
     margin-bottom:1em;
     border-bottom:1px solid #000;
+    background:#fdf;
 }
 
 .title{
@@ -33,68 +46,102 @@ a:link, a:visited, a:hover, a:active {
 }
 
 #page-container{
-    width:1150px;
-    padding:0 1em;
+    width:900px;
     margin-left:auto;
     margin-right:auto;
 }
 
 #top-stories{
-    width:1150px;
+    width:95%;
+    display:block;
+    overflow:auto;
+    padding:10px;
     margin-left:auto;
     margin-right:auto;
-    font-size:1.25em;
+    text-align:center;
 }
 
 .top-story{
-    width:350px;
-    float:left;
-    margin:0 .5em;
+    display:inline-block;
+    vertical-align:top;
+    text-align:left;
+    width:360px;
+    height:322px;
+    overflow:hidden;
+    background:#fff;
+    margin:10px;
+    padding:10px;
+    border:2px solid #ccc;
 }
 
 .top-stories-img{
     width:350px;
     height:200px;
     overflow:hidden;
+    background-size: cover;
+    background-position: center center;
+    margin:0 auto;
 }
 
-.top-stories-img img{
-    width:100%;
-    display:block;
-    vertical-align:text-bottom;
+.top-stories-hed{
+    font-weight:bold;
+    font-size:1.35em;
+    margin:10px 10px 0;
 }
 
 .top-stories-desc{
-    font-size:.8em;
+    font-size:1em;
     padding-top:.5em;
+    margin:0 .75em;
 }
 
 #middle-stories{
     clear:both;
-    width:1000px;
+    width:500px;
     margin:0 auto;
+    padding:0;
+    display:block;
+    overflow:auto;
+    float:left;
 }
 
 .middle-story{
-    margin:2em 5px;
-    width:45%;
+    margin:5px 10px;
+    padding:10px;
+    background:#fff;
+    border:2px solid #ddd;
+    width:460px;
     float:left;
-    height:100px;
 }
 
-.middle-story img{
-    vertical-align:middle;
+.middle-stories-img{
+    width:150px;
     height:100px;
+    overflow:hidden;
+    background-size: cover;
+    background-position: center center;
     float:left;
-    margin-right:1em;
 }
 
 .middle-stories-hed{
-    font-size:1.1em;
+    font-size:1.2em;
+    float:left;
+    width:300px;
+    margin-left:10px;
 }
 
-.middle-story p{
+#bottom-stories{
+    margin:0 10px;
+    padding:10px;
     display:block;
+    overflow:auto;
+    float:left;
+    width:350px;
+    border:5px solid #ddd;
+}
+
+.bottom-story{
+    padding:15px 0;
 }
 
 #sources{
-- 
cgit v1.2.3