Beginning redesign

* very much a work in progress
* experimenting with header/banner/home page

diff --git a/swc-bootstrap.css b/swc-bootstrap.css
index e8ffd6776d81d0b4df1c9b69841476e692322066..700ebb4325c2a89456a6cf767dafa5d3feb65cdc 100644 (file)
--- a/swc-bootstrap.css
+++ b/swc-bootstrap.css
@@ -7,7 +7,7 @@
 
 /* Container for page contents. */
 .container {
-    background-color: white;
+    /*background-color: white;*/
 }
 
 .navbar .brand {
@@ -22,6 +22,7 @@
   min-height: 40px;
   padding-right: 20px;
   padding-left: 20px;
+  padding:20px;
   background-color: #F4F4F4;
   background-image: none;
   border: 1px solid #d4d4d4;
@@ -36,6 +37,7 @@ code {
 
 .navbar-inverse .nav > li > a {
   color: #f0f0f0;
+  /*color: #2b3990;*/
 }
 
 .navbar-inverse .navbar-inner {
@@ -47,7 +49,7 @@ code {
 .navbar-inverse .nav .active > a,
 .navbar-inverse .nav .active > a:hover,
 .navbar-inverse .nav .active > a:focus {
-  color: #ffffff;
+  color: #2b3990;
   background-color: #20267D;
 }
 
@@ -72,3 +74,13 @@ code {
   background-color: #ffffff;
   color: #666666;
 }
+
+.navbar.transparent.navbar-inverse .navbar-inner {
+    border-width: 0px;
+    -webkit-box-shadow: 0px 0px;
+    box-shadow: 0px 0px;
+    background-color: rgba(0,0,0,0.0);
+    background-image: -webkit-gradient(linear, 50.00% 0.00%, 50.00% 100.00%, color-stop( 0% , rgba(0,0,0,0.00)),color-stop( 100% , rgba(0,0,0,0.00)));
+    background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.00) 100%);
+    background-image: linear-gradient(180deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.00) 100%);
+}
\ No newline at end of file

diff --git a/swc.css b/swc.css
index 7aa17b16fd79c25d291ef00a91aa724161f4729d..b2692dd443a2a2eee2c31b8a972a8ead8194da3f 100644 (file)
--- a/swc.css
+++ b/swc.css
@@ -1,6 +1,7 @@
 /* Headings */
 h1, h2, h3, h4, h5, h6  {
     color: rgb(03,03,03);
+    font-family: "Montserrat", "Helvetica", "Arial";
 }
 
 h1, h2 { 
@@ -74,6 +75,8 @@ blockquote.testimonial cite {
 body {
     font-family: "Open Sans", Helvetica, Arial, sans-serif;
     color: rgb(03, 03, 03);
+    /* TODO: fix this */
+    padding:0 !important;
 }
 
 /* Styling for editorial stylesheet */
@@ -138,7 +141,9 @@ div.footer {
 }
 
 .swc-blue-bg {
-   background-color: #20267D;
+   /*background-color: #20267D;*/
+   /* svg colour is slightly different? */
+   background: #2b3990;
 }
 
 /* Main menu at the top of every page. */
@@ -312,3 +317,44 @@ dl.faq dt {
     font-style: italic;
     font-weight: bold;
 }
+
+section.content {
+    width:100%;
+    background: white;
+    /*padding-top:50px;*/
+}
+
+.header {
+    height:370px;
+    background: url(/img/header.png) no-repeat center center;
+    background-attachment: fixed;
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    -o-background-size: cover;
+    background-size: cover;
+    text-align: center;
+}
+
+.header h1 {
+    color:#FFF;
+    line-height: 1.2;
+    /*font-weight:normal;*/
+}
+
+#logo {
+    position: relative;
+    top: 20px;
+}
+
+#home-options {
+    background:#F6F6F6;
+    border-top:1px solid #DDDDDD;
+    border-bottom:1px solid #DDDDDD;
+    padding:50px 0 50px 0;
+    margin-bottom:20px;
+}
+
+section.footer {
+    background:#2b3990;
+    padding:20px;
+}