annotate 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
rev   line source
bob@38 1 body {
bgneal@70 2 padding-top: 60px;
bgneal@70 3 background-color: #d9ecfa;
bgneal@12 4 }
bgneal@12 5 .social-sharing {
bgneal@12 6 margin-top: 1.5em;
bgneal@12 7 }
bgneal@12 8 .social-sharing ul {
bgneal@12 9 margin-left: 0px;
bgneal@12 10 list-style: none;
bgneal@12 11 }
bgneal@12 12 .social-sharing li {
bgneal@12 13 display: inline-block;
bgneal@12 14 vertical-align: top;
bgneal@12 15 }
bgneal@70 16 h1, h2, h3, h4, h5, .bns {
bgneal@70 17 font-family: FutureBugler;
bgneal@70 18 font-weight: normal;
bgneal@70 19 font-style: normal;
bgneal@70 20 color: #00aab4;
bgneal@70 21 }
bgneal@70 22 .alert-message.block-message.info {
bgneal@70 23 background-color: #e2f1f8;
bgneal@70 24 }
bgneal@70 25 .footer {
bgneal@77 26 background-color: #00aab4;
bgneal@77 27 background-image: -khtml-gradient(linear, left top, left bottom, from(#00aab4), to(#1f6c80));
bgneal@77 28 background-image: -moz-linear-gradient(top, #00aab4, #1f6c80);
bgneal@77 29 background-image: -ms-linear-gradient(top, #00aab4, #1f6c80);
bgneal@77 30 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00aab4), color-stop(100%, #1f6c80));
bgneal@77 31 background-image: -webkit-linear-gradient(top, #00aab4, #1f6c80);
bgneal@77 32 background-image: -o-linear-gradient(top, #00aab4, #1f6c80);
bgneal@77 33 background-image: linear-gradient(top, #00aab4, #1f6c80);
bgneal@77 34 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00aab4', endColorstr='#1f6c80', GradientType=0);
bgneal@70 35 }
bgneal@70 36 .footer a {
bgneal@70 37 color: #e4d4a1;
bgneal@70 38 }
bgneal@70 39 .footer .bns {
bgneal@70 40 color: #e2f1f8;
bgneal@70 41 }
bgneal@71 42 .hero-unit {
bgneal@71 43 background-color: #e2f1f8;
bgneal@71 44 border: 1px solid #00aab4;
bgneal@71 45 }
ckridgway@28 46
bgneal@73 47 .topbar-inner, .topbar .fill {
bgneal@77 48 background-color: #00aab4;
bgneal@77 49 background-image: -khtml-gradient(linear, left top, left bottom, from(#1f6c80), to(#00aab4));
bgneal@77 50 background-image: -moz-linear-gradient(top, #1f6c80, #00aab4);
bgneal@77 51 background-image: -ms-linear-gradient(top, #1f6c80, #00aab4);
bgneal@77 52 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1f6c80), color-stop(100%, #00aab4));
bgneal@77 53 background-image: -webkit-linear-gradient(top, #1f6c80, #00aab4);
bgneal@77 54 background-image: -o-linear-gradient(top, #1f6c80, #00aab4);
bgneal@77 55 background-image: linear-gradient(top, #1f6c80, #00aab4);
bgneal@77 56 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f6c80', endColorstr='#00aab4', GradientType=0);
bgneal@73 57 }
bgneal@73 58
bgneal@73 59 .topbar h3 a:hover, .topbar .brand:hover, .topbar ul .active > a {
bgneal@77 60 background-color: #00aab4;
bgneal@77 61 background-color: rgba(0, 170, 180, 0.05);
bgneal@73 62 }
bgneal@73 63
bgneal@73 64 .topbar div > ul .active > a, .nav .active > a {
bgneal@77 65 background-color: #00aab4;
bgneal@77 66 background-color: rgba(0, 170, 180, 0.05);
bgneal@73 67 }
bgneal@73 68
ckridgway@28 69 /*
ckridgway@28 70 -----------------------------------------------
ckridgway@28 71 Reviews Styles
ckridgway@28 72 -----------------------------------------------
ckridgway@28 73 */
bgneal@31 74 ul.review-list {
ckridgway@28 75 list-style-type: none;
ckridgway@28 76 }
ckridgway@45 77
bgneal@31 78 li.review-list-item {
ckridgway@45 79 padding-top:60px;
ckridgway@28 80 }
bob@43 81
ckridgway@45 82 /*
ckridgway@45 83 -----------------------------------------------
ckridgway@53 84 News Styles
ckridgway@45 85 -----------------------------------------------
ckridgway@45 86 */
bob@43 87 article.news {
ckridgway@45 88 margin-bottom: 2em;
ckridgway@45 89 border-top: 2px solid DimGray; /* some other gray color might be better */
ckridgway@53 90 }
ckridgway@87 91
ckridgway@87 92 /*
ckridgway@87 93 -----------------------------------------------
ckridgway@87 94 Fix for weird CSS font issue between jPlayer
ckridgway@87 95 Blue Monday skin, our CSS, and Webkit on OSX.
ckridgway@87 96 -----------------------------------------------
ckridgway@87 97 */
ckridgway@87 98 div.jp-audio, div.jp-video {
ckridgway@87 99 font-size:1.25em;
ckridgway@87 100 }
ckridgway@87 101