navbar & links

* input from @r-gaia-cs * links on hover: darker & underline * move search bar to bottom on collapse
HPC-workshops · Jan 19, 2014 · 72a9a32 · 72a9a32
1 parent fcc64ac
commit 72a9a32
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 6 deletions.
diff --git a/swc-bootstrap.css b/swc-bootstrap.css
@@ -19,11 +19,11 @@
 .navbar .container {
     background-color: inherit;
     font-size:11pt;
-    padding:27px 10px 10px 10px;
+    padding:27px 10px 0px 10px;
     background:url('../img/software-carpentry-banner.png') no-repeat;
     background-size: 250px;
     background-position: 10px 10px;
-    height:40px;
+    height:50px;
 }
 
 .navbar-inner {
@@ -110,6 +110,10 @@ blockquote p {
 }
 
 @media (max-width: 979px){
+  .navbar-inverse .nav-collapse ul{
+    margin:20px 0 0;
+  }
+
   .navbar-inverse .nav-collapse .nav > li > a {
     text-transform: uppercase;
     font-size: 12pt;
@@ -118,10 +122,11 @@ blockquote p {
   .navbar-inverse .nav-collapse .navbar-search {
     text-align: center;
     border-top:1px solid #AAA;
+    margin:0;
   }
 
   .navbar-inverse .nav-collapse .navbar-search .search-query {
-    margin:10px 0 0;
+    margin:10px 0;
   }
 
   .navbar-inverse .nav-collapse .nav > li {
@@ -166,7 +171,6 @@ blockquote p {
   .navbar .container {
     background-size: 200px;
     background-position: 10px 20px;
-    height:40px;
   }
 
   #nav-logo {

diff --git a/swc.css b/swc.css
@@ -376,15 +376,19 @@ h5 a:hover,
 h4 a:hover,
 h3 a:hover {
     color:#C26D17;
+    text-decoration: none;
 }
 
 a {
     color:#3E51CF;
+    -webkit-transition: all 0.2s ease;
+    -moz-transition: all 0.2s ease;
+    -o-transition: all 0.2s ease;
+    transition: all 0.2s ease;
 }
 
 a:hover {
-    color:#C26D17;
-    text-decoration: none;
+    color:#965412;
 }
 
 footer {