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   text-shadow:none;
  11 }
  12
  13 .navbar {
  14   margin:0;
  15   border-top:5px solid #2b3990;
  16   border-bottom:1px solid #CCC;
  17 }
  18
  19 .navbar .container {
  20     background-color: inherit;
  21     font-size:11pt;
  22     padding:27px 10px 10px 10px;
  23     background:url('../img/software-carpentry-banner.png') no-repeat;
  24     background-size: 250px;
  25     background-position: 10px 10px;
  26     height:40px;
  27 }
  28
  29 .navbar-inner {
  30   min-height: 40px;
  31 }
  32
  33 code {
  34   color: #333333;
  35 }
  36
  37 .navbar-inverse .nav > li > a {
  38   color: #f0f0f0;
  39   text-shadow:none;
  40 }
  41
  42 .navbar-inverse .navbar-inner {
  43   background:#D6D6D6;
  44 }
  45
  46 .navbar-inverse .nav .active > a,
  47 .navbar-inverse .nav .active > a:hover,
  48 .navbar-inverse .nav .active > a:focus {
  49   color: #2b3990;
  50 }
  51
  52 .navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
  53 .navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
  54 .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
  55   color: #ffffff;
  56   background-color: #B9B9C4;
  57 }
  58
  59 .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret {
  60   border-top-color: #999999;
  61   border-bottom-color: #999999;
  62 }
  63
  64 .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret {
  65   border-top-color: #ffffff;
  66   border-bottom-color: #ffffff;
  67 }
  68
  69 .navbar-inverse .navbar-search .search-query {
  70   background-color: #ffffff;
  71   color: #666666;
  72   border-color:#2b3990;
  73 }
  74
  75 .navbar-inverse .navbar-search {
  76   border: none;
  77 }
  78
  79 .navbar-inverse .nav-collapse .nav > li > a:hover,
  80 .navbar-inverse .nav-collapse .dropdown-menu a:hover {
  81   background-color: transparent;
  82 }
  83
  84 .navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a {
  85   color: #2b3990;
  86   text-align: center;
  87 }
  88
  89 .navbar-inverse .nav-collapse .nav > li:hover > a {
  90   color: #935212;
  91 }
  92
  93 .navbar.transparent.navbar-inverse .navbar-inner {
  94     border-width: 0px;
  95     -webkit-box-shadow: 0px 0px;
  96     box-shadow: 0px 0px;
  97     border-radius:0;
  98     -webkit-border-radius:0;
  99     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)));
 100     background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.00) 100%);
 101     background-image: linear-gradient(180deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.00) 100%);
 102 }
 103
 104 .container {
 105     max-width:920px;
 106 }
 107
 108 blockquote p {
 109   font-size:14px;
 110 }
 111
 112 @media (max-width: 979px){
 113   .navbar-inverse .nav-collapse .nav > li > a {
 114     text-transform: uppercase;
 115     font-size: 12pt;
 116   }
 117
 118   .navbar-inverse .nav-collapse .navbar-search {
 119     text-align: center;
 120     border-top:1px solid #AAA;
 121   }
 122
 123   .navbar-inverse .nav-collapse .navbar-search .search-query {
 124     margin:10px 0 0;
 125   }
 126
 127   .navbar-inverse .nav-collapse .nav > li {
 128     border-top:1px solid #AAA;
 129     padding:10px 0;
 130   }
 131
 132 }
 133
 134 @media (max-width: 767px) {
 135     .container {
 136       padding:0 40px;
 137     }
 138
 139     body {
 140       padding:0;
 141     }
 142
 143     .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
 144       margin-left: 0;
 145       margin-right: 0;
 146       margin-bottom:0;
 147     }
 148 }
 149
 150 @media (max-width: 979px) and (min-width: 768px) {
 151   .container {
 152     max-width: 700px;
 153   }
 154
 155 }
 156
 157 @media (max-width: 400px) {
 158   .header h1 {
 159       font-size: 24pt;
 160   }
 161
 162   #header-text {
 163       font-size:16pt;
 164   }
 165
 166   .navbar .container {
 167     background-size: 200px;
 168     background-position: 10px 20px;
 169     height:40px;
 170   }
 171
 172   #nav-logo {
 173     width:190px;
 174     height:40px;
 175   }
 176 }
 177
 178 @media (max-width: 319px) {
 179   .header h1 {
 180       font-size: 20pt;
 181   }
 182
 183   #header-text {
 184       font-size:16pt;
 185   }
 186 }