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 .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a {
  76   color: #2b3990;
  77 }
  78
  79 .navbar.transparent.navbar-inverse .navbar-inner {
  80     border-width: 0px;
  81     -webkit-box-shadow: 0px 0px;
  82     box-shadow: 0px 0px;
  83     border-radius:0;
  84     -webkit-border-radius:0;
  85     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)));
  86     background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.00) 100%);
  87     background-image: linear-gradient(180deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.00) 100%);
  88 }
  89
  90 .container {
  91     max-width:920px;
  92 }
  93
  94 blockquote p {
  95   font-size:14px;
  96 }
  97
  98 @media (max-width: 767px) {
  99     .container {
 100       padding:0 40px;
 101     }
 102
 103     body {
 104       padding:0;
 105     }
 106
 107     .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
 108       margin-left: 0;
 109       margin-right: 0;
 110       margin-bottom:0;
 111     }
 112 }
 113
 114 @media (max-width: 979px) and (min-width: 768px) {
 115   .container {
 116     max-width: 700px;
 117   }
 118
 119 }
 120
 121 @media (max-width: 400px) {
 122   .header h1 {
 123       font-size: 24pt;
 124   }
 125
 126   #header-text {
 127       font-size:16pt;
 128   }
 129
 130   .navbar .container {
 131     background-size: 200px;
 132     background-position: 10px 20px;
 133     height:40px;
 134   }
 135
 136   #nav-logo {
 137     width:190px;
 138     height:40px;
 139   }
 140 }
 141
 142 @media (max-width: 319px) {
 143   .header h1 {
 144       font-size: 20pt;
 145   }
 146
 147   #header-text {
 148       font-size:16pt;
 149   }
 150 }