Redesign work
authorAbigail Cabunoc <abigail.cabunoc@oicr.on.ca>
Tue, 10 Dec 2013 04:02:21 +0000 (23:02 -0500)
committerAbigail Cabunoc <abigail.cabunoc@oicr.on.ca>
Tue, 10 Dec 2013 04:02:21 +0000 (23:02 -0500)
* add hammer to header
* add twitter to home page
* adjust styles
* adjust branding on all pages

swc-bootstrap.css
swc.css

index a2cc8070f286e451045d9ab71a7595a3b4bb7dd8..2546bb19389263aab7fbde45878c8aaabdedab77 100644 (file)
@@ -80,4 +80,20 @@ code {
     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%);
+}
+
+@media (max-width: 767px) {
+    .container {
+      padding:0 20px;
+    }
+
+    body {
+      padding:0;
+    }
+
+    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
+      margin-left: 0;
+      margin-right: 0;
+      margin-bottom:0;
+    }
 }
\ No newline at end of file
diff --git a/swc.css b/swc.css
index d312fbe8962cf21fcb0ed5d6568725e6a482fa57..e270da8b42c44029d80ace8d4a0541ede2662e94 100644 (file)
--- a/swc.css
+++ b/swc.css
@@ -75,7 +75,7 @@ blockquote.testimonial cite {
 body {
     font-family: "Open Sans", Helvetica, Arial, sans-serif;
     color: rgb(03, 03, 03);
-    min-width: 350px;
+    min-width: 400px;
 }
 
 /* Styling for editorial stylesheet */
@@ -330,9 +330,8 @@ section.content {
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
-    text-align: center;
+    text-align: left;
     color:#FFF;
-    font-size:14pt;
 }
 
 .header {
@@ -341,12 +340,20 @@ section.content {
 
 .header h1 {
     color:#FFF;
-    line-height: 1.2;
+    line-height: 1.1;
+    margin: 0;
+    font-size: 45pt;
+}
+
+#header-text {
+    font-size:17pt;
+    white-space: nowrap;
 }
 
 #logo {
     position: relative;
     top: 40px;
+        text-align: center;
 }
 
 #nav-logo {
@@ -368,13 +375,6 @@ 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; 
 }