From a45faf12cd2c1aac98a991567fd5d170cd203fbc Mon Sep 17 00:00:00 2001
From: Ove Klykken <ove@gaslightmedia.com>
Date: Mon, 5 May 2014 19:32:57 +0000
Subject: [PATCH] finished template afaik

---
 styles.css              | 73 ++++++++++++++++++++++++++++++++---------
 templates/template.html | 15 +++++----
 2 files changed, 66 insertions(+), 22 deletions(-)

diff --git a/styles.css b/styles.css
index 0b93273..7440ecd 100644
--- a/styles.css
+++ b/styles.css
@@ -48,10 +48,10 @@ body {
 	}
 .tel {
 	position: absolute;
-    font-size: 24px;
+   	font-size: 24px;
 	font-size: 2.4rem;
 	top: 10px;
-    right: 10px;
+   	right: 10px;
 	color: #7e92a6;
     }
 header {
@@ -79,32 +79,47 @@ nav {
     left: 170px;
     }
 nav a {
-	font-family: 'Rokkitt', serif;}
+	font-family: 'Rokkitt', serif;
+	}
 #rHome {
     background: #364759;
     padding-bottom: 19px;
     border-bottom: 3px solid black;
     }
-#homeLinks {
-    margin-left: 0;
+#hHlines {
     margin-top: 19px;
     }
-#homeLinks li {
+#hHlines ul,
+#hHlines li {
+    }
+#hHlines li {
     width: 251px;
     float: left;
     margin-right: 22px;
-    }
-#homeLinks li:nth-child(1) { background: url(assets/home1.jpg);}
-#homeLinks li:nth-child(2) { background: url(assets/home2.jpg);}
-#homeLinks li:nth-child(3) { background: url(assets/home3.jpg);}
-#homeLinks li:nth-child(4) { background: url(assets/home4.jpg);}
-#homeLinks li:last-child {
+	height: 90px;
+	background: url(assets/bgBlocks.png) no-repeat;
+	overflow: hidden;
+	font-family: 'Rokkitt', serif;
+	}
+#hHlines li:last-child {
     margin-right: 0;
     }
-#homeLinks a {
-    display: block;
-    height: 90px;
-    }
+#hHlines a {
+	color: #263c3c;
+	margin: 0 8px;
+	padding: 8px 0 4px 0;
+	display: block;
+	font-size: 20px;
+	font-size: 2.0rem;
+	text-decoration: none;
+	border-bottom: 1px solid rgba(0, 0, 0, .2);
+	}
+#hHlines p {
+	margin: 4px 8px;
+	font-size: 14px;
+	font-size: 1.4rem;
+	font-weight: bold;
+	}
 /* Main section home page */
 #hMain {
     padding-top: 37px;
@@ -149,6 +164,31 @@ nav a {
     width: 251px;
     height: 82px;
     }
+/* Toolbox */
+.imageright,
+.imageleft {
+	width: 300px;
+	}
+.imageright img,
+.imagelft img {
+	display: block;
+	}
+.imageright {
+	float: right;
+	}
+.imageleft {
+	float: left;
+	}
+.imagecaption {
+	background: rgba(0, 0, 0, .1);
+	padding: 8px;
+	}
+a {
+	color: rgba(0, 0, 0, .8);
+	}
+a:hover {
+	color: rgba(0, 0, 0, .9);
+	}
 /* footer */
 .row.rFooter {
 	background: #364759;
@@ -159,6 +199,7 @@ footer {
     height: 115px;
     color: #4c4c4b;
     padding-top: 20px ;
+	font-family: 'Rokkitt', serif;
     }
 footer p {
     margin: 0 auto;
diff --git a/templates/template.html b/templates/template.html
index afc856b..6802dfe 100644
--- a/templates/template.html
+++ b/templates/template.html
@@ -46,8 +46,7 @@
                 {rotatingImages:h}
             {end:}
             <section id="hHlines" flexy:if="hasHeadlines" class="opensearchserver.ignore">
-            <h2>Headlines</h2>
-                <ul>
+                <ul class="glmCL">
                     <li flexy:foreach="headlines,v" class="hHlinesItem">
                         {if:v[external]}
                         <a href="{v[href]:h}" class="hHlinesHeaderLink" target="_blank">
@@ -55,7 +54,7 @@
                         <a href="{v[href]:h}" class="hHlinesHeaderLink">
                         {end:}
                         {v[header]:h}</a>
-                        {if:v[img]}
+                      <!--  {if:v[img]}
                             {if:v[external]}
                             <a href="{v[href]:h}" class="hHlinesImageLink" target="_blank">
                             {else:}
@@ -63,8 +62,12 @@
                             {end:}
                             <img src="{v[img]:h}" alt="Home page headline image">
                         </a>
-                        {end:}
-                        <p>{v[descr]:h}<span class="hHlinesMore"> <a href="{v[href]:h}" class="hHlinesMoreLink">More ></a></span></p>
+                        {end:}-->
+                        <p>{v[descr]:h}
+			<!--	<span class="hHlinesMore">
+			<a href="{v[href]:h}" class="hHlinesMoreLink">More</a></span>
+			-->
+			</p>
                     </li><!-- /.hHlinesItem -->
                 </ul>
             </section><!-- /#hHlines -->
@@ -86,7 +89,7 @@
                     <span class="wTemp">{tempF}&deg;</span>
                     <span class="wCond">{weather}</span>
                 </div><!-- /#weather -->
-                <a href="#" id="cFace" class="glmTxtImg">Find us on Facebook</a>
+                <a href="https://www.facebook.com/cedarville.marine" id="cFace" class="glmTxtImg">Find us on Facebook</a>
             </div><!-- /#cSide -->
         </div><!-- /#cMain -->
     </div><!-- /#row -->
-- 
2.17.1