Mercurial > public > bravenewsurf

annotate bns_website/static/css/base.css @ 77:ee3ab2585dc0

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Put a reverse gradient on the footer to match the top navbar.
author Brian Neal <bgneal@gmail.com>
date Wed, 23 Nov 2011 21:43:17 -0600
parents 0f63b721cc21
children fbeda0f5f3be
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 }