X-Git-Url: http://git.roojs.org/?a=blobdiff_plain;f=slate%2Fbootstrap.css;h=bb7ae91e91f41b4f85aceeb95f678ab11515923e;hb=9567b2ce02284ef3336a9ac8a7220fa34fc9ff10;hp=ccf8bb1d59a74fcf9f0e697c38401c62ea940e1b;hpb=e9bec32d451f3e0bc783af8345c0f80fb3a96101;p=bootswatch diff --git a/slate/bootstrap.css b/slate/bootstrap.css index ccf8bb1..bb7ae91 100644 --- a/slate/bootstrap.css +++ b/slate/bootstrap.css @@ -137,7 +137,7 @@ textarea { .input-block-level { display: block; width: 100%; - min-height: 28px; + min-height: 31px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; @@ -145,9 +145,9 @@ textarea { body { margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 13px; - line-height: 18px; - color: #757c82; + font-size: 14px; + line-height: 21px; + color: #c8c8c8; background-color: #272b30; } a { @@ -289,7 +289,7 @@ a:hover { .row-fluid [class*="span"] { display: block; width: 100%; - min-height: 28px; + min-height: 31px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; @@ -484,13 +484,13 @@ a:hover { clear: both; } p { - margin: 0 0 9px; + margin: 0 0 10.5px; } .lead { - margin-bottom: 18px; - font-size: 19.5px; + margin-bottom: 21px; + font-size: 21px; font-weight: 200; - line-height: 27px; + line-height: 31.5px; } small { font-size: 85%; @@ -505,7 +505,7 @@ cite { font-style: normal; } .muted { - color: #757c82; + color: #7a8288; } .text-warning { color: #c09853; @@ -537,10 +537,10 @@ h3, h4, h5, h6 { - margin: 9px 0; + margin: 10.5px 0; font-family: inherit; font-weight: bold; - line-height: 18px; + line-height: 21px; color: inherit; text-rendering: optimizelegibility; } @@ -552,52 +552,52 @@ h5 small, h6 small { font-weight: normal; line-height: 1; - color: #757c82; + color: #7a8288; } h1, h2, h3 { - line-height: 36px; + line-height: 42px; } h1 { - font-size: 35.75px; + font-size: 38.5px; } h2 { - font-size: 29.25px; + font-size: 31.5px; } h3 { - font-size: 22.75px; + font-size: 24.5px; } h4 { - font-size: 16.25px; + font-size: 17.5px; } h5 { - font-size: 13px; + font-size: 14px; } h6 { - font-size: 11.049999999999999px; + font-size: 11.9px; } h1 small { - font-size: 22.75px; + font-size: 24.5px; } h2 small { - font-size: 16.25px; + font-size: 17.5px; } h3 small { - font-size: 13px; + font-size: 14px; } h4 small { - font-size: 13px; + font-size: 14px; } .page-header { - padding-bottom: 8px; - margin: 18px 0 27px; + padding-bottom: 9.5px; + margin: 21px 0 31.5px; border-bottom: 1px solid #bbbfc2; } ul, ol { padding: 0; - margin: 0 0 9px 25px; + margin: 0 0 10.5px 25px; } ul ul, ul ol, @@ -606,7 +606,7 @@ ol ul { margin-bottom: 0; } li { - line-height: 18px; + line-height: 21px; } ul.unstyled, ol.unstyled { @@ -614,17 +614,17 @@ ol.unstyled { list-style: none; } dl { - margin-bottom: 18px; + margin-bottom: 21px; } dt, dd { - line-height: 18px; + line-height: 21px; } dt { font-weight: bold; } dd { - margin-left: 9px; + margin-left: 10.5px; } .dl-horizontal { *zoom: 1; @@ -651,7 +651,7 @@ dd { margin-left: 180px; } hr { - margin: 18px 0; + margin: 21px 0; border: 0; border-top: 1px solid #bbbfc2; border-bottom: 1px solid #ffffff; @@ -659,7 +659,7 @@ hr { abbr[title], abbr[data-original-title] { cursor: help; - border-bottom: 1px dotted #757c82; + border-bottom: 1px dotted #7a8288; } abbr.initialism { font-size: 90%; @@ -667,19 +667,19 @@ abbr.initialism { } blockquote { padding: 0 0 0 15px; - margin: 0 0 18px; + margin: 0 0 21px; border-left: 5px solid #bbbfc2; } blockquote p { margin-bottom: 0; font-size: 16px; font-weight: 300; - line-height: 22.5px; + line-height: 26.25px; } blockquote small { display: block; - line-height: 18px; - color: #757c82; + line-height: 21px; + color: #7a8288; } blockquote small:before { content: '\2014 \00A0'; @@ -709,15 +709,15 @@ blockquote:after { } address { display: block; - margin-bottom: 18px; + margin-bottom: 21px; font-style: normal; - line-height: 18px; + line-height: 21px; } code, pre { padding: 0 3px 2px; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; - font-size: 11px; + font-size: 12px; color: #3a3f44; -webkit-border-radius: 3px; -moz-border-radius: 3px; @@ -731,10 +731,10 @@ code { } pre { display: block; - padding: 8.5px; - margin: 0 0 9px; - font-size: 12px; - line-height: 18px; + padding: 10px; + margin: 0 0 10.5px; + font-size: 13px; + line-height: 21px; word-break: break-all; word-wrap: break-word; white-space: pre; @@ -747,7 +747,7 @@ pre { border-radius: 4px; } pre.prettyprint { - margin-bottom: 18px; + margin-bottom: 21px; } pre code { padding: 0; @@ -760,7 +760,7 @@ pre code { overflow-y: scroll; } form { - margin: 0 0 18px; + margin: 0 0 21px; } fieldset { padding: 0; @@ -771,25 +771,25 @@ legend { display: block; width: 100%; padding: 0; - margin-bottom: 18px; - font-size: 19.5px; - line-height: 36px; + margin-bottom: 21px; + font-size: 21px; + line-height: 42px; color: #3a3f44; border: 0; border-bottom: 1px solid #e5e5e5; } legend small { - font-size: 13.5px; - color: #757c82; + font-size: 15.75px; + color: #7a8288; } label, input, button, select, textarea { - font-size: 13px; + font-size: 14px; font-weight: normal; - line-height: 18px; + line-height: 21px; } input, button, @@ -819,11 +819,11 @@ input[type="tel"], input[type="color"], .uneditable-input { display: inline-block; - height: 18px; + height: 21px; padding: 4px 6px; - margin-bottom: 9px; - font-size: 13px; - line-height: 18px; + margin-bottom: 10.5px; + font-size: 14px; + line-height: 21px; color: #52575c; -webkit-border-radius: 4px; -moz-border-radius: 4px; @@ -912,13 +912,13 @@ input[type="checkbox"] { } select, input[type="file"] { - height: 28px; + height: 31px; /* In IE7, the height of the select element cannot be changed by height, only font-size */ *margin-top: 4px; /* For IE7, add top margin to align select with labels */ - line-height: 28px; + line-height: 31px; } select { width: 220px; @@ -939,7 +939,7 @@ input[type="checkbox"]:focus { } .uneditable-input, .uneditable-textarea { - color: #757c82; + color: #7a8288; background-color: #fcfcfc; border-color: #cccccc; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); @@ -957,19 +957,19 @@ input[type="checkbox"]:focus { } input:-moz-placeholder, textarea:-moz-placeholder { - color: #757c82; + color: #7a8288; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { - color: #757c82; + color: #7a8288; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { - color: #757c82; + color: #7a8288; } .radio, .checkbox { - min-height: 18px; + min-height: 21px; padding-left: 20px; } .radio input[type="radio"], @@ -1263,9 +1263,9 @@ select:focus:required:invalid:focus { box-shadow: 0 0 6px #f8b9b7; } .form-actions { - padding: 17px 20px 18px; - margin-top: 18px; - margin-bottom: 18px; + padding: 20px 20px 21px; + margin-top: 21px; + margin-bottom: 21px; background-color: #202328; border-top: 1px solid #e5e5e5; *zoom: 1; @@ -1281,11 +1281,11 @@ select:focus:required:invalid:focus { } .help-block, .help-inline { - color: #9da2a7; + color: #eeeeee; } .help-block { display: block; - margin-bottom: 9px; + margin-bottom: 10.5px; } .help-inline { display: inline-block; @@ -1310,7 +1310,7 @@ select:focus:required:invalid:focus { .input-prepend .uneditable-input, .input-append .dropdown-menu, .input-prepend .dropdown-menu { - font-size: 13px; + font-size: 14px; } .input-append input, .input-prepend input, @@ -1338,12 +1338,12 @@ select:focus:required:invalid:focus { .input-prepend .add-on { display: inline-block; width: auto; - height: 18px; + height: 21px; min-width: 16px; padding: 4px 5px; - font-size: 13px; + font-size: 14px; font-weight: normal; - line-height: 18px; + line-height: 21px; text-align: center; text-shadow: 0 1px 0 #ffffff; background-color: #bbbfc2; @@ -1360,8 +1360,8 @@ select:focus:required:invalid:focus { } .input-append .active, .input-prepend .active { - background-color: #d6edc3; - border-color: #87ca4d; + background-color: #d1eed1; + border-color: #62c462; } .input-prepend .add-on, .input-prepend .btn { @@ -1531,14 +1531,14 @@ input.search-query { margin-left: 0; } .control-group { - margin-bottom: 9px; + margin-bottom: 10.5px; } legend + .control-group { - margin-top: 18px; + margin-top: 21px; -webkit-margin-top-collapse: separate; } .form-horizontal .control-group { - margin-bottom: 18px; + margin-bottom: 21px; *zoom: 1; } .form-horizontal .control-group:before, @@ -1571,7 +1571,7 @@ legend + .control-group { .form-horizontal input + .help-block, .form-horizontal select + .help-block, .form-horizontal textarea + .help-block { - margin-top: 9px; + margin-top: 10.5px; } .form-horizontal .form-actions { padding-left: 180px; @@ -1584,12 +1584,12 @@ table { } .table { width: 100%; - margin-bottom: 18px; + margin-bottom: 21px; } .table th, .table td { padding: 8px; - line-height: 18px; + line-height: 21px; text-align: left; vertical-align: top; border-top: 1px solid #1c1e22; @@ -2305,10 +2305,10 @@ table th[class*="span"], .dropdown-menu .divider { *width: 100%; height: 1px; - margin: 8px 1px; + margin: 9.5px 1px; *margin: -5px 0 5px; overflow: hidden; - background-color: #e5e5e5; + background-color: transparent; border-bottom: 1px solid #1c1e22; } .dropdown-menu li > a { @@ -2316,15 +2316,15 @@ table th[class*="span"], padding: 3px 20px; clear: both; font-weight: normal; - line-height: 18px; - color: #757c82; + line-height: 21px; + color: #7a8288; white-space: nowrap; } .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a { text-decoration: none; - color: #bbbfc2; + color: #ffffff; background-color: #22262a; background-image: -moz-linear-gradient(top, #272b30, #1c1e22); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#272b30), to(#1c1e22)); @@ -2336,7 +2336,7 @@ table th[class*="span"], } .dropdown-menu .active > a, .dropdown-menu .active > a:hover { - color: #757c82; + color: #ffffff; text-decoration: none; outline: 0; background-color: #22262a; @@ -2350,7 +2350,7 @@ table th[class*="span"], } .dropdown-menu .disabled > a, .dropdown-menu .disabled > a:hover { - color: #757c82; + color: #7a8288; } .dropdown-menu .disabled > a:hover { text-decoration: none; @@ -2418,7 +2418,7 @@ table th[class*="span"], margin-right: -10px; } .dropdown-submenu:hover > a:after { - border-left-color: #bbbfc2; + border-left-color: #ffffff; } .dropdown-submenu.pull-left { float: none; @@ -2495,7 +2495,7 @@ table th[class*="span"], float: right; font-size: 20px; font-weight: bold; - line-height: 18px; + line-height: 21px; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; @@ -2523,9 +2523,9 @@ button.close { *zoom: 1; padding: 4px 12px; margin-bottom: 0; - font-size: 13px; - line-height: 18px; - *line-height: 18px; + font-size: 14px; + line-height: 21px; + *line-height: 21px; text-align: center; vertical-align: middle; cursor: pointer; @@ -2613,7 +2613,7 @@ button.close { } .btn-large { padding: 11px 19px; - font-size: 16.25px; + font-size: 17.5px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; @@ -2624,7 +2624,7 @@ button.close { } .btn-small { padding: 2px 10px; - font-size: 11.049999999999999px; + font-size: 11.9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; @@ -2635,7 +2635,7 @@ button.close { } .btn-mini { padding: 1px 6px; - font-size: 9.75px; + font-size: 10.5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; @@ -2672,17 +2672,17 @@ input[type="button"].btn-block { .btn-primary { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #757b82; - background-image: -moz-linear-gradient(top, #757c82, #757982); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#757c82), to(#757982)); - background-image: -webkit-linear-gradient(top, #757c82, #757982); - background-image: -o-linear-gradient(top, #757c82, #757982); - background-image: linear-gradient(to bottom, #757c82, #757982); + background-color: #bbbec2; + background-image: -moz-linear-gradient(top, #bbbfc2, #bbbdc2); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bbbfc2), to(#bbbdc2)); + background-image: -webkit-linear-gradient(top, #bbbfc2, #bbbdc2); + background-image: -o-linear-gradient(top, #bbbfc2, #bbbdc2); + background-image: linear-gradient(to bottom, #bbbfc2, #bbbdc2); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff757c82', endColorstr='#ff757982', GradientType=0); - border-color: #757982 #757982 #51535a; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbbbfc2', endColorstr='#ffbbbdc2', GradientType=0); + border-color: #bbbdc2 #bbbdc2 #93969e; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #757982; + *background-color: #bbbdc2; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); @@ -2693,12 +2693,12 @@ input[type="button"].btn-block { .btn-primary.disabled, .btn-primary[disabled] { color: #ffffff; - background-color: #757982; - *background-color: #696c75; + background-color: #bbbdc2; + *background-color: #aeb0b6; } .btn-primary:active, .btn-primary.active { - background-color: #5d6067 \9; + background-color: #a0a3aa \9; } .btn-warning { color: #ffffff; @@ -2926,8 +2926,8 @@ input[type="submit"].btn.btn-mini { } .btn-toolbar { font-size: 0; - margin-top: 9px; - margin-bottom: 9px; + margin-top: 10.5px; + margin-bottom: 10.5px; } .btn-toolbar .btn + .btn, .btn-toolbar .btn-group + .btn, @@ -2945,7 +2945,7 @@ input[type="submit"].btn.btn-mini { } .btn-group > .btn, .btn-group > .dropdown-menu { - font-size: 13px; + font-size: 14px; } .btn-group > .btn-mini { font-size: 11px; @@ -3037,7 +3037,7 @@ input[type="submit"].btn.btn-mini { background-color: #e6e6e6; } .btn-group.open .btn-primary.dropdown-toggle { - background-color: #757982; + background-color: #bbbdc2; } .btn-group.open .btn-warning.dropdown-toggle { background-color: #f89406; @@ -3121,7 +3121,7 @@ input[type="submit"].btn.btn-mini { } .alert { padding: 8px 35px 8px 14px; - margin-bottom: 18px; + margin-bottom: 21px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; @@ -3137,7 +3137,7 @@ input[type="submit"].btn.btn-mini { position: relative; top: -2px; right: -21px; - line-height: 18px; + line-height: 21px; } .alert-success { background-color: #dff0d8; @@ -3168,7 +3168,7 @@ input[type="submit"].btn.btn-mini { } .nav { margin-left: 0; - margin-bottom: 18px; + margin-bottom: 21px; list-style: none; } .nav > li > a { @@ -3186,8 +3186,8 @@ input[type="submit"].btn.btn-mini { padding: 3px 15px; font-size: 11px; font-weight: bold; - line-height: 18px; - color: #757c82; + line-height: 21px; + color: #7a8288; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; } @@ -3221,7 +3221,7 @@ input[type="submit"].btn.btn-mini { .nav-list .divider { *width: 100%; height: 1px; - margin: 8px 1px; + margin: 9.5px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; @@ -3263,7 +3263,7 @@ input[type="submit"].btn.btn-mini { .nav-tabs > li > a { padding-top: 8px; padding-bottom: 8px; - line-height: 18px; + line-height: 21px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; @@ -3373,8 +3373,8 @@ input[type="submit"].btn.btn-mini { .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover { color: #ffffff; - background-color: #757c82; - border-color: #757c82; + background-color: #7a8288; + border-color: #7a8288; } .nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, @@ -3385,7 +3385,7 @@ input[type="submit"].btn.btn-mini { filter: alpha(opacity=100); } .tabs-stacked .open > a:hover { - border-color: #757c82; + border-color: #7a8288; } .tabbable { *zoom: 1; @@ -3484,7 +3484,7 @@ input[type="submit"].btn.btn-mini { *border-left-color: #ffffff; } .nav > .disabled > a { - color: #757c82; + color: #7a8288; } .nav > .disabled > a:hover { text-decoration: none; @@ -3493,8 +3493,8 @@ input[type="submit"].btn.btn-mini { } .navbar { overflow: visible; - margin-bottom: 18px; - color: #757c82; + margin-bottom: 21px; + color: #c8c8c8; *position: relative; *z-index: 2; } @@ -3538,7 +3538,7 @@ input[type="submit"].btn.btn-mini { .navbar .brand { float: left; display: block; - padding: 11px 20px 11px; + padding: 9.5px 20px 9.5px; margin-left: -20px; font-size: 20px; font-weight: 200; @@ -3553,10 +3553,10 @@ input[type="submit"].btn.btn-mini { line-height: 40px; } .navbar-link { - color: #bbbfc2; + color: #c8c8c8; } .navbar-link:hover { - color: #bbbfc2; + color: #ffffff; } .navbar .divider-vertical { height: 40px; @@ -3699,8 +3699,8 @@ input[type="submit"].btn.btn-mini { } .navbar .nav > li > a { float: none; - padding: 11px 15px 11px; - color: #bbbfc2; + padding: 9.5px 15px 9.5px; + color: #c8c8c8; text-decoration: none; text-shadow: 0 1px 0 #3a3f44; } @@ -3710,13 +3710,13 @@ input[type="submit"].btn.btn-mini { .navbar .nav > li > a:focus, .navbar .nav > li > a:hover { background-color: #3a3f44; - color: #bbbfc2; + color: #ffffff; text-decoration: none; } .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { - color: #bbbfc2; + color: #ffffff; text-decoration: none; background-color: #272b30; -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); @@ -3815,17 +3815,17 @@ input[type="submit"].btn.btn-mini { .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle { background-color: #272b30; - color: #bbbfc2; + color: #ffffff; } .navbar .nav li.dropdown > .dropdown-toggle .caret { - border-top-color: #bbbfc2; - border-bottom-color: #bbbfc2; + border-top-color: #c8c8c8; + border-bottom-color: #c8c8c8; } .navbar .nav li.dropdown.open > .dropdown-toggle .caret, .navbar .nav li.dropdown.active > .dropdown-toggle .caret, .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { - border-top-color: #bbbfc2; - border-bottom-color: #bbbfc2; + border-top-color: #ffffff; + border-bottom-color: #ffffff; } .navbar .pull-right > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right { @@ -3853,7 +3853,7 @@ input[type="submit"].btn.btn-mini { border-radius: 6px 0 6px 6px; } .navbar-inverse { - color: #757c82; + color: #7a8288; } .navbar-inverse .navbar-inner { background-color: #1e2125; @@ -3868,7 +3868,7 @@ input[type="submit"].btn.btn-mini { } .navbar-inverse .brand, .navbar-inverse .nav > li > a { - color: #757c82; + color: #7a8288; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .navbar-inverse .brand:hover, @@ -3887,7 +3887,7 @@ input[type="submit"].btn.btn-mini { background-color: #101214; } .navbar-inverse .navbar-link { - color: #757c82; + color: #7a8288; } .navbar-inverse .navbar-link:hover { color: #ffffff; @@ -3903,8 +3903,8 @@ input[type="submit"].btn.btn-mini { color: #ffffff; } .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { - border-top-color: #757c82; - border-bottom-color: #757c82; + border-top-color: #7a8288; + border-bottom-color: #7a8288; } .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, @@ -3978,7 +3978,7 @@ input[type="submit"].btn.btn-mini { } .breadcrumb { padding: 8px 15px; - margin: 0 0 18px; + margin: 0 0 21px; list-style: none; background-color: #f5f5f5; -webkit-border-radius: 4px; @@ -3998,10 +3998,10 @@ input[type="submit"].btn.btn-mini { color: #ccc; } .breadcrumb .active { - color: #757c82; + color: #7a8288; } .pagination { - margin: 18px 0; + margin: 21px 0; } .pagination ul { display: inline-block; @@ -4025,7 +4025,7 @@ input[type="submit"].btn.btn-mini { .pagination ul > li > span { float: left; padding: 4px 12px; - line-height: 18px; + line-height: 21px; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; @@ -4038,13 +4038,13 @@ input[type="submit"].btn.btn-mini { } .pagination ul > .active > a, .pagination ul > .active > span { - color: #757c82; + color: #7a8288; cursor: default; } .pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover { - color: #757c82; + color: #7a8288; background-color: transparent; cursor: default; } @@ -4076,7 +4076,7 @@ input[type="submit"].btn.btn-mini { .pagination-large ul > li > a, .pagination-large ul > li > span { padding: 11px 19px; - font-size: 16.25px; + font-size: 17.5px; } .pagination-large ul > li:first-child > a, .pagination-large ul > li:first-child > span { @@ -4121,15 +4121,15 @@ input[type="submit"].btn.btn-mini { .pagination-small ul > li > a, .pagination-small ul > li > span { padding: 2px 10px; - font-size: 11.049999999999999px; + font-size: 11.9px; } .pagination-mini ul > li > a, .pagination-mini ul > li > span { padding: 1px 6px; - font-size: 9.75px; + font-size: 10.5px; } .pager { - margin: 18px 0; + margin: 21px 0; list-style: none; text-align: center; *zoom: 1; @@ -4171,7 +4171,7 @@ input[type="submit"].btn.btn-mini { .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > span { - color: #757c82; + color: #7a8288; background-color: #fff; cursor: default; } @@ -4310,7 +4310,7 @@ input[type="submit"].btn.btn-mini { color: #ffffff; text-align: center; text-decoration: none; - background-color: #000000; + background-color: #3a3f44; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; @@ -4327,28 +4327,28 @@ input[type="submit"].btn.btn-mini { left: 50%; margin-left: -5px; border-width: 5px 5px 0; - border-top-color: #000000; + border-top-color: #3a3f44; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; - border-right-color: #000000; + border-right-color: #3a3f44; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; - border-left-color: #000000; + border-left-color: #3a3f44; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; - border-bottom-color: #000000; + border-bottom-color: #3a3f44; } .popover { position: absolute; @@ -4358,7 +4358,7 @@ input[type="submit"].btn.btn-mini { display: none; width: 236px; padding: 1px; - background-color: #ffffff; + background-color: #3a3f44; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; @@ -4389,8 +4389,8 @@ input[type="submit"].btn.btn-mini { font-size: 14px; font-weight: normal; line-height: 18px; - background-color: #f7f7f7; - border-bottom: 1px solid #ebebeb; + background-color: #41474c; + border-bottom: 1px solid #353a3e; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; @@ -4421,7 +4421,7 @@ input[type="submit"].btn.btn-mini { left: 50%; margin-left: -10px; border-width: 10px 10px 0; - border-top-color: #ffffff; + border-top-color: #3a3f44; } .popover.top .arrow:after { border-width: 11px 11px 0; @@ -4434,7 +4434,7 @@ input[type="submit"].btn.btn-mini { left: -10px; margin-top: -10px; border-width: 10px 10px 10px 0; - border-right-color: #ffffff; + border-right-color: #3a3f44; } .popover.right .arrow:after { border-width: 11px 11px 11px 0; @@ -4447,7 +4447,7 @@ input[type="submit"].btn.btn-mini { left: 50%; margin-left: -10px; border-width: 0 10px 10px; - border-bottom-color: #ffffff; + border-bottom-color: #3a3f44; } .popover.bottom .arrow:after { border-width: 0 11px 11px; @@ -4460,7 +4460,7 @@ input[type="submit"].btn.btn-mini { right: -10px; margin-top: -10px; border-width: 10px 0 10px 10px; - border-left-color: #ffffff; + border-left-color: #3a3f44; } .popover.left .arrow:after { border-width: 11px 0 11px 11px; @@ -4487,13 +4487,13 @@ input[type="submit"].btn.btn-mini { } .thumbnails > li { float: left; - margin-bottom: 18px; + margin-bottom: 21px; margin-left: 20px; } .thumbnail { display: block; padding: 4px; - line-height: 18px; + line-height: 21px; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; @@ -4555,14 +4555,14 @@ a.thumbnail:hover { .badge { display: inline-block; padding: 2px 4px; - font-size: 10.998px; + font-size: 11.844px; font-weight: bold; line-height: 14px; color: #ffffff; vertical-align: baseline; white-space: nowrap; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #757c82; + background-color: #7a8288; } .label { -webkit-border-radius: 3px; @@ -4673,8 +4673,8 @@ a.badge:hover { } .progress { overflow: hidden; - height: 18px; - margin-bottom: 18px; + height: 21px; + margin-bottom: 21px; background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); @@ -4822,7 +4822,7 @@ a.badge:hover { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .accordion { - margin-bottom: 18px; + margin-bottom: 21px; } .accordion-group { margin-bottom: 2px; @@ -4847,7 +4847,7 @@ a.badge:hover { } .carousel { position: relative; - margin-bottom: 18px; + margin-bottom: 21px; line-height: 1; } .carousel-inner { @@ -4939,7 +4939,7 @@ a.badge:hover { .carousel-caption h4, .carousel-caption p { color: #ffffff; - line-height: 18px; + line-height: 21px; } .carousel-caption h4 { margin: 0 0 5px; @@ -4952,7 +4952,7 @@ a.badge:hover { margin-bottom: 30px; font-size: 18px; font-weight: 200; - line-height: 27px; + line-height: 31.5px; color: inherit; background-color: #202328; -webkit-border-radius: 6px; @@ -4967,7 +4967,7 @@ a.badge:hover { letter-spacing: -1px; } .hero-unit li { - line-height: 27px; + line-height: 31.5px; } .pull-right { float: right; @@ -5057,6 +5057,10 @@ legend, .navbar .navbar-search .search-query { border: 1px solid #2e3134; } +.navbar .btn, +.navbar .btn-group { + margin: 4px 0; +} .navbar .divider-vertical { background-color: transparent; border-right: none; @@ -5113,7 +5117,7 @@ legend, box-shadow: none; } .navbar .nav-collapse .nav-header { - color: #757c82; + color: #7a8288; } .navbar-inverse .nav-collapse .nav li > a:hover, .navbar-inverse .nav-collapse .nav .active > a:hover { @@ -5188,7 +5192,7 @@ div.subnav.subnav-fixed { .nav .nav-header { text-shadow: none; } -.nav > li > a { +.nav > li > a { background-color: #3a3f44; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#52575c), color-stop(70%, #3a3f44), to(#3a3f44)); background-image: -webkit-linear-gradient(#52575c, #3a3f44 70%, #3a3f44); @@ -5201,17 +5205,17 @@ div.subnav.subnav-fixed { -moz-box-shadow: '0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)'; box-shadow: '0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)'; border: none; - color: #757c82; + color: #7a8288; font-weight: bold; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); } -.nav > li.active > a, -.nav > li.active > a:hover { +.nav li.active > a, +.nav li.active > a:hover { background-color: transparent; border: none; color: #ffffff; } -.nav > li > a:hover { +.nav li > a:hover { background-color: transparent; color: #bbbfc2; } @@ -5245,9 +5249,16 @@ div.subnav.subnav-fixed { .tabs-right .nav-tabs { border-left: none; } -.nav-tabs.nav-stacked > li > a, -.nav-tabs.nav-stacked > li > a:hover { - border: none; +.nav-tabs.nav-stacked li > a, +.nav-tabs.nav-stacked li > a:hover { + border: 1px solid #1c1e22; + background-image: none; +} +.nav-tabs.nav-stacked li > a:hover, +.nav-tabs.nav-stacked .active > a, +.nav-tabs.nav-stacked .active > a:hover { + background-color: #202328; + color: #ffffff; } .breadcrumb { border: 1px solid transparent; @@ -5268,7 +5279,7 @@ div.subnav.subnav-fixed { font-weight: bold; } .breadcrumb li { - color: #757c82; + color: #7a8288; font-weight: bold; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); } @@ -5331,15 +5342,16 @@ div.subnav.subnav-fixed { border-top: none; border-bottom: none; background-color: #52575c; - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#757c82), color-stop(70%, #52575c), to(#52575c)); - background-image: -webkit-linear-gradient(#757c82, #52575c 70%, #52575c); - background-image: -moz-linear-gradient(top, #757c82, #52575c 70%, #52575c); - background-image: -o-linear-gradient(#757c82, #52575c 70%, #52575c); - background-image: linear-gradient(#757c82, #52575c 70%, #52575c); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7a8288), color-stop(70%, #52575c), to(#52575c)); + background-image: -webkit-linear-gradient(#7a8288, #52575c 70%, #52575c); + background-image: -moz-linear-gradient(top, #7a8288, #52575c 70%, #52575c); + background-image: -o-linear-gradient(#7a8288, #52575c 70%, #52575c); + background-image: linear-gradient(#7a8288, #52575c 70%, #52575c); background-repeat: no-repeat; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff757c82', endColorstr='#ff52575c', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7a8288', endColorstr='#ff52575c', GradientType=0); } -.pager a { +.pager li > a, +.pager li > span { border: 1px solid transparent; -webkit-box-shadow: '0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)'; -moz-box-shadow: '0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)'; @@ -5353,7 +5365,8 @@ div.subnav.subnav-fixed { background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff52575c', endColorstr='#ff3a3f44', GradientType=0); } -.pager a:hover { +.pager li > a:hover, +.pager li > span:hover { background-color: #3a3f44; background-repeat: repeat-x; background-image: -moz-linear-gradient(280deg, #272b30, #3a3f44); @@ -5405,25 +5418,27 @@ div.subnav.subnav-fixed { .btn:hover { color: #ffffff; font-weight: bold; - text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); + text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3); } .btn-primary { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #757a82; - background-image: -moz-linear-gradient(top, #757c82, #757882); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#757c82), to(#757882)); - background-image: -webkit-linear-gradient(top, #757c82, #757882); - background-image: -o-linear-gradient(top, #757c82, #757882); - background-image: linear-gradient(to bottom, #757c82, #757882); + background-color: #bbbec2; + background-image: -moz-linear-gradient(top, #bbbfc2, #bbbdc2); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bbbfc2), to(#bbbdc2)); + background-image: -webkit-linear-gradient(top, #bbbfc2, #bbbdc2); + background-image: -o-linear-gradient(top, #bbbfc2, #bbbdc2); + background-image: linear-gradient(to bottom, #bbbfc2, #bbbdc2); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff757c82', endColorstr='#ff757882', GradientType=0); - border-color: #757882 #757882 #51535a; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbbbfc2', endColorstr='#ffbbbdc2', GradientType=0); + border-color: #bbbdc2 #bbbdc2 #93959e; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #757882; + *background-color: #bbbdc2; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + color: #3a3f44; + text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3); } .btn-primary:hover, .btn-primary:active, @@ -5431,12 +5446,12 @@ div.subnav.subnav-fixed { .btn-primary.disabled, .btn-primary[disabled] { color: #ffffff; - background-color: #757882; - *background-color: #696b75; + background-color: #bbbdc2; + *background-color: #aeb0b6; } .btn-primary:active, .btn-primary.active { - background-color: #5d5f67 \9; + background-color: #a0a2aa \9; } .btn-warning { color: #ffffff; @@ -5565,17 +5580,17 @@ div.subnav.subnav-fixed { .btn-inverse { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #393939; - background-image: -moz-linear-gradient(top, #454545, #262626); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#454545), to(#262626)); - background-image: -webkit-linear-gradient(top, #454545, #262626); - background-image: -o-linear-gradient(top, #454545, #262626); - background-image: linear-gradient(to bottom, #454545, #262626); + background-color: #41454a; + background-image: -moz-linear-gradient(top, #52575c, #272b30); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#52575c), to(#272b30)); + background-image: -webkit-linear-gradient(top, #52575c, #272b30); + background-image: -o-linear-gradient(top, #52575c, #272b30); + background-image: linear-gradient(to bottom, #52575c, #272b30); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff454545', endColorstr='#ff262626', GradientType=0); - border-color: #262626 #262626 #000000; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff52575c', endColorstr='#ff272b30', GradientType=0); + border-color: #272b30 #272b30 #050506; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #262626; + *background-color: #272b30; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); @@ -5586,23 +5601,32 @@ div.subnav.subnav-fixed { .btn-inverse.disabled, .btn-inverse[disabled] { color: #ffffff; - background-color: #262626; - *background-color: #191919; + background-color: #272b30; + *background-color: #1c1e22; } .btn-inverse:active, .btn-inverse.active { - background-color: #0c0c0c \9; + background-color: #101214 \9; } .caret { border-top-color: #ffffff; } +.table tbody tr.success td { + background-color: #468847; +} +.table tbody tr.error td { + background-color: #b94a48; +} +.table tbody tr.info td { + background-color: #3a87ad; +} label, input, button, select, textarea, legend { - color: #757c82; + color: #c8c8c8; } legend, label { @@ -5612,8 +5636,8 @@ label { .input-append .add-on { vertical-align: top; background-color: #52575c; - border-top: 1px solid #757c82; - border-left: 1px solid #757c82; + border-top: 1px solid #7a8288; + border-left: 1px solid #7a8288; border-bottom: 1px solid #3a3f44; border-right: 1px solid #3a3f44; text-shadow: none; @@ -5640,19 +5664,10 @@ textarea[readonly] { -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); } -.dropdown-menu li.active a, -.dropdown-menu li.active a:hover { - background-color: #3a3f44; -} .dropdown.open .dropdown-toggle { background-color: #3a3f44; color: #bbbfc2; } -.dropdown-menu .divider { - border-top: none; - border-bottom: 1px solid #1c1e22; - background-color: transparent; -} .dropdown-submenu > a::after { border-left-color: #ffffff; } @@ -5712,7 +5727,7 @@ a.thumbnail:hover { border-top: 1px solid #1c1e22; } .footer p { - color: #757c82; + color: #c8c8c8; } .modal { background-color: #2e3236;