swc-bootstrap.css

   1 /* Customizations to Bootstrap's default styles */
   2
   3 /* readability: darken the alert colour for contrast with background */
   4 .alert {
   5   color: rgb(0,0,0);
   6 }
   7
   8 .navbar .brand {
   9   padding-top: 0px;  /* align the logo */
  10 }
  11
  12 .navbar {
  13   margin:0;
  14   border-top:5px solid #2b3990;
  15   border-bottom:1px solid #CCC;
  16 }
  17
  18 .navbar .container {
  19     background-color: inherit;
  20     font-size:11pt;
  21     padding:27px 10px 10px 10px;
  22     background:url('../img/software-carpentry-banner.png') no-repeat;
  23     background-size: 250px;
  24     background-position: 10px 10px;
  25     height:40px;
  26 }
  27
  28 .navbar-inner {
  29   min-height: 40px;
  30 }
  31
  32 code {
  33   color: #333333;
  34 }
  35
  36 .navbar-inverse .nav > li > a {
  37   color: #f0f0f0;
  38   text-shadow:none;
  39 }
  40
  41 .navbar-inverse .navbar-inner {
  42   background:#D6D6D6;
  43 }
  44
  45 .navbar-inverse .nav .active > a,
  46 .navbar-inverse .nav .active > a:hover,
  47 .navbar-inverse .nav .active > a:focus {
  48   color: #2b3990;
  49 }
  50
  51 .navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
  52 .navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
  53 .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
  54   color: #ffffff;
  55   background-color: #B9B9C4;
  56 }
  57
  58 .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret {
  59   border-top-color: #999999;
  60   border-bottom-color: #999999;
  61 }
  62
  63 .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret {
  64   border-top-color: #ffffff;
  65   border-bottom-color: #ffffff;
  66 }
  67
  68 .navbar-inverse .navbar-search .search-query {
  69   background-color: #ffffff;
  70   color: #666666;
  71   border-color:#2b3990;
  72 }
  73
  74 .navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a {
  75   color: #2b3990;
  76 }
  77
  78 .navbar.transparent.navbar-inverse .navbar-inner {
  79     border-width: 0px;
  80     -webkit-box-shadow: 0px 0px;
  81     box-shadow: 0px 0px;
  82     border-radius:0;
  83     -webkit-border-radius:0;
  84     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)));
  85     background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.00) 100%);
  86     background-image: linear-gradient(180deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.00) 100%);
  87 }
  88
  89 .container {
  90     max-width:920px;
  91 }
  92
  93 @media (max-width: 767px) {
  94     .container {
  95       padding:0 40px;
  96     }
  97
  98     body {
  99       padding:0;
 100     }
 101
 102     .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
 103       margin-left: 0;
 104       margin-right: 0;
 105       margin-bottom:0;
 106     }
 107 }
 108
 109 @media (max-width: 979px) and (min-width: 768px) {
 110   .container {
 111     max-width: 700px;
 112   }
 113
 114 }
 115
 116 @media (max-width: 400px) {
 117   .header h1 {
 118       font-size: 24pt;
 119   }
 120
 121   #header-text {
 122       font-size:16pt;
 123   }
 124
 125   .navbar .container {
 126     background-size: 200px;
 127     background-position: 10px 20px;
 128     height:40px;
 129   }
 130
 131   #nav-logo {
 132     width:190px;
 133     height:40px;
 134   }
 135 }
 136
 137 @media (max-width: 319px) {
 138   .header h1 {
 139       font-size: 20pt;
 140   }
 141
 142   #header-text {
 143       font-size:16pt;
 144   }
 145 }