Navbar work

* mostly the collapsed the bar, make less awkward
* some link colour changes

diff --git a/swc-bootstrap.css b/swc-bootstrap.css
index e1268e23e95d3ea4a62f7a1653b627bc1cf50eea..78f108470f035ac08ab1e973d34c2c776b100677 100644 (file)
--- a/swc-bootstrap.css
+++ b/swc-bootstrap.css
@@ -72,8 +72,22 @@ code {
   border-color:#2b3990;
 }
 
+.navbar-inverse .navbar-search {
+  border: none;
+}
+
+.navbar-inverse .nav-collapse .nav > li > a:hover,
+.navbar-inverse .nav-collapse .dropdown-menu a:hover {
+  background-color: transparent;
+}
+
 .navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a {
   color: #2b3990;
+  text-align: center;
+}
+
+.navbar-inverse .nav-collapse .nav > li:hover > a {
+  color: #935212;
 }
 
 .navbar.transparent.navbar-inverse .navbar-inner {
@@ -95,6 +109,28 @@ blockquote p {
   font-size:14px;
 }
 
+@media (max-width: 979px){
+  .navbar-inverse .nav-collapse .nav > li > a {
+    text-transform: uppercase;
+    font-size: 12pt;
+  }
+
+  .navbar-inverse .nav-collapse .navbar-search {
+    text-align: center;
+    border-top:1px solid #AAA;
+  }
+
+  .navbar-inverse .nav-collapse .navbar-search .search-query {
+    margin:10px 0 0;
+  }
+
+  .navbar-inverse .nav-collapse .nav > li {
+    border-top:1px solid #AAA;
+    padding:10px 0;
+  }
+
+}
+
 @media (max-width: 767px) {
     .container {
       padding:0 40px;

diff --git a/swc.css b/swc.css
index 207aea1601747491f808614b63679483920d1b99..625a8e01ee2906ee14c3f1513d42ae0b4840bd7d 100644 (file)
--- a/swc.css
+++ b/swc.css
@@ -344,8 +344,10 @@ section.content {
 #nav-logo {
     width:270px;
     height:40px;
-    top:0;
-    left:0;
+    top:5;
+    left:10;
+    position:absolute;
+    z-index: 10;
 }
 
 #home-options {
@@ -370,14 +372,26 @@ h3 a:link, h3 a:visited {
     color:#2b3990;
 }
 
+h5 a:hover,
+h4 a:hover,
+h3 a:hover {
+    color:#C26D17;
+}
+
 a {
     color:#3E51CF;
 }
 
+a:hover {
+    color:#C26D17;
+    text-decoration: none;
+}
+
 footer {
     background:#2b3990;
     padding:20px 0;
     font-size: 10pt;
+    margin-top:10px;
 }
 
 footer a, footer a:hover{