summaryrefslogtreecommitdiff
path: root/html_template/testtemplate.css
diff options
context:
space:
mode:
Diffstat (limited to 'html_template/testtemplate.css')
-rw-r--r--html_template/testtemplate.css136
1 files changed, 136 insertions, 0 deletions
diff --git a/html_template/testtemplate.css b/html_template/testtemplate.css
new file mode 100644
index 0000000..2cab020
--- /dev/null
+++ b/html_template/testtemplate.css
@@ -0,0 +1,136 @@
+/*body{
+ width:900px;
+ margin-left:auto;
+ margin-right:auto;
+}*/
+
+
+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;
+}
+
+.title{
+ font-size:3em;
+}
+
+#title-1{
+ font-style:italic;
+ color:#d00;
+}
+
+#title-2{
+ color:#00d;
+}
+
+#subtitle{
+ font-size:1.25em;
+}
+
+#timestamp{
+ margin:.5em 0 0 0;
+ font-size:.8em;
+}
+
+#page-container{
+ width:900px;
+ margin-left:auto;
+ margin-right:auto;
+}
+
+#top-stories{
+ width:95%;
+ display:block;
+ overflow:auto;
+ padding:10px;
+ margin-left:auto;
+ margin-right:auto;
+ font-size:1.25em;
+ text-align:center;
+}
+
+.top-story{
+ display:inline-block;
+ text-align:left;
+ width:360px;
+ 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-desc{
+ font-size:.8em;
+ padding-top:.5em;
+}
+
+#middle-stories{
+ clear:both;
+ width:500px;
+ margin:0 auto;
+ padding:0;
+ display:block;
+ overflow:auto;
+ float:left;
+}
+
+.middle-story{
+ margin:5px 10px;
+ padding:10px;
+ background:#fff;
+ border:2px solid #ddd;
+ width:460px;
+ float:left;
+}
+
+.middle-stories-img{
+ width:150px;
+ height:100px;
+ overflow:hidden;
+ background-size: cover;
+ background-position: center center;
+ float:left;
+}
+
+.middle-stories-hed{
+ font-size:1.1em;
+ float:left;
+ width:300px;
+}
+
+#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{
+ clear:both;
+ padding-top:4em;
+ font-size:.8em;
+} \ No newline at end of file