summaryrefslogtreecommitdiff
path: root/html_template
diff options
context:
space:
mode:
authorssstvinc2 <sstvinc2@gmail.com>2017-02-19 23:22:00 -0500
committerssstvinc2 <sstvinc2@gmail.com>2017-02-19 23:22:00 -0500
commitecf7fdbbd56d6af3b78e346ce8263509c7f17212 (patch)
treeac6ba33232e9b16add9c2eece603eeb8361c2269 /html_template
parent2fd697d3082f71066a871a85bf7a017b1bf716f4 (diff)
fixed issue where links would also pop open a new instance of homepage
Diffstat (limited to 'html_template')
-rwxr-xr-xhtml_template/#unbiased.css#217
l---------html_template/.#unbiased.css1
-rwxr-xr-xhtml_template/template.html44
-rwxr-xr-xhtml_template/unbiased.css9
4 files changed, 248 insertions, 23 deletions
diff --git a/html_template/#unbiased.css# b/html_template/#unbiased.css#
new file mode 100755
index 0000000..302c451
--- /dev/null
+++ b/html_template/#unbiased.css#
@@ -0,0 +1,217 @@
+/*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;
+ }
+
+a:hover{
+ cursor:pointer;
+}
+
+#page-header{
+ width:100%;
+ text-align:center;
+ padding:.5em 0 1em;
+ margin-bottom:1em;
+ border-bottom:3px solid #BB133E;
+ background:#002147;
+}
+
+.title{
+ font-size:3em;
+}
+
+#title-1{
+ font-style:italic;
+ color:#fff;
+}
+
+#title-2{
+ color:#fff;
+}
+
+#subtitle{
+ font-size:1.25em;
+ color:#ccc;
+}
+
+#timestamp{
+ margin:.5em 0 0 0;
+ font-size:.8em;
+ color:#cc6;
+}
+
+#page-container{
+ width:900px;
+ margin-left:auto;
+ margin-right:auto;
+}
+
+@media only screen and (max-width:900px){
+ #page-container{
+ width:100%
+ }
+}
+
+#top-stories{
+ width:95%;
+ display:block;
+ overflow:auto;
+ padding:10px;
+ margin-left:auto;
+ margin-right:auto;
+ text-align:center;
+ border-bottom: 3px solid #BB133E;
+ margin-bottom: 10px;
+}
+
+.row{
+ display:flex;
+}
+
+.top-story{
+ display:inline-block;
+ vertical-align:top;
+ text-align:left;
+ width:360px;
+ height:auto;
+ overflow:hidden;
+ background:#fff;
+ margin:10px;
+ padding:10px;
+ border:2px solid #ccc;
+ flex:1;
+}
+
+@media only screen and (max-width:500px){
+ .top-story{
+ display:block;
+ width:auto;
+ height:auto;
+ }
+}
+
+.top-stories-img{
+ width:350px;
+ height:200px;
+ overflow:hidden;
+ background-size: cover;
+ background-position: center center;
+ margin:0 auto;
+}
+
+@media only screen and (max-width:500px){
+ .top-stories-img{
+ width:auto;
+ }
+}
+
+
+.top-stories-hed{
+ font-weight:bold;
+ font-size:1.35em;
+ margin:10px 10px 0;
+ color:#00f;
+}
+
+.top-stories-desc{
+ font-size:1em;
+ padding-top:.5em;
+ margin:0 .75em;
+}
+
+#middle-stories{
+ clear:both;
+ width:500px;
+ margin:0 auto;
+ padding:0;
+ display:block;
+ overflow:auto;
+ float:left;
+}
+
+@media only screen and (max-width:500px){
+ #middle-stories{
+ width:100%;
+ float:none;
+ }
+}
+
+.middle-story{
+ margin:5px 10px;
+ padding:10px;
+ background:#fff;
+ border:2px solid #ddd;
+ width:460px;
+ float:left;
+}
+
+@media only screen and (max-width:500px){
+ .middle-story{
+ width:auto;
+ }
+}
+
+.middle-stories-img{
+ width:150px;
+ height:100px;
+ overflow:hidden;
+ background-size: cover;
+ background-position: center center;
+ float:left;
+ max-width:35%;
+}
+
+.middle-stories-hed{
+ font-size:1.2em;
+ float:left;
+ width:300px;
+ margin-left:10px;
+ color:#00f;
+}
+
+@media only screen and (max-width:500px){
+ .middle-stories-hed{
+ max-width:60%;
+ }
+}
+
+#bottom-stories{
+ margin:0 10px;
+ padding:10px;
+ display:block;
+ overflow:auto;
+ float:left;
+ width:350px;
+ border:5px solid #ddd;
+}
+
+@media only screen and (max-width:900px){
+ #bottom-stories{
+ width:auto;
+ border-width:3px;
+ float:none;
+ }
+}
+
+.bottom-story{ color:#00f;
+
+ padding:15px 0;
+ color:#00f;
+}
+
+#sources{
+ clear:both;
+ padding-top:4em;
+ font-size:.8em;
+} \ No newline at end of file
diff --git a/html_template/.#unbiased.css b/html_template/.#unbiased.css
new file mode 120000
index 0000000..005e0e4
--- /dev/null
+++ b/html_template/.#unbiased.css
@@ -0,0 +1 @@
+sstvinc2@Buffalo.3153:1487562646 \ No newline at end of file
diff --git a/html_template/template.html b/html_template/template.html
index 41eb86e..fc17006 100755
--- a/html_template/template.html
+++ b/html_template/template.html
@@ -19,7 +19,7 @@
<div class="row">
<div class="top-story">
- <a target="_blank" href="" onclick="window.open('xxURL1-1xx', '_blank')">
+ <a target="_blank" onclick="window.open('xxURL1-1xx', '_blank')">
<div class="top-stories-img" style="background-image: url('xxImg1-1xx');" /></div>
<div class="top-stories-hed">xxTitle1-1xx</div>
</a>
@@ -27,7 +27,7 @@
</div>
<div class="top-story">
- <a target="_blank" href="" onclick="window.open('xxURL1-2xx', '_blank')">
+ <a target="_blank" onclick="window.open('xxURL1-2xx', '_blank')">
<div class="top-stories-img" style="background-image: url('xxImg1-2xx');" />
</div>
<div class="top-stories-hed">xxTitle1-2xx</div>
@@ -40,7 +40,7 @@
<div class="row">
<div class="top-story">
- <a target="_blank" href="" onclick="window.open('xxURL1-3xx', '_blank')">
+ <a target="_blank" onclick="window.open('xxURL1-3xx', '_blank')">
<div class="top-stories-img" style="background-image: url('xxImg1-3xx');" />
</div>
<div class="top-stories-hed">xxTitle1-3xx</div>
@@ -49,7 +49,7 @@
</div>
<div class="top-story">
- <a target="_blank" href="" onclick="window.open('xxURL1-4xx', '_blank')">
+ <a target="_blank" onclick="window.open('xxURL1-4xx', '_blank')">
<div class="top-stories-img" style="background-image: url('xxImg1-4xx');" />
</div>
<div class="top-stories-hed">xxTitle1-4xx</div>
@@ -63,7 +63,7 @@
<div id="middle-stories">
- <a target="_blank" href="" onclick="window.open('xxURL2-1xx', '_blank')">
+ <a target="_blank" onclick="window.open('xxURL2-1xx', '_blank')">
<div class="middle-story">
<div class="middle-stories-img" style="background-image: url('xxImg2-1xx');">
</div>
@@ -71,7 +71,7 @@
</div>
</a>
- <a target="_blank" href="" onclick="window.open('xxURL2-2xx', '_blank')">
+ <a target="_blank" onclick="window.open('xxURL2-2xx', '_blank')">
<div class="middle-story">
<div class="middle-stories-img" style="background-image: url('xxImg2-2xx');">
</div>
@@ -79,7 +79,7 @@
</div>
</a>
- <a target="_blank" href="" onclick="window.open('xxURL2-3xx', '_blank')">
+ <a target="_blank" onclick="window.open('xxURL2-3xx', '_blank')">
<div class="middle-story">
<div class="middle-stories-img" style="background-image: url('xxImg2-3xx');">
</div>
@@ -87,7 +87,7 @@
</div>
</a>
- <a target="_blank" href="" onclick="window.open('xxURL2-4xx', '_blank')">
+ <a target="_blank" onclick="window.open('xxURL2-4xx', '_blank')">
<div class="middle-story">
<div class="middle-stories-img" style="background-image: url('xxImg2-4xx');">
</div>
@@ -95,7 +95,7 @@
</div>
</a>
- <a target="_blank" href="" onclick="window.open('xxURL2-5xx', '_blank')">
+ <a target="_blank" onclick="window.open('xxURL2-5xx', '_blank')">
<div class="middle-story">
<div class="middle-stories-img" style="background-image: url('xxImg2-5xx');">
</div>
@@ -103,7 +103,7 @@
</div>
</a>
- <a target="_blank" href="" onclick="window.open('xxURL2-6xx', '_blank')">
+ <a target="_blank" onclick="window.open('xxURL2-6xx', '_blank')">
<div class="middle-story">
<div class="middle-stories-img" style="background-image: url('xxImg2-6xx');">
</div>
@@ -116,51 +116,51 @@
<div id="bottom-stories">
<div class="bottom-story">
- <a target="_blank" href="" onclick="window.open('xxURL3-1xx', '_blank')">xxTitle3-1xx</a>
+ <a target="_blank" onclick="window.open('xxURL3-1xx', '_blank')">xxTitle3-1xx</a>
</div>
<div class="bottom-story">
- <a target="_blank" href="" onclick="window.open('xxURL3-2xx', '_blank')">xxTitle3-2xx</a>
+ <a target="_blank" onclick="window.open('xxURL3-2xx', '_blank')">xxTitle3-2xx</a>
</div>
<div class="bottom-story">
- <a target="_blank" href="" onclick="window.open('xxURL3-3xx', '_blank')">xxTitle3-3xx</a>
+ <a target="_blank" onclick="window.open('xxURL3-3xx', '_blank')">xxTitle3-3xx</a>
</div>
<div class="bottom-story">
- <a target="_blank" href="" onclick="window.open('xxURL3-4xx', '_blank')">xxTitle3-4xx</a>
+ <a target="_blank" onclick="window.open('xxURL3-4xx', '_blank')">xxTitle3-4xx</a>
</div>
<div class="bottom-story">
- <a target="_blank" href="" onclick="window.open('xxURL3-5xx', '_blank')">xxTitle3-5xx</a>
+ <a target="_blank" onclick="window.open('xxURL3-5xx', '_blank')">xxTitle3-5xx</a>
</div>
<div class="bottom-story">
- <a target="_blank" href="" onclick="window.open('xxURL3-6xx', '_blank')">xxTitle3-6xx</a>
+ <a target="_blank" onclick="window.open('xxURL3-6xx', '_blank')">xxTitle3-6xx</a>
</div>
<div class="bottom-story">
- <a target="_blank" href="" onclick="window.open('xxURL3-7xx', '_blank')">xxTitle3-7xx</a>
+ <a target="_blank" onclick="window.open('xxURL3-7xx', '_blank')">xxTitle3-7xx</a>
</div>
<div class="bottom-story">
- <a target="_blank" href="" onclick="window.open('xxURL3-8xx', '_blank')">xxTitle3-8xx</a>
+ <a target="_blank" onclick="window.open('xxURL3-8xx', '_blank')">xxTitle3-8xx</a>
</div>
<div class="bottom-story">
- <a target="_blank" href="" onclick="window.open('xxURL3-9xx', '_blank')">xxTitle3-9xx</a>
+ <a target="_blank" onclick="window.open('xxURL3-9xx', '_blank')">xxTitle3-9xx</a>
</div>
<div class="bottom-story">
- <a target="_blank" href="" onclick="window.open('xxURL3-10xx', '_blank')">xxTitle3-10xx</a>
+ <a target="_blank" onclick="window.open('xxURL3-10xx', '_blank')">xxTitle3-10xx</a>
</div>
<div class="bottom-story">
- <a target="_blank" href="" onclick="window.open('xxURL3-11xx', '_blank')">xxTitle3-11xx</a>
+ <a target="_blank" onclick="window.open('xxURL3-11xx', '_blank')">xxTitle3-11xx</a>
</div>
<div class="bottom-story">
- <a target="_blank" href="" onclick="window.open('xxURL3-12xx', '_blank')">xxTitle3-12xx</a>
+ <a target="_blank" onclick="window.open('xxURL3-12xx', '_blank')">xxTitle3-12xx</a>
</div>
</div>
diff --git a/html_template/unbiased.css b/html_template/unbiased.css
index c0bb121..cc6ed45 100755
--- a/html_template/unbiased.css
+++ b/html_template/unbiased.css
@@ -12,7 +12,11 @@ body{
a:link, a:visited, a:hover, a:active {
color: #00f;
text-decoration:none;
- }
+ }
+
+a:hover{
+ cursor:pointer;
+}
#page-header{
width:100%;
@@ -117,6 +121,7 @@ a:link, a:visited, a:hover, a:active {
font-weight:bold;
font-size:1.35em;
margin:10px 10px 0;
+ color:#00f;
}
.top-stories-desc{
@@ -172,6 +177,7 @@ a:link, a:visited, a:hover, a:active {
float:left;
width:300px;
margin-left:10px;
+ color:#00f;
}
@media only screen and (max-width:500px){
@@ -200,6 +206,7 @@ a:link, a:visited, a:hover, a:active {
.bottom-story{
padding:15px 0;
+ color:#00f;
}
#sources{