From 72a9a32515c2a728e05e1a3c92c971b1d6c8fc76 Mon Sep 17 00:00:00 2001 From: Abigail Cabunoc Date: Sat, 18 Jan 2014 20:24:01 -0500 Subject: [PATCH] navbar & links * input from @r-gaia-cs * links on hover: darker & underline * move search bar to bottom on collapse --- swc-bootstrap.css | 12 ++++++++---- swc.css | 8 ++++++-- 2 files changed, 14 insertions(+), 6 deletions(-) diff --git a/swc-bootstrap.css b/swc-bootstrap.css index 78f1084..5423d5d 100644 --- 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 index 625a8e0..5d13503 100644 --- 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 {