color: rgb(0,0,0);
}
-/* Container for page contents. */
-.container {
- background-color: white;
+.navbar .brand {
+ padding-top: 0px; /* align the logo */
}
-.navbar .brand {
- padding-top: 9px; /* 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 {
}
.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 {
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