Changing default mailing address and putting contact email in footer

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

diff --git a/swc.css b/swc.css
index 7aa17b16fd79c25d291ef00a91aa724161f4729d..207aea1601747491f808614b63679483920d1b99 100644 (file)
--- a/swc.css
+++ b/swc.css
@@ -1,16 +1,18 @@
+
 /* 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;
 }
 
 h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
     color: inherit;
-} 
+}
 
 /* Comments in code. */
 .comment {
@@ -138,7 +140,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. */
@@ -148,17 +152,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. */
@@ -183,8 +187,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. */
@@ -200,10 +204,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. */
@@ -259,11 +263,6 @@ table.outlined {
     border-collapse: collapse;
 }
 
-/* Container for content in the bootcamp index page */
-div.bootcamps {
-    text-align: center;
-}
-
 /* Link items (to bootcamp pages) in the bootcamps tables */
 table.bootcamps td.link {
     width: 50%;
@@ -284,14 +283,14 @@ table.bootcamps td.date {
 
 /* Badge modal dialog */
 #assertion-modal {
-    width:700px; 
+    width:700px;
     margin-left:-350px;
 }
 #assertion-modal iframe {
     background-color: transparent;
     border: 0px none transparent;
     padding: 0px;
-    width: 100%; 
+    width: 100%;
     height: 20em;
 }
 
@@ -304,7 +303,7 @@ table.bootcamps td.date {
 
 /* list with checkbox as bullet */
 ul.checklist {
-  list-style-image: url('/img/checkbox.png'); 
+  list-style-image: url('../img/checkbox.png');
 }
 
 /* FAQ */
@@ -312,3 +311,85 @@ dl.faq dt {
     font-style: italic;
     font-weight: bold;
 }
+
+section.content {
+    width:100%;
+    background: white;
+}
+
+.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;
+}
+
+.header {
+    background:#2b3990;
+}
+
+.header h1 {
+    line-height: 1.1;
+    margin: 60px 0px 80px;
+    font-size: 40pt;
+}
+
+#header-text {
+    font-size:20pt;
+    margin:0;
+}
+
+#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: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;
+}
+
+h5 a:link, h5 a:visited,
+h4 a:link, h4 a:visited,
+h3 a:link, h3 a:visited {
+    color:#2b3990;
+}
+
+a {
+    color:#3E51CF;
+}
+
+footer {
+    background:#2b3990;
+    padding:20px 0;
+    font-size: 10pt;
+}
+
+footer a, footer a:hover{
+    color:#FFF;
+    padding-left: 10px;
+}
+
+footer .container .links{
+    background:url('../img/software-carpentry-banner-white.png') no-repeat;
+    background-size: 200px;
+    background-position: 0;
+    height:40px;
+    padding:40px 0 0 200px;
+    text-align: right;
+}