view bns_website/static/css/base.css @ 75:b4c5b04c4209

Fix some validation problems (extra </div>, "px" in image size & width). Made the headlines bigger. Ferenc didn't want the track listing centered over the 2 columns.
author Brian Neal <bgneal@gmail.com>
date Wed, 23 Nov 2011 21:14:49 -0600
parents 0f63b721cc21
children ee3ab2585dc0
line wrap: on
line source
body {
   padding-top: 60px;
   background-color: #d9ecfa;
}
.social-sharing {
   margin-top: 1.5em;
}
.social-sharing ul {
   margin-left: 0px;
   list-style: none;
}
.social-sharing li {
   display: inline-block;
   vertical-align: top;
}
h1, h2, h3, h4, h5, .bns {
   font-family: FutureBugler;
   font-weight: normal;
   font-style: normal;
   color: #00aab4;
}
.alert-message.block-message.info {
   background-color: #e2f1f8;
}
.footer {
   background-color: #1f8392;
}
.footer a {
   color: #e4d4a1;
}
.footer .bns {
   color: #e2f1f8;
}
.hero-unit {
   background-color: #e2f1f8;
   border: 1px solid #00aab4;
}

.topbar-inner, .topbar .fill {
  background-color: #00aab4;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#1f6c80), to(#00aab4));
  background-image: -moz-linear-gradient(top, #1f6c80, #00aab4);
  background-image: -ms-linear-gradient(top, #1f6c80, #00aab4);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1f6c80), color-stop(100%, #00aab4));
  background-image: -webkit-linear-gradient(top, #1f6c80, #00aab4);
  background-image: -o-linear-gradient(top, #1f6c80, #00aab4);
  background-image: linear-gradient(top, #1f6c80, #00aab4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f6c80', endColorstr='#00aab4', GradientType=0);
}

.topbar h3 a:hover, .topbar .brand:hover, .topbar ul .active > a {
  background-color: #00aab4;
  background-color: rgba(0, 170, 180, 0.05);
}

.topbar div > ul .active > a, .nav .active > a {
  background-color: #00aab4;
  background-color: rgba(0, 170, 180, 0.05);
}

/*
-----------------------------------------------
Reviews Styles
-----------------------------------------------
 */
ul.review-list {
   list-style-type: none;
}

li.review-list-item {
   padding-top:60px;
}

/*
-----------------------------------------------
News Styles
-----------------------------------------------
*/
article.news {
   margin-bottom: 2em;
   border-top: 2px solid DimGray;  /* some other gray color might be better */
}