redesign updates

* simplifying design
* use header more on each page

diff --git a/swc-bootstrap.css b/swc-bootstrap.css
index 2546bb19389263aab7fbde45878c8aaabdedab77..538ab220f493f857afbb81a3d64b7e0016c15bb4 100644 (file)
--- a/swc-bootstrap.css
+++ b/swc-bootstrap.css
@@ -9,11 +9,17 @@
   padding-top: 0px;  /* align the logo */
 }
 
+.navbar {
+  margin:0;
+  border-top:5px solid #2b3990;
+  border-bottom:1px solid #CCC;
+}
+
 .navbar .container {
     background-color: inherit;
-    font-size:12pt;
-    padding:25px 10px 10px 10px;
-    background:url('../img/logo-banner-hammer.png') no-repeat;
+    font-size:11pt;
+    padding:27px 10px 10px 10px;
+    background:url('../img/software-carpentry-banner.png') no-repeat;
     background-size: 250px;
     background-position: 0px 10px;
     height:40px;
@@ -29,28 +35,23 @@ code {
 
 .navbar-inverse .nav > li > a {
   color: #f0f0f0;
-  /*color: #2b3990;*/
 }
 
 .navbar-inverse .navbar-inner {
-  background-color: #20267D;
-  background-image: none;
-  border-color: #20267D;
+  background:#D6D6D6;
 }
 
 .navbar-inverse .nav .active > a,
 .navbar-inverse .nav .active > a:hover,
 .navbar-inverse .nav .active > a:focus {
-  /*color: #2b3990;*/
-  color:#fff;
-  /*background-color: #20267D;*/
+  color: #2b3990;
 }
 
 .navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
 .navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
 .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
   color: #ffffff;
-  background-color: #20267D;
+  background-color: #B9B9C4;
 }
 
 .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret {
@@ -69,14 +70,16 @@ code {
 }
 
 .navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a {
-  color: #fff;
+  color: #2b3990;
 }
 
 .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);
+    border-radius:0;
+    -webkit-border-radius:0;
+    /*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%);

diff --git a/swc.css b/swc.css
index 5ca86daac13e037340fabb3fce31419fbc9712e3..ac6e3a32a130f449352a780343fc02f3eaf0aada 100644 (file)
--- 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;
 }
@@ -142,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. */
@@ -152,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. */
@@ -187,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. */
@@ -204,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. */
@@ -323,14 +324,12 @@ section.content {
 }
 
 .header.home {
-    min-height:130px;
     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: left;
     color:#FFF;
 }
 
@@ -339,38 +338,39 @@ section.content {
 }
 
 .header h1 {
-    color:#FFF;
     line-height: 1.1;
-    margin: 0;
-    font-size: 45pt;
+    margin: 60px 0px 80px;
+    font-size: 40pt;
 }
 
 #header-text {
-    font-size:17pt;
+    font-size:20pt;
     white-space: nowrap;
 }
 
-#logo {
-    position: relative;
-    top: 40px;
-        text-align: center;
-}
-
 #nav-logo {
     width:270px;
     height:60px;
-    position:fixed;
+    position:absolute;
     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;
 }
@@ -383,3 +383,4 @@ footer {
     background:#2b3990;
     padding:20px 0;
 }
+ 
\ No newline at end of file