annotate bns_website/static/css/base.css @ 95:1b5def90f5bf

Created a feedback page with Disqus comments.
author Brian Neal <bgneal@gmail.com>
date Wed, 14 Dec 2011 19:52:32 -0600
parents c9955ef6707f
children 701696a54ec3
rev   line source
bob@38 1 body {
bgneal@70 2 padding-top: 60px;
bgneal@70 3 background-color: #d9ecfa;
bgneal@12 4 }
bgneal@95 5 a {
bgneal@95 6 color: #00aab4;
bgneal@95 7 text-decoration: none;
bgneal@95 8 }
bgneal@95 9 a:hover {
bgneal@95 10 color: #00aab4;
bgneal@95 11 text-decoration: underline;
bgneal@95 12 }
bgneal@12 13 .social-sharing {
bgneal@12 14 margin-top: 1.5em;
bgneal@12 15 }
bgneal@12 16 .social-sharing ul {
bgneal@12 17 margin-left: 0px;
bgneal@12 18 list-style: none;
bgneal@12 19 }
bgneal@12 20 .social-sharing li {
bgneal@12 21 display: inline-block;
bgneal@12 22 vertical-align: top;
bgneal@12 23 }
bgneal@70 24 h1, h2, h3, h4, h5, .bns {
bgneal@70 25 font-family: FutureBugler;
bgneal@70 26 font-weight: normal;
bgneal@70 27 font-style: normal;
bgneal@70 28 color: #00aab4;
bgneal@70 29 }
bgneal@70 30 .alert-message.block-message.info {
bgneal@70 31 background-color: #e2f1f8;
bgneal@70 32 }
bgneal@70 33 .footer {
bgneal@77 34 background-color: #00aab4;
bgneal@77 35 background-image: -khtml-gradient(linear, left top, left bottom, from(#00aab4), to(#1f6c80));
bgneal@77 36 background-image: -moz-linear-gradient(top, #00aab4, #1f6c80);
bgneal@77 37 background-image: -ms-linear-gradient(top, #00aab4, #1f6c80);
bgneal@77 38 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00aab4), color-stop(100%, #1f6c80));
bgneal@77 39 background-image: -webkit-linear-gradient(top, #00aab4, #1f6c80);
bgneal@77 40 background-image: -o-linear-gradient(top, #00aab4, #1f6c80);
bgneal@77 41 background-image: linear-gradient(top, #00aab4, #1f6c80);
bgneal@77 42 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00aab4', endColorstr='#1f6c80', GradientType=0);
bgneal@70 43 }
bgneal@70 44 .footer a {
bgneal@70 45 color: #e4d4a1;
bgneal@70 46 }
bgneal@70 47 .footer .bns {
bgneal@70 48 color: #e2f1f8;
bgneal@70 49 }
bgneal@71 50 .hero-unit {
bgneal@71 51 background-color: #e2f1f8;
bgneal@71 52 border: 1px solid #00aab4;
bgneal@71 53 }
ckridgway@28 54
bgneal@73 55 .topbar-inner, .topbar .fill {
bgneal@77 56 background-color: #00aab4;
bgneal@77 57 background-image: -khtml-gradient(linear, left top, left bottom, from(#1f6c80), to(#00aab4));
bgneal@77 58 background-image: -moz-linear-gradient(top, #1f6c80, #00aab4);
bgneal@77 59 background-image: -ms-linear-gradient(top, #1f6c80, #00aab4);
bgneal@77 60 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1f6c80), color-stop(100%, #00aab4));
bgneal@77 61 background-image: -webkit-linear-gradient(top, #1f6c80, #00aab4);
bgneal@77 62 background-image: -o-linear-gradient(top, #1f6c80, #00aab4);
bgneal@77 63 background-image: linear-gradient(top, #1f6c80, #00aab4);
bgneal@77 64 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f6c80', endColorstr='#00aab4', GradientType=0);
bgneal@73 65 }
bgneal@73 66
bgneal@73 67 .topbar h3 a:hover, .topbar .brand:hover, .topbar ul .active > a {
bgneal@77 68 background-color: #00aab4;
bgneal@77 69 background-color: rgba(0, 170, 180, 0.05);
bgneal@73 70 }
bgneal@73 71
bgneal@73 72 .topbar div > ul .active > a, .nav .active > a {
bgneal@77 73 background-color: #00aab4;
bgneal@77 74 background-color: rgba(0, 170, 180, 0.05);
bgneal@73 75 }
bgneal@73 76
ckridgway@28 77 /*
ckridgway@28 78 -----------------------------------------------
ckridgway@28 79 Reviews Styles
ckridgway@28 80 -----------------------------------------------
ckridgway@28 81 */
bgneal@31 82 ul.review-list {
ckridgway@28 83 list-style-type: none;
ckridgway@28 84 }
ckridgway@45 85
bgneal@31 86 li.review-list-item {
ckridgway@45 87 padding-top:60px;
ckridgway@28 88 }
bob@43 89
ckridgway@89 90 li.review-list-item blockquote {
ckridgway@89 91 border-left: 5px solid #00aab4;
ckridgway@89 92 }
ckridgway@89 93
ckridgway@89 94 li.review-list-item p {
ckridgway@89 95 color: #666;
ckridgway@89 96 }
ckridgway@89 97
ckridgway@89 98 li.review-list-item small {
ckridgway@89 99 color: #888;
ckridgway@89 100 }
ckridgway@89 101
ckridgway@89 102 li.review-list-item a {
ckridgway@89 103 color: #00aab4;
ckridgway@89 104 }
ckridgway@89 105
ckridgway@45 106 /*
ckridgway@45 107 -----------------------------------------------
ckridgway@53 108 News Styles
ckridgway@45 109 -----------------------------------------------
ckridgway@45 110 */
bob@43 111 article.news {
ckridgway@45 112 margin-bottom: 2em;
ckridgway@45 113 border-top: 2px solid DimGray; /* some other gray color might be better */
ckridgway@53 114 }
ckridgway@87 115
bgneal@93 116 article.news a {
bgneal@93 117 color: #00aab4;
bgneal@93 118 }
bgneal@93 119
ckridgway@87 120 /*
ckridgway@87 121 -----------------------------------------------
ckridgway@87 122 Fix for weird CSS font issue between jPlayer
ckridgway@87 123 Blue Monday skin, our CSS, and Webkit on OSX.
ckridgway@87 124 -----------------------------------------------
ckridgway@87 125 */
ckridgway@87 126 div.jp-audio, div.jp-video {
ckridgway@87 127 font-size:1.25em;
ckridgway@87 128 }
ckridgway@87 129