Mercurial > public > bravenewsurf
view bns_website/static/css/base.css @ 87:fbeda0f5f3be
Fix for odd Webkit CSS issue when using jPlayer Blue Monday skin and our CSS. All instances of the Future Bugler font on the Listen page were jaggie and smaller than expected.
author | Chris Ridgway <ckridgway@gmail.com> |
---|---|
date | Sun, 27 Nov 2011 15:06:26 -0600 |
parents | ee3ab2585dc0 |
children | 5e58c3bad4ed |
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: #00aab4; background-image: -khtml-gradient(linear, left top, left bottom, from(#00aab4), to(#1f6c80)); background-image: -moz-linear-gradient(top, #00aab4, #1f6c80); background-image: -ms-linear-gradient(top, #00aab4, #1f6c80); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00aab4), color-stop(100%, #1f6c80)); background-image: -webkit-linear-gradient(top, #00aab4, #1f6c80); background-image: -o-linear-gradient(top, #00aab4, #1f6c80); background-image: linear-gradient(top, #00aab4, #1f6c80); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00aab4', endColorstr='#1f6c80', GradientType=0); } .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 */ } /* ----------------------------------------------- Fix for weird CSS font issue between jPlayer Blue Monday skin, our CSS, and Webkit on OSX. ----------------------------------------------- */ div.jp-audio, div.jp-video { font-size:1.25em; }