From dc7dc6019b076583f1e815457b439f00200fb808 Mon Sep 17 00:00:00 2001 From: sstvinc2 Date: Mon, 13 Feb 2017 18:45:58 -0600 Subject: Draft of new page layout Saving this in case of need to rollback --- html_template/newtemplate.html | 150 +++++++++++++++++++++++++++++++++++++++++ html_template/testtemplate.css | 136 +++++++++++++++++++++++++++++++++++++ 2 files changed, 286 insertions(+) create mode 100644 html_template/newtemplate.html create mode 100644 html_template/testtemplate.css (limited to 'html_template') diff --git a/html_template/newtemplate.html b/html_template/newtemplate.html new file mode 100644 index 0000000..e9715fc --- /dev/null +++ b/html_template/newtemplate.html @@ -0,0 +1,150 @@ + + + + + + UnBiased + + + +
+ unbiased
+ a different way to read the news +

Last updated: xxTimexx

+
+ +
+
+ +
+ +
+
+
xxTitle1-1xx
+ +
xxDesc1-1xx
+
+ +
+ +
+
+
xxTitle1-2xx
+ +
xxDesc1-2xx
+
+ +
+ +
+
+
xxTitle1-3xx
+ +
xxDesc1-3xx
+
+ +
+ +
+
+
xxTitle1-4xx
+ +
xxDesc1-4xx
+
+ +
+ + + +
+
+ xxTitle3-1xx +
+ +
+ xxTitle3-2xx +
+ +
+ xxTitle3-3xx +
+ +
+ xxTitle3-4xx +
+ +
+ xxTitle3-5xx +
+ +
+ xxTitle3-6xx +
+ +
+ xxTitle3-7xx +
+ +
+ xxTitle3-8xx +
+
+ +
+ +
+ Sources: xxSourcesxx +
+ + 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 -- cgit v1.2.3