Mercurial > public > bravenewsurf
view bns_website/static/css/base.css @ 73:0f63b721cc21
Changing the color of the top navigation bar to a blue-green gradient.
author | Brian Neal <bgneal@gmail.com> |
---|---|
date | Wed, 23 Nov 2011 20:24:54 -0600 |
parents | c9a2c21b68bd |
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 */ }