view static/css/theme.css @ 123:16eec10a308e

Bootstrap: navbar styling.
author Brian Neal <bgneal@gmail.com>
date Sun, 27 Oct 2013 10:35:40 -0500
parents 9c6a5de62402
children fc86604ea0ad
line wrap: on
line source
body { 
   padding-top: 50px;
   padding-bottom: 20px;
   background-color: #213442;
   color: #EF7C21;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small {
  color: #b96a03;
}

.top-buffer {
   margin-top: 2em;
}
.img-flyer {
   margin: 0 auto;
   margin-top: 1em;
   margin-bottom: 1em;
}
img.floatLeftBox {
   float: left !important;
   margin-right: 1.5em;
   margin-bottom: 1.0em;
}

article.news ul {
   display: table;
}
article.news ol {
   display: table;
}
.article-source {
   font-style: italic;
   margin-top: 1.5em;
   margin-bottom: 1.5em;
}

blockquote {
  border-left: 3px solid #b96a03;
}
blockquote small {
  color: #b96a03;
}

.thumbnail {
  background-color: #213442;
  border: 1px solid #41819d;
}
.thumbnail .caption {
  color: #EF7C21;
}
a.thumbnail:hover,
a.thumbnail:focus {
  border-color: #EF7C21;
}

.form-control:focus {
  border-color: #EF7C21;
}

.navbar-inverse {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#296b9d), to(#213442));
  background-image: -webkit-linear-gradient(top, #296b9d, 0%, #213442, 100%);
  background-image: -moz-linear-gradient(top, #296b9d 0%, #213442 100%);
  background-image: linear-gradient(to bottom, #296b9d 0%, #213442 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff296b9d', endColorstr='#ff213442', GradientType=0);
}

.navbar-inverse .navbar-nav > .active > a {  /* bkground of selected menu */
  background-color: #296b9d;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #EF7C21;
  background-color: transparent;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #296b9d;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #296b9d;
}

footer {
  font-size: 80%;
}
footer a {
  color: #213442;
}

.well {
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#296b9d), to(#6c9a97));
  background-image: -webkit-linear-gradient(top, #296b9d, 0%, #6c9a97, 100%);
  background-image: -moz-linear-gradient(top, #296b9d 0%, #6c9a97 100%);
  background-image: linear-gradient(to bottom, #296b9d 0%, #6c9a97 100%);
  background-repeat: repeat-x;
  border-color: #dcdcdc;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff296b9d', endColorstr='#ff6c9a97', GradientType=0);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
          box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
}

.pagination > li > a,
.pagination > li > span {
  background-color: #213442;
  border: 1px solid #296b9d;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: #EF7C21;
  color: black;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #296b9d;
  color: white;
}

.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999999;
  background-color: #213442;
  border-color: #296b9d;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #296b9d;
}
.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td {
  border-top: 1px solid #dddddd;
}