X-Git-Url: https://git.arvados.org/rnaseq-cwl-training.git/blobdiff_plain/91446676f8d1011d17a47308feddaf5bbd75b694..7a626fd4ac96a3f8f3fdced47bc00cb113cf6af2:/swc-bootstrap.css diff --git a/swc-bootstrap.css b/swc-bootstrap.css index 6df6d15..538ab22 100644 --- a/swc-bootstrap.css +++ b/swc-bootstrap.css @@ -5,49 +5,53 @@ color: rgb(0,0,0); } -/* Container for page contents. */ -.container { - background-color: white; +.navbar .brand { + 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:11pt; + padding:27px 10px 10px 10px; + background:url('../img/software-carpentry-banner.png') no-repeat; + background-size: 250px; + background-position: 0px 10px; + height:40px; } .navbar-inner { min-height: 40px; - padding-right: 20px; - padding-left: 20px; - background-color: #F4F4F4; - background-image: none; - border: 1px solid #d4d4d4; - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; } code { color: #333333; } +.navbar-inverse .nav > li > a { + color: #f0f0f0; +} + .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: #ffffff; - 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 { @@ -59,3 +63,40 @@ code { border-top-color: #ffffff; border-bottom-color: #ffffff; } + +.navbar-inverse .navbar-search .search-query { + background-color: #ffffff; + color: #666666; +} + +.navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a { + color: #2b3990; +} + +.navbar.transparent.navbar-inverse .navbar-inner { + border-width: 0px; + -webkit-box-shadow: 0px 0px; + box-shadow: 0px 0px; + 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%); +} + +@media (max-width: 767px) { + .container { + padding:0 20px; + } + + body { + padding:0; + } + + .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top { + margin-left: 0; + margin-right: 0; + margin-bottom:0; + } +} \ No newline at end of file