# HG changeset patch # User Brian Neal # Date 1322106197 21600 # Node ID ee3ab2585dc00d74e0e20ccd41d330ad80f6d978 # Parent b936799189a157ab62cae2725b2c75374c03358d Put a reverse gradient on the footer to match the top navbar. diff -r b936799189a1 -r ee3ab2585dc0 bns_website/static/css/base.css --- a/bns_website/static/css/base.css Wed Nov 23 21:18:48 2011 -0600 +++ b/bns_website/static/css/base.css Wed Nov 23 21:43:17 2011 -0600 @@ -23,7 +23,15 @@ background-color: #e2f1f8; } .footer { - background-color: #1f8392; + 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; @@ -37,25 +45,25 @@ } .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); + 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); + 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); + background-color: #00aab4; + background-color: rgba(0, 170, 180, 0.05); } /*