From: Abigail Cabunoc <abigail.cabunoc@oicr.on.ca>
Date: Thu, 5 Dec 2013 14:24:21 +0000 (-0500)
Subject: Add hammer, updates templates for new layout
X-Git-Url: https://git.arvados.org/rnaseq-cwl-training.git/commitdiff_plain/9a40f91d95fd8568f387abafc27d49731ebc7664

Add hammer, updates templates for new layout
* footer still needs work
* not sure if I got all the pages
---

diff --git a/swc-bootstrap.css b/swc-bootstrap.css
index 700ebb4..a2cc807 100644
--- a/swc-bootstrap.css
+++ b/swc-bootstrap.css
@@ -5,30 +5,22 @@
   color: rgb(0,0,0);
 }
 
-/* Container for page contents. */
-.container {
-    /*background-color: white;*/
-}
-
 .navbar .brand {
-  padding-top: 9px;  /* align the logo */
+  padding-top: 0px;  /* align the logo */
 }
 
 .navbar .container {
     background-color: inherit;
+    font-size:12pt;
+    padding:25px 10px 10px 10px;
+    background:url('../img/logo-banner-hammer.png') no-repeat;
+    background-size: 250px;
+    background-position: 0px 10px;
+    height:40px;
 }
 
 .navbar-inner {
   min-height: 40px;
-  padding-right: 20px;
-  padding-left: 20px;
-  padding:20px;
-  background-color: #F4F4F4;
-  background-image: none;
-  border: 1px solid #d4d4d4;
-  -webkit-border-radius: 0;
-     -moz-border-radius: 0;
-          border-radius: 0;
 }
 
 code {
@@ -49,8 +41,9 @@ code {
 .navbar-inverse .nav .active > a,
 .navbar-inverse .nav .active > a:hover,
 .navbar-inverse .nav .active > a:focus {
-  color: #2b3990;
-  background-color: #20267D;
+  /*color: #2b3990;*/
+  color:#fff;
+  /*background-color: #20267D;*/
 }
 
 .navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
@@ -75,6 +68,10 @@ code {
   color: #666666;
 }
 
+.navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a {
+  color: #fff;
+}
+
 .navbar.transparent.navbar-inverse .navbar-inner {
     border-width: 0px;
     -webkit-box-shadow: 0px 0px;
diff --git a/swc.css b/swc.css
index cbb2f5f..d312fbe 100644
--- a/swc.css
+++ b/swc.css
@@ -75,6 +75,7 @@ blockquote.testimonial cite {
 body {
     font-family: "Open Sans", Helvetica, Arial, sans-serif;
     color: rgb(03, 03, 03);
+    min-width: 350px;
 }
 
 /* Styling for editorial stylesheet */
@@ -319,11 +320,10 @@ dl.faq dt {
 section.content {
     width:100%;
     background: white;
-    /*padding-top:50px;*/
 }
 
-.header {
-    height:370px;
+.header.home {
+    min-height:430px;
     background: url(../img/header.png) no-repeat center center;
     background-attachment: fixed;
     -webkit-background-size: cover;
@@ -331,19 +331,31 @@ section.content {
     -o-background-size: cover;
     background-size: cover;
     text-align: center;
+    color:#FFF;
+    font-size:14pt;
+}
+
+.header {
+    background:#2b3990;
 }
 
 .header h1 {
     color:#FFF;
     line-height: 1.2;
-    /*font-weight:normal;*/
 }
 
 #logo {
     position: relative;
-    top: 20px;
+    top: 40px;
 }
 
+#nav-logo {
+    width:270px;
+    height:60px;
+    position:fixed;
+    top:0;
+    left:0;
+}
 #home-options {
     background:#F6F6F6;
     border-top:1px solid #DDDDDD;
@@ -356,10 +368,18 @@ section.content {
     color:#2b3990;
 }
 
+/*#nav-logo {
+    background:url('../img/logo-banner-hammer.png') no-repeat;
+    background-size: 250px;
+    width:250px;
+    height:50px;
+}
+*/
 h4 a:link, h4 a:visited, a {
        color:#2b3990; 
 }
-section.footer {
+
+footer {
     background:#2b3990;
     padding:20px 0;
 }