Mercurial > kallithea
diff kallithea/public/css/style.css @ 4217:ef60ae4a34ee kallithea-2.2.5-rebrand
Change the blue colors to Conservancy green
author | Bradley M. Kuhn <bkuhn@sfconservancy.org> |
---|---|
date | Wed, 02 Jul 2014 19:08:30 -0400 |
parents | d1addaf7a91e |
children | a99be1c7bcb7 |
line wrap: on
line diff
--- a/kallithea/public/css/style.css Wed Jul 02 19:08:27 2014 -0400 +++ b/kallithea/public/css/style.css Wed Jul 02 19:08:30 2014 -0400 @@ -50,13 +50,13 @@ } a { - color: #003367; + color: #577632; text-decoration: none; cursor: pointer; } a:hover { - color: #316293; + color: #576622; text-decoration: underline; } @@ -269,16 +269,16 @@ -khtml-border-radius: 0px 0px 8px 8px; border-radius: 0px 0px 8px 8px; height: 37px; - background-color: #003B76; + background-color: #577632; background-repeat: repeat-x; - background-image: -khtml-gradient(linear, left top, left bottom, from(#003B76), to(#00376E) ); - background-image: -moz-linear-gradient(top, #003b76, #00376e); - background-image: -ms-linear-gradient(top, #003b76, #00376e); - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #003b76), color-stop(100%, #00376e) ); - background-image: -webkit-linear-gradient(top, #003b76, #00376e); - background-image: -o-linear-gradient(top, #003b76, #00376e); - background-image: linear-gradient(to bottom, #003b76, #00376e); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003b76',endColorstr='#00376e', GradientType=0 ); + background-image: -khtml-gradient(linear, left top, left bottom, from(#577632), to(#577632) ); + background-image: -moz-linear-gradient(top, #577632, #577632); + background-image: -ms-linear-gradient(top, #577632, #577632); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #577632), color-stop(100%, #577632) ); + background-image: -webkit-linear-gradient(top, #577632, #577632); + background-image: -o-linear-gradient(top, #577632, #577632); + background-image: linear-gradient(to bottom, #577632, #577632); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#577632',endColorstr='#577632', GradientType=0 ); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6); } @@ -287,7 +287,7 @@ float: left; margin: 8px 0 0; padding: 4px 12px; - border-left: 1px solid #316293; + border-left: 1px solid #576622; } #header ul#logged-user li.first { @@ -328,7 +328,7 @@ #header-dd { clear: both; position: fixed !important; - background-color: #003B76; + background-color: #577632; opacity: 0.01; cursor: pointer; min-height: 10px; @@ -349,16 +349,16 @@ min-height: 44px; clear: both; position: relative; - background-color: #003B76; + background-color: #577632; background-repeat: repeat-x; - background-image: -khtml-gradient(linear, left top, left bottom, from(#003B76), to(#00376E) ); - background-image: -moz-linear-gradient(top, #003b76, #00376e); - background-image: -ms-linear-gradient(top, #003b76, #00376e); - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #003b76),color-stop(100%, #00376e) ); - background-image: -webkit-linear-gradient(top, #003b76, #00376e); - background-image: -o-linear-gradient(top, #003b76, #00376e); - background-image: linear-gradient(to bottom, #003b76, #00376e); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003b76',endColorstr='#00376e', GradientType=0 ); + background-image: -khtml-gradient(linear, left top, left bottom, from(#577632), to(#577632) ); + background-image: -moz-linear-gradient(top, #577632, #577632); + background-image: -ms-linear-gradient(top, #577632, #577632); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #577632),color-stop(100%, #577632) ); + background-image: -webkit-linear-gradient(top, #577632, #577632); + background-image: -o-linear-gradient(top, #577632, #577632); + background-image: linear-gradient(to bottom, #577632, #577632); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#577632',endColorstr='#577632', GradientType=0 ); margin: 0; padding: 0; display: block; @@ -618,7 +618,7 @@ td.quick_repo_menu.active { background: url("../images/dt-arrow-dn.png") no-repeat scroll 5px 50% #FFFFFF !important; - border: 1px solid #003367; + border: 1px solid #577632; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); cursor: pointer; } @@ -630,7 +630,7 @@ position: absolute; background-color: #FFF; background: none repeat scroll 0 0 #FFFFFF; - border-color: #003367 #666666 #666666; + border-color: #577632 #666666 #666666; border-right: 1px solid #666666; border-style: solid; border-width: 1px; @@ -956,16 +956,16 @@ #content div.box div.title { clear: both; overflow: hidden; - background-color: #003B76; + background-color: #577632; background-repeat: repeat-x; - background-image: -khtml-gradient(linear, left top, left bottom, from(#003B76), to(#00376E) ); - background-image: -moz-linear-gradient(top, #003b76, #00376e); - background-image: -ms-linear-gradient(top, #003b76, #00376e); - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #003b76), color-stop(100%, #00376e) ); - background-image: -webkit-linear-gradient(top, #003b76, #00376e); - background-image: -o-linear-gradient(top, #003b76, #00376e); - background-image: linear-gradient(to bottom, #003b76, #00376e); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003b76', endColorstr='#00376e', GradientType=0 ); + background-image: -khtml-gradient(linear, left top, left bottom, from(#577632), to(#577632) ); + background-image: -moz-linear-gradient(top, #577632, #577632); + background-image: -ms-linear-gradient(top, #577632, #577632); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #577632), color-stop(100%, #577632) ); + background-image: -webkit-linear-gradient(top, #577632, #577632); + background-image: -o-linear-gradient(top, #577632, #577632); + background-image: linear-gradient(to bottom, #577632, #577632); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#577632', endColorstr='#577632', GradientType=0 ); margin: 0 0 20px; padding: 0; border-radius: 4px 4px 0 0; @@ -1834,7 +1834,7 @@ } a.metatag[tag="license"]:hover { - background-color: #003367; + background-color: #577632; color: #FFF; text-decoration: none; } @@ -1861,16 +1861,16 @@ } #footer div#footer-inner { - background-color: #003B76; + background-color: #577632; background-repeat: repeat-x; - background-image: -khtml-gradient( linear, left top, left bottom, from(#003B76), to(#00376E)); - background-image: -moz-linear-gradient(top, #003b76, #00376e); - background-image: -ms-linear-gradient( top, #003b76, #00376e); - background-image: -webkit-gradient( linear, left top, left bottom, color-stop( 0%, #003b76), color-stop( 100%, #00376e)); - background-image: -webkit-linear-gradient( top, #003b76, #00376e)); - background-image: -o-linear-gradient( top, #003b76, #00376e)); - background-image: linear-gradient(to bottom, #003b76, #00376e); - filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr = '#003b76', endColorstr = '#00376e', GradientType = 0); + background-image: -khtml-gradient( linear, left top, left bottom, from(#577632), to(#577632)); + background-image: -moz-linear-gradient(top, #577632, #577632); + background-image: -ms-linear-gradient( top, #577632, #577632); + background-image: -webkit-gradient( linear, left top, left bottom, color-stop( 0%, #577632), color-stop( 100%, #577632)); + background-image: -webkit-linear-gradient( top, #577632, #577632)); + background-image: -o-linear-gradient( top, #577632, #577632)); + background-image: linear-gradient(to bottom, #577632, #577632); + filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr = '#577632', endColorstr = '#577632', GradientType = 0); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.6); -webkit-border-radius: 4px 4px 4px 4px; -khtml-border-radius: 4px 4px 4px 4px; @@ -1896,16 +1896,16 @@ clear: both; overflow: hidden; position: relative; - background-color: #003B76; + background-color: #577632; background-repeat: repeat-x; - background-image: -khtml-gradient( linear, left top, left bottom, from(#003B76), to(#00376E)); - background-image: -moz-linear-gradient( top, #003b76, #00376e); - background-image: -ms-linear-gradient( top, #003b76, #00376e); - background-image: -webkit-gradient( linear, left top, left bottom, color-stop( 0%, #003b76), color-stop( 100%, #00376e)); - background-image: -webkit-linear-gradient( top, #003b76, #00376e)); - background-image: -o-linear-gradient( top, #003b76, #00376e)); - background-image: linear-gradient(to bottom, #003b76, #00376e); - filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr = '#003b76', endColorstr = '#00376e', GradientType = 0); + background-image: -khtml-gradient( linear, left top, left bottom, from(#577632), to(#577632)); + background-image: -moz-linear-gradient( top, #577632, #577632); + background-image: -ms-linear-gradient( top, #577632, #577632); + background-image: -webkit-gradient( linear, left top, left bottom, color-stop( 0%, #577632), color-stop( 100%, #577632)); + background-image: -webkit-linear-gradient( top, #577632, #577632)); + background-image: -o-linear-gradient( top, #577632, #577632)); + background-image: linear-gradient(to bottom, #577632, #577632); + filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr = '#577632', endColorstr = '#577632', GradientType = 0); margin: 0 auto; padding: 0; } @@ -1979,16 +1979,16 @@ padding: 4px; position: absolute; right: 0; - background-color: #003B76; + background-color: #577632; background-repeat: repeat-x; - background-image: -khtml-gradient(linear, left top, left bottom, from(#003B76), to(#00376E) ); - background-image: -moz-linear-gradient(top, #003b76, #00376e); - background-image: -ms-linear-gradient(top, #003b76, #00376e); - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #003b76), color-stop(100%, #00376e) ); - background-image: -webkit-linear-gradient(top, #003b76, #00376e); - background-image: -o-linear-gradient(top, #003b76, #00376e); - background-image: linear-gradient(to bottom, #003b76, #00376e); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003b76', endColorstr='#00376e', GradientType=0 ); + background-image: -khtml-gradient(linear, left top, left bottom, from(#577632), to(#577632) ); + background-image: -moz-linear-gradient(top, #577632, #577632); + background-image: -ms-linear-gradient(top, #577632, #577632); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #577632), color-stop(100%, #577632) ); + background-image: -webkit-linear-gradient(top, #577632, #577632); + background-image: -o-linear-gradient(top, #577632, #577632); + background-image: linear-gradient(to bottom, #577632, #577632); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#577632', endColorstr='#577632', GradientType=0 ); z-index: 999; -webkit-border-radius: 0px 0px 4px 4px; @@ -2146,17 +2146,17 @@ clear: both; overflow: hidden; position: relative; - background-color: #003B76; + background-color: #577632; background-repeat: repeat-x; - background-image: -khtml-gradient(linear, left top, left bottom, from(#003B76), to(#00376E) ); - background-image: -moz-linear-gradient(top, #003b76, #00376e); - background-image: -ms-linear-gradient(top, #003b76, #00376e); - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #003b76), color-stop(100%, #00376e) ); - background-image: -webkit-linear-gradient(top, #003b76, #00376e); - background-image: -o-linear-gradient(top, #003b76, #00376e); - background-image: linear-gradient(to bottom, #003b76, #00376e); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003b76', - endColorstr='#00376e', GradientType=0 ); + background-image: -khtml-gradient(linear, left top, left bottom, from(#577632), to(#577632) ); + background-image: -moz-linear-gradient(top, #577632, #577632); + background-image: -ms-linear-gradient(top, #577632, #577632); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #577632), color-stop(100%, #577632) ); + background-image: -webkit-linear-gradient(top, #577632, #577632); + background-image: -o-linear-gradient(top, #577632, #577632); + background-image: linear-gradient(to bottom, #577632, #577632); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#577632', + endColorstr='#577632', GradientType=0 ); margin: 0 auto; padding: 0; } @@ -2296,7 +2296,7 @@ } .trending_language { - background-color: #003367; + background-color: #577632; color: #FFF; display: block; min-width: 20px; @@ -2412,7 +2412,7 @@ .cs_files .changes { float: right; - color: #003367; + color: #577632; } .cs_files .changes .added { @@ -2812,7 +2812,7 @@ .spantag { padding: 1px 3px 1px 3px; font-size: 10px; - color: #336699; + color: #577632; white-space: nowrap; -webkit-border-radius: 4px; border-radius: 4px; @@ -3001,7 +3001,7 @@ .diffblock .diff-menu { position: absolute; background: none repeat scroll 0 0 #FFFFFF; - border-color: #003367 #666666 #666666; + border-color: #577632 #666666 #666666; border-right: 1px solid #666666; border-style: solid solid solid; border-width: 1px; @@ -3061,7 +3061,7 @@ } .box .search div.search_path div.link a { - color: #003367; + color: #577632; cursor: pointer; text-decoration: none; } @@ -3078,7 +3078,7 @@ } .info_box .rev { - color: #003367; + color: #577632; font-size: 1.6em; font-weight: bold; vertical-align: sub; @@ -3116,7 +3116,7 @@ position: absolute; background-color: #FFF; - border: 2px solid #003367; + border: 2px solid #577632; font: 100% sans-serif; width: auto; opacity: 1; @@ -3136,7 +3136,7 @@ position: absolute; color: #666; background-color: #FFF; - border: 2px solid #003367; + border: 2px solid #577632; font: 100% sans-serif; width: auto; opacity: 1; @@ -3571,11 +3571,11 @@ } #content div.box div.title div.search { - border-left: 1px solid #316293; + border-left: 1px solid #576622; } #content div.box div.title div.search div.input input { - border: 1px solid #316293; + border: 1px solid #576622; } .btn { @@ -3834,7 +3834,7 @@ -moz-box-shadow: none; box-shadow: none; color: #fff; - background-color: #316293; + background-color: #576622; } .repo-switcher-dropdown.select2-drop.select2-drop-active .select2-results .select2-highlighted { @@ -4782,7 +4782,7 @@ font-size: 10px; padding: 1px 3px 1px 3px; font-size: 10px; - color: #336699; + color: #577632; white-space: nowrap; -webkit-border-radius: 4px; border-radius: 4px;