From 235728bcb6a8fbddd404375ff031ffbf62a7e291 Mon Sep 17 00:00:00 2001
From: gkchic <gkchic@outlook.com>
Date: Mon, 29 Dec 2014 19:10:46 +0100
Subject: [PATCH] Ink template

Style changes for the index template
---
 tpl/ink.html | 49 ++++++++++++++++++++++++++++++++-----------------
 1 file changed, 32 insertions(+), 17 deletions(-)

diff --git a/tpl/ink.html b/tpl/ink.html
index 43a5e10529..02319f966b 100644
--- a/tpl/ink.html
+++ b/tpl/ink.html
@@ -12,7 +12,8 @@
   <meta name="mobile-web-app-capable" content="yes">
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
 
-  <!-- Place favicon.ico and apple-touch-icon(s) here  -->
+    
+<link rel="icon" type="image/x-icon" href="https://assets-cdn.github.com/favicon.ico">
 
   <link rel="shortcut icon" href="http://cdn.ink.sapo.pt/3.1.1/img/favicon.ico">
   <link rel="apple-touch-icon" href="http://cdn.ink.sapo.pt/3.1.1/img/touch-icon-iphone.png">
@@ -51,15 +52,21 @@
   <style type="text/css">
 
     body {
-      background: #ededed;
+      background: #ffffff;
+      font-family: sans-serif;
+      font-size: 90%;
     }
 
     header h1 small:before  {
       content: "|";
       margin: 0 0.5em;
-      font-size: 1.6em;
+      font-size: 1.5em;
     }
-
+      
+    h1 {
+    color: #104e8b
+        }        
+      
     article header{
       padding: 0;
       overflow: hidden;
@@ -73,7 +80,11 @@
       padding-bottom: 2em;
       border-bottom: 1px solid #ccc;
     }
-
+    
+    table, th, td {
+    border: 1px solid #8b8989;
+    } 
+      
     .date {
       float: right;
     }
@@ -82,9 +93,13 @@
       font-weight: 700;
       line-height: 1.5;
     }
-
+    .push, footer {
+        height: 120px;
+        margin-top: 0;
+        margin-bottom: 10;
+      } 
     footer {
-      background: #ccc;
+      background: #cdc5bf;
     }
   </style>
   <script>
@@ -164,29 +179,29 @@ <h1 class="logo xlarge-push-left large-push-left">
 
   <section class="column-group gutters">
     <div class="all-20 small-100 tiny-100">
-      <h3>heading</h3>
+      <h4>heading</h4>
       <img class="half-bottom-space" src="holder.js/1200x600/auto/ink" alt="">
-      <p>"Red is not the right word," was the reply. "The plague was scarlet.  The whole face and body turned scarlet in an hour's time. Don't I  know? Didn't I see enough of it? And I am telling you it was scarlet  because&mdash;well, because it was scarlet. There is no other word for it."</p>
+      <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vel tortor vel nisl vestibulum congue vel vel lectus. Cras vehicula metus nec nibh ornare, in ullamcorper ipsum sodales. Duis luctus tempus augue, sed facilisis sem semper non. Pellentesque elementum auctor lectus, a fringilla quam."</p>
     </div>
     <div class="all-20 small-100 tiny-100">
-      <h3>heading</h3>
+      <h4>heading</h4>
       <img class="half-bottom-space" src="holder.js/1200x600/auto/ink" alt="">
-      <p>"Red is not the right word," was the reply. "The plague was scarlet.  The whole face and body turned scarlet in an hour's time. Don't I  know? Didn't I see enough of it? And I am telling you it was scarlet  because&mdash;well, because it was scarlet. There is no other word for it."</p>
+      <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vel tortor vel nisl vestibulum congue vel vel lectus. Cras vehicula metus nec nibh ornare, in ullamcorper ipsum sodales. Duis luctus tempus augue, sed facilisis sem semper non. Pellentesque elementum auctor lectus, a fringilla quam."</p>
     </div>
     <div class="all-20 small-100 tiny-100">
-      <h3>heading</h3>
+      <h4>heading</h4>
       <img class="half-bottom-space" src="holder.js/1200x600/auto/ink" alt="">
-      <p>"Red is not the right word," was the reply. "The plague was scarlet.  The whole face and body turned scarlet in an hour's time. Don't I  know? Didn't I see enough of it? And I am telling you it was scarlet  because&mdash;well, because it was scarlet. There is no other word for it."</p>
+      <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vel tortor vel nisl vestibulum congue vel vel lectus. Cras vehicula metus nec nibh ornare, in ullamcorper ipsum sodales. Duis luctus tempus augue, sed facilisis sem semper non. Pellentesque elementum auctor lectus, a fringilla quam."</p>
     </div>
     <div class="all-20 small-100 tiny-100">
-      <h3>heading</h3>
+      <h4>heading</h4>
       <img class="half-bottom-space" src="holder.js/1200x600/auto/ink" alt="">
-      <p>"Red is not the right word," was the reply. "The plague was scarlet.  The whole face and body turned scarlet in an hour's time. Don't I  know? Didn't I see enough of it? And I am telling you it was scarlet  because&mdash;well, because it was scarlet. There is no other word for it."</p>
+      <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vel tortor vel nisl vestibulum congue vel vel lectus. Cras vehicula metus nec nibh ornare, in ullamcorper ipsum sodales. Duis luctus tempus augue, sed facilisis sem semper non. Pellentesque elementum auctor lectus, a fringilla quam."</p>
     </div>
     <div class="all-20 small-100 tiny-100">
-      <h3>heading</h3>
+      <h4>heading</h4>
       <img class="half-bottom-space" src="holder.js/1200x600/auto/ink" alt="">
-      <p>"Red is not the right word," was the reply. "The plague was scarlet.  The whole face and body turned scarlet in an hour's time. Don't I  know? Didn't I see enough of it? And I am telling you it was scarlet  because&mdash;well, because it was scarlet. There is no other word for it."</p>
+      <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vel tortor vel nisl vestibulum congue vel vel lectus. Cras vehicula metus nec nibh ornare, in ullamcorper ipsum sodales. Duis luctus tempus augue, sed facilisis sem semper non. Pellentesque elementum auctor lectus, a fringilla quam."</p>
     </div>
   </section>
 </div>