From fcc64ac5b19e6a669744fb163230af743b9b3ddc Mon Sep 17 00:00:00 2001 From: Abigail Cabunoc Date: Sat, 18 Jan 2014 17:29:58 -0500 Subject: [PATCH] Navbar work * mostly the collapsed the bar, make less awkward * some link colour changes --- swc-bootstrap.css | 36 ++++++++++++++++++++++++++++++++++++ swc.css | 18 ++++++++++++++++-- 2 files changed, 52 insertions(+), 2 deletions(-) diff --git a/swc-bootstrap.css b/swc-bootstrap.css index e1268e2..78f1084 100644 --- 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 207aea1..625a8e0 100644 --- 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{ -- 2.30.2