X-Git-Url: https://git.arvados.org/rnaseq-cwl-training.git/blobdiff_plain/85b74e1269ee36fac1a981b2401bc0e571e392d7..c5db8d8211eee59cb5b0b56e08b599c440b2d874:/swc.css

diff --git a/swc.css b/swc.css
index cbb2f5f..493ef1b 100644
--- a/swc.css
+++ b/swc.css
@@ -1,10 +1,11 @@
+
 /* Headings */
-h1, h2, h3, h4, h5, h6  {
+h1, h2, h3, h4, h5, h6 {
     color: rgb(03,03,03);
     font-family: "Montserrat", "Helvetica", "Arial";
 }
 
-h1, h2 { 
+h1, h2 {
     margin-top: 40px;
     margin-bottom: 10px;
 }
@@ -75,6 +76,7 @@ blockquote.testimonial cite {
 body {
     font-family: "Open Sans", Helvetica, Arial, sans-serif;
     color: rgb(03, 03, 03);
+    min-width: 400px;
 }
 
 /* Styling for editorial stylesheet */
@@ -141,7 +143,7 @@ div.footer {
 .swc-blue-bg {
    /*background-color: #20267D;*/
    /* svg colour is slightly different? */
-   background: #2b3990;
+    background: #2b3990;
 }
 
 /* Main menu at the top of every page. */
@@ -151,17 +153,17 @@ div.mainmenu {
     margin: 0px;
     padding: 3px 0px 3px 25px;
     border-bottom: 1px solid #A6A6A6;
-    height:30px
+    height: 30px
 }
 
 #menubar {
-    float:left;
-    margin-top:4px;
+    float: left;
+    margin-top: 4px;
 }
 
 #searchbar {
-    float:right;
-    margin-right:20px;
+    float: right;
+    margin-right: 20px;
 }
 
 /* Narration for audio-only lectures. */
@@ -186,8 +188,8 @@ div.toc {
 
 /* Title styling */
 h1.title {
-    margin:40px 0px;
-    border-bottom:1px solid #515151;
+    margin: 40px 0px;
+    border-bottom: 1px solid #515151;
 }
 
 /* YouTube video embed. */
@@ -203,10 +205,10 @@ dl.gloss {
 
 /* Displaying YouTube videos. */
 iframe.youtube_player {
-    border      : 0;
-    text-align  : center;
-    width       : 640px;
-    height      : 500px;
+    border: 0;
+    text-align: center;
+    width: 640px;
+    height: 500px;
 }
 
 /* Sections in book chapters. */
@@ -319,39 +321,54 @@ dl.faq dt {
 section.content {
     width:100%;
     background: white;
-    /*padding-top:50px;*/
 }
 
-.header {
-    height:370px;
+.header.home {
     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 {
+    background:#2b3990;
 }
 
 .header h1 {
-    color:#FFF;
-    line-height: 1.2;
-    /*font-weight:normal;*/
+    line-height: 1.1;
+    margin: 60px 0px 80px;
+    font-size: 40pt;
 }
 
-#logo {
-    position: relative;
-    top: 20px;
+#header-text {
+    font-size:20pt;
+    white-space: nowrap;
+}
+
+#nav-logo {
+    width:270px;
+    height:40px;
+    top:0;
+    left:0;
 }
 
 #home-options {
     background:#F6F6F6;
     border-top:1px solid #DDDDDD;
     border-bottom:1px solid #DDDDDD;
-    padding:50px 0 50px 0;
+    padding:20px 0;
     margin-bottom:20px;
 }
 
+#title {
+    background:#F6F6F6;
+    border-top:1px solid #DDDDDD;
+    border-bottom:1px solid #DDDDDD;
+    padding:0 0 20px;
+    margin-bottom:20px;
+}
 #home-options h4{
     color:#2b3990;
 }
@@ -359,7 +376,20 @@ section.content {
 h4 a:link, h4 a:visited, a {
        color:#2b3990; 
 }
-section.footer {
+
+footer {
     background:#2b3990;
     padding:20px 0;
+    font-size: 10pt;
+}
+
+footer a, footer a:hover{
+    color:#FFF;
+}
+
+footer ul {
+    float:left;
+    list-style-type: none;
+    padding-right: 20px;
 }
+ 
\ No newline at end of file