From 3894c2c8efc3663f1f0d3fd73db65e9c2fab26bf Mon Sep 17 00:00:00 2001 From: Thomas Park Date: Sun, 27 Jan 2013 14:54:46 -0500 Subject: [PATCH] spruce: lighten border and divider colors --- spruce/bootstrap.css | 12 ++++++------ spruce/bootstrap.min.css | 12 ++++++------ spruce/bootswatch.less | 4 ++-- spruce/variables.less | 2 +- 4 files changed, 15 insertions(+), 15 deletions(-) diff --git a/spruce/bootstrap.css b/spruce/bootstrap.css index e870c21..59b744a 100644 --- a/spruce/bootstrap.css +++ b/spruce/bootstrap.css @@ -1676,7 +1676,7 @@ table { line-height: 21px; text-align: left; vertical-align: top; - border-top: 1px solid #333333; + border-top: 1px solid #999999; } .table th { font-weight: bold; @@ -1693,7 +1693,7 @@ table { border-top: 0; } .table tbody + tbody { - border-top: 2px solid #333333; + border-top: 2px solid #999999; } .table .table { background-color: #ffffff; @@ -1703,7 +1703,7 @@ table { padding: 4px 5px; } .table-bordered { - border: 1px solid #333333; + border: 1px solid #999999; border-collapse: separate; *border-collapse: collapse; border-left: 0; @@ -1713,7 +1713,7 @@ table { } .table-bordered th, .table-bordered td { - border-left: 1px solid #333333; + border-left: 1px solid #999999; } .table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, @@ -2403,7 +2403,7 @@ table th[class*="span"], *margin: -5px 0 5px; overflow: hidden; background-color: transparent; - border-bottom: 1px solid #000000; + border-bottom: 1px solid #999999; } .dropdown-menu li > a { display: block; @@ -5353,7 +5353,7 @@ div.subnav.subnav-fixed { } .nav-list .divider { background-color: transparent; - border-bottom: 1px solid #333333; + border-bottom: 1px solid #999999; } .breadcrumb { background-color: #015b4e; diff --git a/spruce/bootstrap.min.css b/spruce/bootstrap.min.css index 557b8bb..4e7a9db 100644 --- a/spruce/bootstrap.min.css +++ b/spruce/bootstrap.min.css @@ -273,14 +273,14 @@ legend+.control-group{margin-top:21px;-webkit-margin-top-collapse:separate;} .form-horizontal input+.help-block,.form-horizontal select+.help-block,.form-horizontal textarea+.help-block,.form-horizontal .uneditable-input+.help-block,.form-horizontal .input-prepend+.help-block,.form-horizontal .input-append+.help-block{margin-top:10.5px;} .form-horizontal .form-actions{padding-left:180px;} table{max-width:100%;background-color:#f7f7f7;border-collapse:collapse;border-spacing:0;} -.table{width:100%;margin-bottom:21px;}.table th,.table td{padding:8px;line-height:21px;text-align:left;vertical-align:top;border-top:1px solid #333333;} +.table{width:100%;margin-bottom:21px;}.table th,.table td{padding:8px;line-height:21px;text-align:left;vertical-align:top;border-top:1px solid #999999;} .table th{font-weight:bold;} .table thead th{vertical-align:bottom;} .table caption+thead tr:first-child th,.table caption+thead tr:first-child td,.table colgroup+thead tr:first-child th,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child th,.table thead:first-child tr:first-child td{border-top:0;} -.table tbody+tbody{border-top:2px solid #333333;} +.table tbody+tbody{border-top:2px solid #999999;} .table .table{background-color:#ffffff;} .table-condensed th,.table-condensed td{padding:4px 5px;} -.table-bordered{border:1px solid #333333;border-collapse:separate;*border-collapse:collapse;border-left:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.table-bordered th,.table-bordered td{border-left:1px solid #333333;} +.table-bordered{border:1px solid #999999;border-collapse:separate;*border-collapse:collapse;border-left:0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.table-bordered th,.table-bordered td{border-left:1px solid #999999;} .table-bordered caption+thead tr:first-child th,.table-bordered caption+tbody tr:first-child th,.table-bordered caption+tbody tr:first-child td,.table-bordered colgroup+thead tr:first-child th,.table-bordered colgroup+tbody tr:first-child th,.table-bordered colgroup+tbody tr:first-child td,.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td{border-top:0;} .table-bordered thead:first-child tr:first-child>th:first-child,.table-bordered tbody:first-child tr:first-child>td:first-child{-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;} .table-bordered thead:first-child tr:first-child>th:last-child,.table-bordered tbody:first-child tr:first-child>td:last-child{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;} @@ -461,7 +461,7 @@ table td[class*="span"],table th[class*="span"],.row-fluid table td[class*="span .caret{display:inline-block;width:0;height:0;vertical-align:top;border-top:4px solid #000000;border-right:4px solid transparent;border-left:4px solid transparent;content:"";} .dropdown .caret{margin-top:8px;margin-left:2px;} .dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;background-color:#002425;border:1px solid #ccc;border:1px solid transparent;*border-right-width:2px;*border-bottom-width:2px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;}.dropdown-menu.pull-right{right:0;left:auto;} -.dropdown-menu .divider{*width:100%;height:1px;margin:9.5px 1px;*margin:-5px 0 5px;overflow:hidden;background-color:transparent;border-bottom:1px solid #000000;} +.dropdown-menu .divider{*width:100%;height:1px;margin:9.5px 1px;*margin:-5px 0 5px;overflow:hidden;background-color:transparent;border-bottom:1px solid #999999;} .dropdown-menu li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:21px;color:#ffffff;white-space:nowrap;} .dropdown-menu li>a:hover,.dropdown-menu li>a:focus,.dropdown-submenu:hover>a{text-decoration:none;color:#ffffff;background-color:#015145;background-image:-moz-linear-gradient(top, #015b4e, #014238);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#015b4e), to(#014238));background-image:-webkit-linear-gradient(top, #015b4e, #014238);background-image:-o-linear-gradient(top, #015b4e, #014238);background-image:linear-gradient(to bottom, #015b4e, #014238);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff015b4e', endColorstr='#ff014238', GradientType=0);} .dropdown-menu .active>a,.dropdown-menu .active>a:hover{color:#ffffff;text-decoration:none;outline:0;background-color:#015145;background-image:-moz-linear-gradient(top, #015b4e, #014238);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#015b4e), to(#014238));background-image:-webkit-linear-gradient(top, #015b4e, #014238);background-image:-o-linear-gradient(top, #015b4e, #014238);background-image:linear-gradient(to bottom, #015b4e, #014238);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff015b4e', endColorstr='#ff014238', GradientType=0);} @@ -888,8 +888,8 @@ div.subnav.subnav-fixed{top:55px;} .nav-list .nav-header,.nav-list li>a{text-shadow:none;} .nav-list li>a:hover{background-color:#015b4e;color:#ffffff;} .nav-list li.active>a,.nav-list li.active>a:hover{background-color:#013435;text-shadow:none;} -.nav-list .divider{background-color:transparent;border-bottom:1px solid #333333;} -.breadcrumb{background-color:#015b4e;background-image:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-color:transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}.breadcrumb li{color:#ffffff;text-shadow:none;}.breadcrumb li a{color:#ffffff;text-decoration:underline;} +.nav-list .divider{background-color:transparent;border-bottom:1px solid #999999;} +.breadcrumb{background-color:#015b4e;background-image:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-color:transparent;}.breadcrumb li{color:#ffffff;text-shadow:none;}.breadcrumb li a{color:#ffffff;text-decoration:underline;} .breadcrumb li a:hover{color:#ffffff;} .breadcrumb li .divider{color:#ffffff;} .breadcrumb .active{color:#ffffff;} diff --git a/spruce/bootswatch.less b/spruce/bootswatch.less index 9476b64..5bb18ef 100755 --- a/spruce/bootswatch.less +++ b/spruce/bootswatch.less @@ -145,7 +145,7 @@ blockquote { } .nav-header { - color: @headingsColor; + color: @gray; } } @@ -318,7 +318,7 @@ div.subnav { .divider { background-color: transparent; - border-bottom: 1px solid @headingsColor; + border-bottom: 1px solid @grayLight; } } diff --git a/spruce/variables.less b/spruce/variables.less index a62f141..e2ec00f 100755 --- a/spruce/variables.less +++ b/spruce/variables.less @@ -122,7 +122,7 @@ @dropdownBackground: #002425; @dropdownBorder: transparent; @dropdownDividerTop: transparent; -@dropdownDividerBottom: @black; +@dropdownDividerBottom: @grayLight; @dropdownLinkColor: @white; @dropdownLinkColorHover: @white; -- 2.39.2