Beginning redesign

[rnaseq-cwl-training.git] / swc.css

diff --git a/swc.css b/swc.css
index fc9866e9b4d995c03f7b1c6b3652ab149436adfc..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 { 
@@ -72,10 +73,10 @@ blockquote.testimonial cite {
 
 /* Main body of pages. */
 body {
-    background: #BEC3C6;
-    margin: 20px 0;
     font-family: "Open Sans", Helvetica, Arial, sans-serif;
     color: rgb(03, 03, 03);
+    /* TODO: fix this */
+    padding:0 !important;
 }
 
 /* Styling for editorial stylesheet */
@@ -140,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. */
@@ -200,7 +203,7 @@ dl.gloss {
     /* Empty for now. */
 }
 
-/* FIXME: shouldn't be using iframe's directly (EventBrite and YouTube should be via macro expansion). */
+/* Displaying YouTube videos. */
 iframe.youtube_player {
     border      : 0;
     text-align  : center;
@@ -208,11 +211,6 @@ iframe.youtube_player {
     height      : 500px;
 }
 
-/* Amy Brown's logo in book/stylesheet.html. */
-img.logoARB {
-    float: right;
-}
-
 /* Sections in book chapters. */
 section {
     clear: both;
@@ -313,3 +311,50 @@ table.bootcamps td.date {
 ul.checklist {
   list-style-image: url('/img/checkbox.png'); 
 }
+
+/* FAQ */
+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;
+}