Mercurial > public > bravenewsurf

comparison 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
comparison
equal deleted inserted replaced
76:b936799189a1 77:ee3ab2585dc0
21 } 21 }
22 .alert-message.block-message.info { 22 .alert-message.block-message.info {
23 background-color: #e2f1f8; 23 background-color: #e2f1f8;
24 } 24 }
25 .footer { 25 .footer {
26 background-color: #1f8392; 26 background-color: #00aab4;
27 background-image: -khtml-gradient(linear, left top, left bottom, from(#00aab4), to(#1f6c80));
28 background-image: -moz-linear-gradient(top, #00aab4, #1f6c80);
29 background-image: -ms-linear-gradient(top, #00aab4, #1f6c80);
30 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00aab4), color-stop(100%, #1f6c80));
31 background-image: -webkit-linear-gradient(top, #00aab4, #1f6c80);
32 background-image: -o-linear-gradient(top, #00aab4, #1f6c80);
33 background-image: linear-gradient(top, #00aab4, #1f6c80);
34 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00aab4', endColorstr='#1f6c80', GradientType=0);
27 } 35 }
28 .footer a { 36 .footer a {
29 color: #e4d4a1; 37 color: #e4d4a1;
30 } 38 }
31 .footer .bns { 39 .footer .bns {
35 background-color: #e2f1f8; 43 background-color: #e2f1f8;
36 border: 1px solid #00aab4; 44 border: 1px solid #00aab4;
37 } 45 }
38 46
39 .topbar-inner, .topbar .fill { 47 .topbar-inner, .topbar .fill {
40 background-color: #00aab4; 48 background-color: #00aab4;
41 background-image: -khtml-gradient(linear, left top, left bottom, from(#1f6c80), to(#00aab4)); 49 background-image: -khtml-gradient(linear, left top, left bottom, from(#1f6c80), to(#00aab4));
42 background-image: -moz-linear-gradient(top, #1f6c80, #00aab4); 50 background-image: -moz-linear-gradient(top, #1f6c80, #00aab4);
43 background-image: -ms-linear-gradient(top, #1f6c80, #00aab4); 51 background-image: -ms-linear-gradient(top, #1f6c80, #00aab4);
44 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1f6c80), color-stop(100%, #00aab4)); 52 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1f6c80), color-stop(100%, #00aab4));
45 background-image: -webkit-linear-gradient(top, #1f6c80, #00aab4); 53 background-image: -webkit-linear-gradient(top, #1f6c80, #00aab4);
46 background-image: -o-linear-gradient(top, #1f6c80, #00aab4); 54 background-image: -o-linear-gradient(top, #1f6c80, #00aab4);
47 background-image: linear-gradient(top, #1f6c80, #00aab4); 55 background-image: linear-gradient(top, #1f6c80, #00aab4);
48 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f6c80', endColorstr='#00aab4', GradientType=0); 56 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f6c80', endColorstr='#00aab4', GradientType=0);
49 } 57 }
50 58
51 .topbar h3 a:hover, .topbar .brand:hover, .topbar ul .active > a { 59 .topbar h3 a:hover, .topbar .brand:hover, .topbar ul .active > a {
52 background-color: #00aab4; 60 background-color: #00aab4;
53 background-color: rgba(0, 170, 180, 0.05); 61 background-color: rgba(0, 170, 180, 0.05);
54 } 62 }
55 63
56 .topbar div > ul .active > a, .nav .active > a { 64 .topbar div > ul .active > a, .nav .active > a {
57 background-color: #00aab4; 65 background-color: #00aab4;
58 background-color: rgba(0, 170, 180, 0.05); 66 background-color: rgba(0, 170, 180, 0.05);
59 } 67 }
60 68
61 /* 69 /*
62 ----------------------------------------------- 70 -----------------------------------------------
63 Reviews Styles 71 Reviews Styles