diff options
| author | sstvinc2 <sstvinc2@gmail.com> | 2017-02-13 19:22:13 -0600 |
|---|---|---|
| committer | sstvinc2 <sstvinc2@gmail.com> | 2017-02-13 19:22:13 -0600 |
| commit | 028845d66a407f8af072c7b11be7be4bb4ae4602 (patch) | |
| tree | 1c194f55e6bcc4483f9082edee6126fc80a7696d /html_template/unbiased.css | |
| parent | dc7dc6019b076583f1e815457b439f00200fb808 (diff) | |
New layout implemented, plus a CBS fix
Diffstat (limited to 'html_template/unbiased.css')
| -rw-r--r-- | html_template/unbiased.css | 89 |
1 files changed, 68 insertions, 21 deletions
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{
|