diff options
author | Thomas Park <thomas@thomaspark.me> | 2012-08-04 17:21:04 -0400 |
---|---|---|
committer | Thomas Park <thomas@thomaspark.me> | 2012-08-04 17:21:04 -0400 |
commit | 7b8d1765c4912ade9e3d3ec4fefef9bd4a4be96c (patch) | |
tree | bf9d3cebf4a6c3cb81d788211beb8d30eec2036a | |
parent | 0b22fae9306d40332fa04a512e10efee6252de7d (diff) |
journal: big revamp to newspaper look
-rw-r--r-- | journal/bootstrap.css | 652 | ||||
-rw-r--r-- | journal/bootstrap.min.css | 227 | ||||
-rwxr-xr-x | journal/bootswatch.less | 249 | ||||
-rwxr-xr-x | journal/variables.less | 72 |
4 files changed, 702 insertions, 498 deletions
diff --git a/journal/bootstrap.css b/journal/bootstrap.css index 9c184339..60fddeef 100644 --- a/journal/bootstrap.css +++ b/journal/bootstrap.css @@ -1,4 +1,4 @@ -@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700'); +@import url('http://fonts.googleapis.com/css?family=News+Cycle:400,700'); /*! * Bootstrap v2.0.4 * @@ -134,14 +134,14 @@ textarea { } body { margin: 0; - font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 14px; + font-family: Georgia, "Times New Roman", Times, serif; + font-size: 13px; line-height: 18px; - color: #222222; - background-color: #fcfbfd; + color: #888888; + background-color: #ffffff; } a { - color: #222222; + color: #888888; text-decoration: none; } a:hover { @@ -346,8 +346,8 @@ p { margin: 0 0 9px; } p small { - font-size: 12px; - color: #999999; + font-size: 11px; + color: #bbbbbb; } .lead { margin-bottom: 18px; @@ -362,9 +362,9 @@ h4, h5, h6 { margin: 0; - font-family: inherit; + font-family: "News Cycle", "Arial Narrow Bold", sans-serif; font-weight: bold; - color: inherit; + color: #000000; text-rendering: optimizelegibility; } h1 small, @@ -374,7 +374,7 @@ h4 small, h5 small, h6 small { font-weight: normal; - color: #999999; + color: #bbbbbb; } h1 { font-size: 30px; @@ -413,7 +413,7 @@ h5 { } h6 { font-size: 11px; - color: #999999; + color: #bbbbbb; text-transform: uppercase; } .page-header { @@ -488,11 +488,11 @@ em { font-style: italic; } .muted { - color: #999999; + color: #bbbbbb; } abbr[title] { cursor: help; - border-bottom: 1px dotted #999999; + border-bottom: 1px dotted #bbbbbb; } abbr.initialism { font-size: 90%; @@ -512,7 +512,7 @@ blockquote p { blockquote small { display: block; line-height: 18px; - color: #999999; + color: #bbbbbb; } blockquote small:before { content: '\2014 \00A0'; @@ -550,8 +550,8 @@ code, pre { padding: 0 3px 2px; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; - font-size: 13px; - color: #333333; + font-size: 12px; + color: #888888; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; @@ -566,7 +566,7 @@ pre { display: block; padding: 8.5px; margin: 0 0 9px; - font-size: 12.950000000000001px; + font-size: 12.025px; line-height: 18px; word-break: break-all; word-wrap: break-word; @@ -605,22 +605,22 @@ legend { width: 100%; padding: 0; margin-bottom: 27px; - font-size: 21px; + font-size: 19.5px; line-height: 36px; - color: #333333; + color: #888888; border: 0; border-bottom: 1px solid #e5e5e5; } legend small { font-size: 13.5px; - color: #999999; + color: #bbbbbb; } label, input, button, select, textarea { - font-size: 14px; + font-size: 13px; font-weight: normal; line-height: 18px; } @@ -628,7 +628,7 @@ input, button, select, textarea { - font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif; + font-family: Georgia, "Times New Roman", Times, serif; } label { display: block; @@ -655,9 +655,9 @@ input[type="color"], height: 18px; padding: 4px; margin-bottom: 9px; - font-size: 14px; + font-size: 13px; line-height: 18px; - color: #888888; + color: #999999; } input, textarea { @@ -1014,17 +1014,17 @@ select:focus:required:invalid:focus { box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); } :-moz-placeholder { - color: #999999; + color: #bbbbbb; } :-ms-input-placeholder { - color: #999999; + color: #bbbbbb; } ::-webkit-input-placeholder { - color: #999999; + color: #bbbbbb; } .help-block, .help-inline { - color: #888888; + color: #999999; } .help-block { display: block; @@ -1350,11 +1350,11 @@ table { } .table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th { - background-color: #eeeeee; + background-color: #f5f5f5; } .table tbody tr:hover td, .table tbody tr:hover th { - background-color: #f5f5f5; + background-color: #eeeeee; } table .span1 { float: none; @@ -1958,7 +1958,7 @@ table .span24 { padding: 4px 0; margin: 1px 0 0; list-style: none; - background-color: #fcfbfd; + background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; @@ -1983,8 +1983,8 @@ table .span24 { margin: 8px 1px; *margin: -5px 0 5px; overflow: hidden; - background-color: #e5e5e5; - border-bottom: 1px solid #ffffff; + background-color: #eeeeee; + border-bottom: 1px solid #eeeeee; } .dropdown-menu a { display: block; @@ -1992,13 +1992,13 @@ table .span24 { clear: both; font-weight: normal; line-height: 18px; - color: #222222; + color: #000000; white-space: nowrap; } .dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover { - color: #222222; + color: #000000; text-decoration: none; background-color: #eeeeee; } @@ -2116,10 +2116,10 @@ button.close { *zoom: 1; padding: 4px 10px 4px; margin-bottom: 0; - font-size: 14px; + font-size: 13px; line-height: 18px; *line-height: 20px; - color: #333333; + color: #888888; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; @@ -2139,9 +2139,9 @@ button.close { /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); - border: 1px solid #cccccc; + border: 1px solid #d9d9d9; *border: 0; - border-bottom-color: #b3b3b3; + border-bottom-color: #bfbfbf; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; @@ -2166,7 +2166,7 @@ button.close { *margin-left: 0; } .btn:hover { - color: #333333; + color: #888888; text-decoration: none; background-color: #e6e6e6; *background-color: #d9d9d9; @@ -2207,7 +2207,7 @@ button.close { } .btn-large { padding: 9px 14px; - font-size: 16px; + font-size: 15px; line-height: normal; -webkit-border-radius: 5px; -moz-border-radius: 5px; @@ -2218,7 +2218,7 @@ button.close { } .btn-small { padding: 5px 9px; - font-size: 12px; + font-size: 11px; line-height: 16px; } .btn-small [class^="icon-"] { @@ -2226,7 +2226,7 @@ button.close { } .btn-mini { padding: 2px 6px; - font-size: 12px; + font-size: 11px; line-height: 14px; } .btn-primary, @@ -2257,18 +2257,18 @@ button.close { border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } .btn-primary { - background-color: #222222; - background-image: -moz-linear-gradient(top, #222222, #222222); - background-image: -ms-linear-gradient(top, #222222, #222222); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#222222)); - background-image: -webkit-linear-gradient(top, #222222, #222222); - background-image: -o-linear-gradient(top, #222222, #222222); - background-image: linear-gradient(top, #222222, #222222); + background-color: #909090; + background-image: -moz-linear-gradient(top, #959595, #888888); + background-image: -ms-linear-gradient(top, #959595, #888888); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#959595), to(#888888)); + background-image: -webkit-linear-gradient(top, #959595, #888888); + background-image: -o-linear-gradient(top, #959595, #888888); + background-image: linear-gradient(top, #959595, #888888); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#222222', GradientType=0); - border-color: #222222 #222222 #000000; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#888888', GradientType=0); + border-color: #888888 #888888 #626262; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #222222; + *background-color: #888888; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); @@ -2278,12 +2278,12 @@ button.close { .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { - background-color: #222222; - *background-color: #151515; + background-color: #888888; + *background-color: #7b7b7b; } .btn-primary:active, .btn-primary.active { - background-color: #080808 \9; + background-color: #6f6f6f \9; } .btn-warning { background-color: #ff8e1f; @@ -2315,18 +2315,18 @@ button.close { background-color: #cc6600 \9; } .btn-danger { - background-color: #da4f49; - background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); - background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); - background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); - background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); - background-image: linear-gradient(top, #ee5f5b, #bd362f); + background-color: #eb0000; + background-image: -moz-linear-gradient(top, #ff0000, #cc0000); + background-image: -ms-linear-gradient(top, #ff0000, #cc0000); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff0000), to(#cc0000)); + background-image: -webkit-linear-gradient(top, #ff0000, #cc0000); + background-image: -o-linear-gradient(top, #ff0000, #cc0000); + background-image: linear-gradient(top, #ff0000, #cc0000); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0); - border-color: #bd362f #bd362f #802420; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#cc0000', GradientType=0); + border-color: #cc0000 #cc0000 #800000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #bd362f; + *background-color: #cc0000; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); @@ -2336,26 +2336,26 @@ button.close { .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { - background-color: #bd362f; - *background-color: #a9302a; + background-color: #cc0000; + *background-color: #b30000; } .btn-danger:active, .btn-danger.active { - background-color: #942a25 \9; + background-color: #990000 \9; } .btn-success { - background-color: #5bb75b; - background-image: -moz-linear-gradient(top, #62c462, #51a351); - background-image: -ms-linear-gradient(top, #62c462, #51a351); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); - background-image: -webkit-linear-gradient(top, #62c462, #51a351); - background-image: -o-linear-gradient(top, #62c462, #51a351); - background-image: linear-gradient(top, #62c462, #51a351); + background-color: #24bf51; + background-image: -moz-linear-gradient(top, #26c755, #22b24c); + background-image: -ms-linear-gradient(top, #26c755, #22b24c); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#26c755), to(#22b24c)); + background-image: -webkit-linear-gradient(top, #26c755, #22b24c); + background-image: -o-linear-gradient(top, #26c755, #22b24c); + background-image: linear-gradient(top, #26c755, #22b24c); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0); - border-color: #51a351 #51a351 #387038; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26c755', endColorstr='#22b24c', GradientType=0); + border-color: #22b24c #22b24c #167231; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #51a351; + *background-color: #22b24c; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); @@ -2365,26 +2365,26 @@ button.close { .btn-success.active, .btn-success.disabled, .btn-success[disabled] { - background-color: #51a351; - *background-color: #499249; + background-color: #22b24c; + *background-color: #1e9d43; } .btn-success:active, .btn-success.active { - background-color: #408140 \9; + background-color: #1a873a \9; } .btn-info { - background-color: #49afcd; - background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); - background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); - background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); - background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); - background-image: linear-gradient(top, #5bc0de, #2f96b4); + background-color: #376ea4; + background-image: -moz-linear-gradient(top, #3973ac, #336699); + background-image: -ms-linear-gradient(top, #3973ac, #336699); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3973ac), to(#336699)); + background-image: -webkit-linear-gradient(top, #3973ac, #336699); + background-image: -o-linear-gradient(top, #3973ac, #336699); + background-image: linear-gradient(top, #3973ac, #336699); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0); - border-color: #2f96b4 #2f96b4 #1f6377; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3973ac', endColorstr='#336699', GradientType=0); + border-color: #336699 #336699 #204060; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #2f96b4; + *background-color: #336699; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); @@ -2394,26 +2394,26 @@ button.close { .btn-info.active, .btn-info.disabled, .btn-info[disabled] { - background-color: #2f96b4; - *background-color: #2a85a0; + background-color: #336699; + *background-color: #2d5986; } .btn-info:active, .btn-info.active { - background-color: #24748c \9; + background-color: #264c73 \9; } .btn-inverse { - background-color: #1d1d1d; - background-image: -moz-linear-gradient(top, #222222, #151515); - background-image: -ms-linear-gradient(top, #222222, #151515); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#151515)); - background-image: -webkit-linear-gradient(top, #222222, #151515); - background-image: -o-linear-gradient(top, #222222, #151515); - background-image: linear-gradient(top, #222222, #151515); + background-color: #909090; + background-image: -moz-linear-gradient(top, #959595, #888888); + background-image: -ms-linear-gradient(top, #959595, #888888); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#959595), to(#888888)); + background-image: -webkit-linear-gradient(top, #959595, #888888); + background-image: -o-linear-gradient(top, #959595, #888888); + background-image: linear-gradient(top, #959595, #888888); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#151515', GradientType=0); - border-color: #151515 #151515 #000000; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#888888', GradientType=0); + border-color: #888888 #888888 #626262; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #151515; + *background-color: #888888; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); @@ -2423,12 +2423,12 @@ button.close { .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { - background-color: #151515; - *background-color: #080808; + background-color: #888888; + *background-color: #7b7b7b; } .btn-inverse:active, .btn-inverse.active { - background-color: #000000 \9; + background-color: #6f6f6f \9; } button.btn, input[type="submit"].btn { @@ -2570,22 +2570,22 @@ input[type="submit"].btn.btn-mini { background-color: #e6e6e6; } .btn-group.open .btn-primary.dropdown-toggle { - background-color: #222222; + background-color: #888888; } .btn-group.open .btn-warning.dropdown-toggle { background-color: #ff7f00; } .btn-group.open .btn-danger.dropdown-toggle { - background-color: #bd362f; + background-color: #cc0000; } .btn-group.open .btn-success.dropdown-toggle { - background-color: #51a351; + background-color: #22b24c; } .btn-group.open .btn-info.dropdown-toggle { - background-color: #2f96b4; + background-color: #336699; } .btn-group.open .btn-inverse.dropdown-toggle { - background-color: #151515; + background-color: #888888; } .btn .caret { margin-top: 7px; @@ -2691,7 +2691,7 @@ input[type="submit"].btn.btn-mini { font-size: 11px; font-weight: bold; line-height: 18px; - color: #999999; + color: #bbbbbb; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; } @@ -2716,7 +2716,7 @@ input[type="submit"].btn.btn-mini { .nav-list > .active > a:hover { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); - background-color: #222222; + background-color: #888888; } .nav-list [class^="icon-"] { margin-right: 2px; @@ -2776,7 +2776,7 @@ input[type="submit"].btn.btn-mini { } .nav-tabs > .active > a, .nav-tabs > .active > a:hover { - color: #888888; + color: #999999; background-color: #ffffff; border: 1px solid #ddd; border-bottom-color: transparent; @@ -2794,7 +2794,7 @@ input[type="submit"].btn.btn-mini { .nav-pills > .active > a, .nav-pills > .active > a:hover { color: #ffffff; - background-color: #222222; + background-color: #888888; } .nav-stacked > li { float: none; @@ -2843,8 +2843,8 @@ input[type="submit"].btn.btn-mini { } .nav-tabs .dropdown-toggle .caret, .nav-pills .dropdown-toggle .caret { - border-top-color: #222222; - border-bottom-color: #222222; + border-top-color: #888888; + border-bottom-color: #888888; margin-top: 6px; } .nav-tabs .dropdown-toggle:hover .caret, @@ -2854,8 +2854,8 @@ input[type="submit"].btn.btn-mini { } .nav-tabs .active .dropdown-toggle .caret, .nav-pills .active .dropdown-toggle .caret { - border-top-color: #333333; - border-bottom-color: #333333; + border-top-color: #888888; + border-bottom-color: #888888; } .nav > .dropdown.active > a:hover { color: #000000; @@ -2865,8 +2865,8 @@ input[type="submit"].btn.btn-mini { .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover { color: #ffffff; - background-color: #999999; - border-color: #999999; + background-color: #bbbbbb; + border-color: #bbbbbb; } .nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, @@ -2877,7 +2877,7 @@ input[type="submit"].btn.btn-mini { filter: alpha(opacity=100); } .tabs-stacked .open > a:hover { - border-color: #999999; + border-color: #bbbbbb; } .tabbable { *zoom: 1; @@ -2981,18 +2981,18 @@ input[type="submit"].btn.btn-mini { margin-bottom: 18px; } .navbar-inner { - min-height: 70px; + min-height: 60px; padding-left: 20px; padding-right: 20px; - background-color: #fcfbfd; - background-image: -moz-linear-gradient(top, #fcfbfd, #fcfbfd); - background-image: -ms-linear-gradient(top, #fcfbfd, #fcfbfd); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fcfbfd), to(#fcfbfd)); - background-image: -webkit-linear-gradient(top, #fcfbfd, #fcfbfd); - background-image: -o-linear-gradient(top, #fcfbfd, #fcfbfd); - background-image: linear-gradient(top, #fcfbfd, #fcfbfd); + background-color: #ffffff; + background-image: -moz-linear-gradient(top, #ffffff, #ffffff); + background-image: -ms-linear-gradient(top, #ffffff, #ffffff); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ffffff)); + background-image: -webkit-linear-gradient(top, #ffffff, #ffffff); + background-image: -o-linear-gradient(top, #ffffff, #ffffff); + background-image: linear-gradient(top, #ffffff, #ffffff); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfbfd', endColorstr='#fcfbfd', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; @@ -3007,7 +3007,7 @@ input[type="submit"].btn.btn-mini { height: auto; } .navbar { - color: #222222; + color: #888888; } .navbar .brand:hover { text-decoration: none; @@ -3015,26 +3015,26 @@ input[type="submit"].btn.btn-mini { .navbar .brand { float: left; display: block; - padding: 23px 20px 27px; + padding: 18px 20px 22px; margin-left: -20px; font-size: 20px; font-weight: 200; line-height: 1; - color: #222222; + color: #000000; } .navbar .navbar-text { margin-bottom: 0; - line-height: 70px; + line-height: 60px; } .navbar .navbar-link { - color: #222222; + color: #000000; } .navbar .navbar-link:hover { - color: #222222; + color: #000000; } .navbar .btn, .navbar .btn-group { - margin-top: 20px; + margin-top: 15px; } .navbar .btn-group .btn { margin: 0; @@ -3055,7 +3055,7 @@ input[type="submit"].btn.btn-mini { .navbar-form select, .navbar-form .radio, .navbar-form .checkbox { - margin-top: 20px; + margin-top: 15px; } .navbar-form input, .navbar-form select { @@ -3079,12 +3079,12 @@ input[type="submit"].btn.btn-mini { .navbar-search { position: relative; float: left; - margin-top: 21px; + margin-top: 16px; margin-bottom: 0; } .navbar-search .search-query { padding: 4px 9px; - font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif; + font-family: "News Cycle", "Arial Narrow Bold", sans-serif; font-size: 13px; font-weight: normal; line-height: 1; @@ -3112,7 +3112,7 @@ input[type="submit"].btn.btn-mini { .navbar-search .search-query:focus, .navbar-search .search-query.focused { padding: 5px 10px; - color: #333333; + color: #888888; text-shadow: 0 1px 0 #ffffff; background-color: #ffffff; border: 0; @@ -3163,40 +3163,40 @@ input[type="submit"].btn.btn-mini { } .navbar .nav > li > a { float: none; - padding: 24px 10px 26px; + padding: 19px 10px 21px; line-height: 19px; - color: #222222; + color: #000000; text-decoration: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .navbar .btn { display: inline-block; padding: 4px 10px 4px; - margin: 20px 5px 21px; + margin: 15px 5px 16px; line-height: 18px; } .navbar .btn-group { margin: 0; - padding: 20px 5px 21px; + padding: 15px 5px 16px; } .navbar .nav > li > a:hover { - background-color: #eeeeee; - color: #222222; + background-color: transparent; + color: #000000; text-decoration: none; } .navbar .nav .active > a, .navbar .nav .active > a:hover { - color: #222222; + color: #000000; text-decoration: none; - background-color: #eeeeee; + background-color: transparent; } .navbar .divider-vertical { - height: 70px; + height: 60px; width: 1px; margin: 0 9px; overflow: hidden; - background-color: #fcfbfd; - border-right: 1px solid #fcfbfd; + background-color: #ffffff; + border-right: 1px solid #ffffff; } .navbar .nav.pull-right { margin-left: 10px; @@ -3208,18 +3208,18 @@ input[type="submit"].btn.btn-mini { padding: 7px 10px; margin-left: 5px; margin-right: 5px; - background-color: #fcfbfd; - background-image: -moz-linear-gradient(top, #fcfbfd, #fcfbfd); - background-image: -ms-linear-gradient(top, #fcfbfd, #fcfbfd); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fcfbfd), to(#fcfbfd)); - background-image: -webkit-linear-gradient(top, #fcfbfd, #fcfbfd); - background-image: -o-linear-gradient(top, #fcfbfd, #fcfbfd); - background-image: linear-gradient(top, #fcfbfd, #fcfbfd); + background-color: #ffffff; + background-image: -moz-linear-gradient(top, #ffffff, #ffffff); + background-image: -ms-linear-gradient(top, #ffffff, #ffffff); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ffffff)); + background-image: -webkit-linear-gradient(top, #ffffff, #ffffff); + background-image: -o-linear-gradient(top, #ffffff, #ffffff); + background-image: linear-gradient(top, #ffffff, #ffffff); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfbfd', endColorstr='#fcfbfd', GradientType=0); - border-color: #fcfbfd #fcfbfd #d6c8e4; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0); + border-color: #ffffff #ffffff #d9d9d9; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #fcfbfd; + *background-color: #ffffff; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); @@ -3232,12 +3232,12 @@ input[type="submit"].btn.btn-mini { .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] { - background-color: #fcfbfd; - *background-color: #efeaf5; + background-color: #ffffff; + *background-color: #f2f2f2; } .navbar .btn-navbar:active, .navbar .btn-navbar.active { - background-color: #e3d9ec \9; + background-color: #e6e6e6 \9; } .navbar .btn-navbar .icon-bar { display: block; @@ -3270,7 +3270,7 @@ input[type="submit"].btn.btn-mini { display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; - border-bottom: 6px solid #fcfbfd; + border-bottom: 6px solid #ffffff; position: absolute; top: -6px; left: 10px; @@ -3283,7 +3283,7 @@ input[type="submit"].btn.btn-mini { top: auto; } .navbar-fixed-bottom .dropdown-menu:after { - border-top: 6px solid #fcfbfd; + border-top: 6px solid #ffffff; border-bottom: 0; bottom: -6px; top: auto; @@ -3351,10 +3351,10 @@ input[type="submit"].btn.btn-mini { } .breadcrumb .divider { padding: 0 5px; - color: #999999; + color: #bbbbbb; } .breadcrumb .active a { - color: #333333; + color: #888888; } .pagination { height: 36px; @@ -3391,13 +3391,13 @@ input[type="submit"].btn.btn-mini { background-color: #f5f5f5; } .pagination .active a { - color: #999999; + color: #bbbbbb; cursor: default; } .pagination .disabled span, .pagination .disabled a, .pagination .disabled a:hover { - color: #999999; + color: #bbbbbb; background-color: transparent; cursor: default; } @@ -3457,7 +3457,7 @@ input[type="submit"].btn.btn-mini { } .pager .disabled a, .pager .disabled a:hover { - color: #999999; + color: #bbbbbb; background-color: #fff; cursor: default; } @@ -3771,7 +3771,7 @@ input[type="submit"].btn.btn-mini { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); } a.thumbnail:hover { - border-color: #222222; + border-color: #888888; -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); @@ -3787,14 +3787,14 @@ a.thumbnail:hover { } .label, .badge { - font-size: 11.844px; + font-size: 10.998px; 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: #999999; + background-color: #bbbbbb; } .label { padding: 1px 4px 2px; @@ -3848,11 +3848,11 @@ a.badge:hover { } .label-inverse, .badge-inverse { - background-color: #333333; + background-color: #888888; } .label-inverse[href], .badge-inverse[href] { - background-color: #1a1a1a; + background-color: #6f6f6f; } @-webkit-keyframes progress-bar-stripes { from { @@ -4156,7 +4156,7 @@ a.badge:hover { right: 0; bottom: 0; padding: 10px 15px 5px; - background: #333333; + background: #888888; background: rgba(0, 0, 0, 0.75); } .carousel-caption h4, @@ -4204,160 +4204,194 @@ h2, h3, h4, h5, -h6, -.navbar .brand { - font-weight: 700; +h6 { + line-height: 1.5em; } -a { - text-decoration: underline; +h1 { + font-size: 48px; } -.nav a, -.navbar .brand, -.subnav a, -a.btn, -.dropdown-menu a { +h2 { + font-size: 36px; +} +h3 { + font-size: 28px; +} +h4 { + font-size: 20px; +} +h5 { + font-size: 13px; +} +h6 { + color: #000000; + font-weight: bold; +} +p > a, +address > a, +.breadcrumb a, +abbr[title] { text-decoration: none; + border-bottom: 1px dotted; +} +p > a:hover, +address > a:hover, +.breadcrumb a:hover, +abbr[title]:hover { + text-decoration: none; + border-bottom: 1px solid; +} +.page-header { + border-bottom: 2px solid #eeeeee; +} +.navbar { + font-family: "News Cycle", "Arial Narrow Bold", sans-serif; + font-weight: bold; } .navbar .navbar-inner { - -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); - -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); - border-top: 1px solid #E5E5E5; + border-top: 2px solid #eeeeee; + border-bottom: 2px solid #eeeeee; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; } .navbar .brand { + padding: 16px 20px 20px; + font-size: 24px; + font-weight: bold; text-shadow: none; + text-transform: uppercase; } -.navbar .brand:hover { - background-color: #EEEEEE; +.navbar .nav > li > a { + padding: 20px 10px 21px; + font-size: 18px; + text-shadow: none; + text-transform: uppercase; +} +.navbar .nav > li.active > a { + background-color: transparent; + color: #000000; } .navbar .navbar-text { - line-height: 68px; + margin-top: 21px; + padding-left: 10px; + padding-right: 10px; + font-size: 18px; + line-height: 18px; } -.navbar .nav > li > a { - text-shadow: none; +.navbar .nav li.dropdown > .dropdown-toggle:hover, +.navbar .nav li.dropdown.active > .dropdown-toggle:hover { + color: #000000; +} +.navbar .nav li.dropdown > .dropdown-toggle .caret, +.navbar .nav li.dropdown.open > .dropdown-toggle:hover .caret { + border-top-color: #000000; + border-bottom-color: #000000; } .navbar .dropdown-menu { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } -.navbar .nav li.dropdown.active > .dropdown-toggle, -.navbar .nav li.dropdown.active > .dropdown-toggle:hover, -.navbar .nav li.dropdown.open > .dropdown-toggle, -.navbar .nav li.dropdown.active.open > .dropdown-toggle, -.navbar .nav li.dropdown.active.open > .dropdown-toggle:hover { - background-color: #eeeeee; - color: #222222; +.navbar .dropdown-menu a { + font-size: 15px; + font-weight: bold; } -.navbar .nav li.dropdown .dropdown-toggle .caret, -.navbar .nav .open .caret, -.navbar .nav .open .dropdown-toggle:hover .caret { - border-top-color: #000000; - opacity: 1; +.navbar .nav-collapse.collapse .nav li > a { + color: #000000; } -.navbar .nav-collapse.in .nav li > a:hover { +.navbar .nav-collapse.collapse .nav li > a:hover { background-color: #eeeeee; } -.navbar .nav-collapse .nav li > a { - color: #222222; - text-decoration: none; - font-weight: normal; -} -.navbar .nav-collapse .navbar-form, -.navbar .nav-collapse .navbar-search { - border-color: transparent; +.navbar .nav-collapse.collapse .navbar-text { + margin-top: 0; } .navbar .navbar-search .search-query, .navbar .navbar-search .search-query:hover { - border: 1px solid #eeeeee; - color: #222222; + border: 2px solid #eeeeee; + color: #888888; } .navbar .navbar-search .search-query:-moz-placeholder, .navbar .navbar-search .search-query:hover:-moz-placeholder { - color: #888888; + color: #999999; } .navbar .navbar-search .search-query:-ms-input-placeholder, .navbar .navbar-search .search-query:hover:-ms-input-placeholder { - color: #888888; + color: #999999; } .navbar .navbar-search .search-query::-webkit-input-placeholder, .navbar .navbar-search .search-query:hover::-webkit-input-placeholder { - color: #888888; + color: #999999; } div.subnav { - background-color: #fcfbfd; + height: 54px; + background-color: #ffffff; background-image: none; - -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); - -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + border: 2px solid #eeeeee; + border-left: none; + border-right: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } div.subnav.subnav-fixed { - top: 70px; -} -div.subnav .nav > li > a:hover, -div.subnav .nav > .active > a, -div.subnav .nav > .active > a:hover { - color: #222222; - text-decoration: none; - font-weight: normal; + top: 60px; } +div.subnav .nav > li > a, div.subnav .nav > li:first-child > a, -div.subnav .nav > li:first-child > a:hover { - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; +div.subnav .nav > li.active > a { + padding: 20px 15px; + border-left: none; + border-right: none; + background-color: transparent; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + font-family: "News Cycle", "Arial Narrow Bold", sans-serif; + color: #000000; + font-size: 15px; + font-weight: bold; } -.btn-primary { - background-color: #2a2a2a; - background-image: -moz-linear-gradient(top, #2f2f2f, #222222); - background-image: -ms-linear-gradient(top, #2f2f2f, #222222); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2f2f2f), to(#222222)); - background-image: -webkit-linear-gradient(top, #2f2f2f, #222222); - background-image: -o-linear-gradient(top, #2f2f2f, #222222); - background-image: linear-gradient(top, #2f2f2f, #222222); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f2f2f', endColorstr='#222222', GradientType=0); - border-color: #222222 #222222 #000000; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #222222; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +div.subnav .nav > li > a:hover, +div.subnav .nav > li:first-child > a:hover, +div.subnav .nav > li.active > a:hover { + padding: 20px 15px; + background-color: transparent; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + color: #000000; } -.btn-primary:hover, -.btn-primary:active, -.btn-primary.active, -.btn-primary.disabled, -.btn-primary[disabled] { - background-color: #222222; - *background-color: #151515; +div.subnav li.dropdown > .dropdown-toggle .caret, +div.subnav li.dropdown > .dropdown-toggle:hover .caret, +div.subnav li.dropdown.open > .dropdown-toggle .caret { + border-top-color: #000000; + border-bottom-color: #000000; + opacity: 1; } -.btn-primary:active, -.btn-primary.active { - background-color: #080808 \9; +div.subnav li.dropdown.open .dropdown-toggle, +div.subnav li.dropdown.open .dropdown-toggle:hover { + background-color: #ffffff; + color: #000000; } [class^="icon-"], [class*=" icon-"] { - vertical-align: -2px; + vertical-align: baseline; } .modal { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; - background: #fcfbfd; + background: #ffffff; } .modal-header { border-bottom: none; } -.modal-header .close { - text-decoration: none; -} .modal-footer { background: transparent; -webkit-box-shadow: none; @@ -4365,27 +4399,75 @@ div.subnav .nav > li:first-child > a:hover { box-shadow: none; border-top: none; } -code, -pre, -pre.prettyprint, -.well { - background-color: #eeeeee; +.close, +.close:hover { + border-bottom: none; } .hero-unit { - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; border: 1px solid rgba(0, 0, 0, 0.05); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } -.table-bordered, -.well, -.prettyprint { +.hero-unit h1 { + line-height: 1.5em; +} +.well { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + background-color: #eeeeee; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +.table-bordered { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +a.thumbnail:hover { + -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.3); + -moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.3); + box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.3); + border-color: #ddd; +} +code, +pre, +pre.prettyprint { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; + background-color: #eeeeee; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} +@media (max-width: 768px) { + div.subnav { + height: auto; + } + div.subnav .nav > li.active > a { + border-top: none; + } + div.subnav .nav > li:hover > a, + div.subnav .nav > li:first-child:hover > a, + div.subnav .nav > li.active:hover > a, + div.subnav .nav > li.dropdown.open .dropdown-toggle, + div.subnav .nav > li.dropdown.open .dropdown-toggle:hover { + background-color: #eeeeee; + } + .nav-tabs .open .dropdown-toggle, + .nav-pills .open .dropdown-toggle, + .nav > li.dropdown.open.active > a:hover { + border-color: #e5e5e5; + } } .pull-right { float: right; diff --git a/journal/bootstrap.min.css b/journal/bootstrap.min.css index c37f9c82..95119940 100644 --- a/journal/bootstrap.min.css +++ b/journal/bootstrap.min.css @@ -1,4 +1,4 @@ -@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700'); +@import url('http://fonts.googleapis.com/css?family=News+Cycle:400,700'); article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;} audio,canvas,video{display:inline-block;*display:inline;*zoom:1;} audio:not([controls]){display:none;} @@ -21,8 +21,8 @@ textarea{overflow:auto;vertical-align:top;} .clearfix:after{clear:both;} .hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;} .input-block-level{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;} -body{margin:0;font-family:'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;color:#222222;background-color:#fcfbfd;} -a{color:#222222;text-decoration:none;} +body{margin:0;font-family:Georgia,"Times New Roman",Times,serif;font-size:13px;line-height:18px;color:#888888;background-color:#ffffff;} +a{color:#888888;text-decoration:none;} a:hover{color:#888888;text-decoration:underline;} .row{margin-left:-20px;*zoom:1;}.row:before,.row:after{display:table;content:"";} .row:after{clear:both;} @@ -72,16 +72,16 @@ a:hover{color:#888888;text-decoration:underline;} .container:after{clear:both;} .container-fluid{padding-right:20px;padding-left:20px;*zoom:1;}.container-fluid:before,.container-fluid:after{display:table;content:"";} .container-fluid:after{clear:both;} -p{margin:0 0 9px;}p small{font-size:12px;color:#999999;} +p{margin:0 0 9px;}p small{font-size:11px;color:#bbbbbb;} .lead{margin-bottom:18px;font-size:20px;font-weight:200;line-height:27px;} -h1,h2,h3,h4,h5,h6{margin:0;font-family:inherit;font-weight:bold;color:inherit;text-rendering:optimizelegibility;}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:normal;color:#999999;} +h1,h2,h3,h4,h5,h6{margin:0;font-family:"News Cycle","Arial Narrow Bold",sans-serif;font-weight:bold;color:#000000;text-rendering:optimizelegibility;}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:normal;color:#bbbbbb;} h1{font-size:30px;line-height:36px;}h1 small{font-size:18px;} h2{font-size:24px;line-height:36px;}h2 small{font-size:18px;} h3{font-size:18px;line-height:27px;}h3 small{font-size:14px;} h4,h5,h6{line-height:18px;} h4{font-size:14px;}h4 small{font-size:12px;} h5{font-size:12px;} -h6{font-size:11px;color:#999999;text-transform:uppercase;} +h6{font-size:11px;color:#bbbbbb;text-transform:uppercase;} .page-header{padding-bottom:17px;margin:18px 0;border-bottom:1px solid #eeeeee;} .page-header h1{line-height:1;} ul,ol{padding:0;margin:0 0 9px 25px;} @@ -99,28 +99,28 @@ dd{margin-left:9px;} hr{margin:18px 0;border:0;border-top:1px solid #eeeeee;border-bottom:1px solid #ffffff;} strong{font-weight:bold;} em{font-style:italic;} -.muted{color:#999999;} -abbr[title]{cursor:help;border-bottom:1px dotted #999999;} +.muted{color:#bbbbbb;} +abbr[title]{cursor:help;border-bottom:1px dotted #bbbbbb;} abbr.initialism{font-size:90%;text-transform:uppercase;} blockquote{padding:0 0 0 15px;margin:0 0 18px;border-left:5px solid #eeeeee;}blockquote p{margin-bottom:0;font-size:16px;font-weight:300;line-height:22.5px;} -blockquote small{display:block;line-height:18px;color:#999999;}blockquote small:before{content:'\2014 \00A0';} +blockquote small{display:block;line-height:18px;color:#bbbbbb;}blockquote small:before{content:'\2014 \00A0';} blockquote.pull-right{float:right;padding-right:15px;padding-left:0;border-right:5px solid #eeeeee;border-left:0;}blockquote.pull-right p,blockquote.pull-right small{text-align:right;} q:before,q:after,blockquote:before,blockquote:after{content:"";} address{display:block;margin-bottom:18px;font-style:normal;line-height:18px;} small{font-size:100%;} cite{font-style:normal;} -code,pre{padding:0 3px 2px;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;font-size:13px;color:#333333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} +code,pre{padding:0 3px 2px;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;font-size:12px;color:#888888;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} code{padding:2px 4px;color:#d14;background-color:#f7f7f9;border:1px solid #e1e1e8;} -pre{display:block;padding:8.5px;margin:0 0 9px;font-size:12.950000000000001px;line-height:18px;word-break:break-all;word-wrap:break-word;white-space:pre;white-space:pre-wrap;background-color:#f5f5f5;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.15);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}pre.prettyprint{margin-bottom:18px;} +pre{display:block;padding:8.5px;margin:0 0 9px;font-size:12.025px;line-height:18px;word-break:break-all;word-wrap:break-word;white-space:pre;white-space:pre-wrap;background-color:#f5f5f5;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.15);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}pre.prettyprint{margin-bottom:18px;} pre code{padding:0;color:inherit;background-color:transparent;border:0;} .pre-scrollable{max-height:340px;overflow-y:scroll;} form{margin:0 0 18px;} fieldset{padding:0;margin:0;border:0;} -legend{display:block;width:100%;padding:0;margin-bottom:27px;font-size:21px;line-height:36px;color:#333333;border:0;border-bottom:1px solid #e5e5e5;}legend small{font-size:13.5px;color:#999999;} -label,input,button,select,textarea{font-size:14px;font-weight:normal;line-height:18px;} -input,button,select,textarea{font-family:'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;} +legend{display:block;width:100%;padding:0;margin-bottom:27px;font-size:19.5px;line-height:36px;color:#888888;border:0;border-bottom:1px solid #e5e5e5;}legend small{font-size:13.5px;color:#bbbbbb;} +label,input,button,select,textarea{font-size:13px;font-weight:normal;line-height:18px;} +input,button,select,textarea{font-family:Georgia,"Times New Roman",Times,serif;} label{display:block;margin-bottom:5px;} -select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{display:inline-block;height:18px;padding:4px;margin-bottom:9px;font-size:14px;line-height:18px;color:#888888;} +select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{display:inline-block;height:18px;padding:4px;margin-bottom:9px;font-size:13px;line-height:18px;color:#999999;} input,textarea{width:210px;} textarea{height:auto;} textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{background-color:#ffffff;border:1px solid #cccccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;-moz-transition:border linear 0.2s,box-shadow linear 0.2s;-ms-transition:border linear 0.2s,box-shadow linear 0.2s;-o-transition:border linear 0.2s,box-shadow linear 0.2s;transition:border linear 0.2s,box-shadow linear 0.2s;}textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border-color:rgba(82, 168, 236, 0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);} @@ -172,10 +172,10 @@ input:focus:required:invalid,textarea:focus:required:invalid,select:focus:requir .form-actions{padding:17px 20px 18px;margin-top:18px;margin-bottom:18px;background-color:#eeeeee;border-top:1px solid #e5e5e5;*zoom:1;}.form-actions:before,.form-actions:after{display:table;content:"";} .form-actions:after{clear:both;} .uneditable-input{overflow:hidden;white-space:nowrap;cursor:not-allowed;background-color:#ffffff;border-color:#eee;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);} -:-moz-placeholder{color:#999999;} -:-ms-input-placeholder{color:#999999;} -::-webkit-input-placeholder{color:#999999;} -.help-block,.help-inline{color:#888888;} +:-moz-placeholder{color:#bbbbbb;} +:-ms-input-placeholder{color:#bbbbbb;} +::-webkit-input-placeholder{color:#bbbbbb;} +.help-block,.help-inline{color:#999999;} .help-block{display:block;margin-bottom:9px;} .help-inline{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;padding-left:5px;} .input-prepend,.input-append{margin-bottom:5px;}.input-prepend input,.input-append input,.input-prepend select,.input-append select,.input-prepend .uneditable-input,.input-append .uneditable-input{position:relative;margin-bottom:0;*margin-left:0;vertical-align:middle;-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}.input-prepend input:focus,.input-append input:focus,.input-prepend select:focus,.input-append select:focus,.input-prepend .uneditable-input:focus,.input-append .uneditable-input:focus{z-index:2;} @@ -219,8 +219,8 @@ table{max-width:100%;background-color:transparent;border-collapse:collapse;borde .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;border-top-right-radius:4px;-moz-border-radius-topright:4px;} .table-bordered thead:last-child tr:last-child th:first-child,.table-bordered tbody:last-child tr:last-child td:first-child{-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;} .table-bordered thead:last-child tr:last-child th:last-child,.table-bordered tbody:last-child tr:last-child td:last-child{-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;} -.table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th{background-color:#eeeeee;} -.table tbody tr:hover td,.table tbody tr:hover th{background-color:#f5f5f5;} +.table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th{background-color:#f5f5f5;} +.table tbody tr:hover td,.table tbody tr:hover th{background-color:#eeeeee;} table .span1{float:none;width:44px;margin-left:0;} table .span2{float:none;width:124px;margin-left:0;} table .span3{float:none;width:204px;margin-left:0;} @@ -393,10 +393,10 @@ table .span24{float:none;width:1884px;margin-left:0;} .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:"";opacity:0.3;filter:alpha(opacity=30);} .dropdown .caret{margin-top:8px;margin-left:2px;} .dropdown:hover .caret,.open .caret{opacity:1;filter:alpha(opacity=100);} -.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:4px 0;margin:1px 0 0;list-style:none;background-color:#fcfbfd;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.2);*border-right-width:2px;*border-bottom-width:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-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:8px 1px;*margin:-5px 0 5px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #ffffff;} -.dropdown-menu a{display:block;padding:3px 15px;clear:both;font-weight:normal;line-height:18px;color:#222222;white-space:nowrap;} -.dropdown-menu li>a:hover,.dropdown-menu .active>a,.dropdown-menu .active>a:hover{color:#222222;text-decoration:none;background-color:#eeeeee;} +.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:4px 0;margin:1px 0 0;list-style:none;background-color:#ffffff;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.2);*border-right-width:2px;*border-bottom-width:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-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:8px 1px;*margin:-5px 0 5px;overflow:hidden;background-color:#eeeeee;border-bottom:1px solid #eeeeee;} +.dropdown-menu a{display:block;padding:3px 15px;clear:both;font-weight:normal;line-height:18px;color:#000000;white-space:nowrap;} +.dropdown-menu li>a:hover,.dropdown-menu .active>a,.dropdown-menu .active>a:hover{color:#000000;text-decoration:none;background-color:#eeeeee;} .open{*z-index:1000;}.open >.dropdown-menu{display:block;} .pull-right>.dropdown-menu{right:0;left:auto;} .dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px solid #000000;content:"\2191";} @@ -409,33 +409,33 @@ table .span24{float:none;width:1884px;margin-left:0;} .collapse{position:relative;height:0;overflow:hidden;-webkit-transition:height 0.35s ease;-moz-transition:height 0.35s ease;-ms-transition:height 0.35s ease;-o-transition:height 0.35s ease;transition:height 0.35s ease;}.collapse.in{height:auto;} .close{float:right;font-size:20px;font-weight:bold;line-height:18px;color:#000000;text-shadow:0 1px 0 #ffffff;opacity:0.2;filter:alpha(opacity=20);}.close:hover{color:#000000;text-decoration:none;cursor:pointer;opacity:0.4;filter:alpha(opacity=40);} button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;} -.btn{display:inline-block;*display:inline;*zoom:1;padding:4px 10px 4px;margin-bottom:0;font-size:14px;line-height:18px;*line-height:20px;color:#333333;text-align:center;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);vertical-align:middle;cursor:pointer;background-color:#f5f5f5;background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);background-image:-ms-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);background-image:linear-gradient(top, #ffffff, #e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#e6e6e6;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);border:1px solid #cccccc;*border:0;border-bottom-color:#b3b3b3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;*margin-left:.3em;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);}.btn:hover,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{background-color:#e6e6e6;*background-color:#d9d9d9;} +.btn{display:inline-block;*display:inline;*zoom:1;padding:4px 10px 4px;margin-bottom:0;font-size:13px;line-height:18px;*line-height:20px;color:#888888;text-align:center;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);vertical-align:middle;cursor:pointer;background-color:#f5f5f5;background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);background-image:-ms-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);background-image:linear-gradient(top, #ffffff, #e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#e6e6e6;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);border:1px solid #d9d9d9;*border:0;border-bottom-color:#bfbfbf;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;*margin-left:.3em;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);}.btn:hover,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{background-color:#e6e6e6;*background-color:#d9d9d9;} .btn:active,.btn.active{background-color:#cccccc \9;} .btn:first-child{*margin-left:0;} -.btn:hover{color:#333333;text-decoration:none;background-color:#e6e6e6;*background-color:#d9d9d9;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-ms-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;} +.btn:hover{color:#888888;text-decoration:none;background-color:#e6e6e6;*background-color:#d9d9d9;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-ms-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;} .btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;} .btn.active,.btn:active{background-color:#e6e6e6;background-color:#d9d9d9 \9;background-image:none;outline:0;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);} .btn.disabled,.btn[disabled]{cursor:default;background-color:#e6e6e6;background-image:none;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} -.btn-large{padding:9px 14px;font-size:16px;line-height:normal;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} +.btn-large{padding:9px 14px;font-size:15px;line-height:normal;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .btn-large [class^="icon-"]{margin-top:1px;} -.btn-small{padding:5px 9px;font-size:12px;line-height:16px;} +.btn-small{padding:5px 9px;font-size:11px;line-height:16px;} .btn-small [class^="icon-"]{margin-top:-1px;} -.btn-mini{padding:2px 6px;font-size:12px;line-height:14px;} +.btn-mini{padding:2px 6px;font-size:11px;line-height:14px;} .btn-primary,.btn-primary:hover,.btn-warning,.btn-warning:hover,.btn-danger,.btn-danger:hover,.btn-success,.btn-success:hover,.btn-info,.btn-info:hover,.btn-inverse,.btn-inverse:hover{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);} .btn-primary.active,.btn-warning.active,.btn-danger.active,.btn-success.active,.btn-info.active,.btn-inverse.active{color:rgba(255, 255, 255, 0.75);} .btn{border-color:#ccc;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);} -.btn-primary{background-color:#222222;background-image:-moz-linear-gradient(top, #222222, #222222);background-image:-ms-linear-gradient(top, #222222, #222222);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#222222));background-image:-webkit-linear-gradient(top, #222222, #222222);background-image:-o-linear-gradient(top, #222222, #222222);background-image:linear-gradient(top, #222222, #222222);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#222222', GradientType=0);border-color:#222222 #222222 #000000;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#222222;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{background-color:#222222;*background-color:#151515;} -.btn-primary:active,.btn-primary.active{background-color:#080808 \9;} +.btn-primary{background-color:#909090;background-image:-moz-linear-gradient(top, #959595, #888888);background-image:-ms-linear-gradient(top, #959595, #888888);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#959595), to(#888888));background-image:-webkit-linear-gradient(top, #959595, #888888);background-image:-o-linear-gradient(top, #959595, #888888);background-image:linear-gradient(top, #959595, #888888);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#888888', GradientType=0);border-color:#888888 #888888 #626262;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#888888;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{background-color:#888888;*background-color:#7b7b7b;} +.btn-primary:active,.btn-primary.active{background-color:#6f6f6f \9;} .btn-warning{background-color:#ff8e1f;background-image:-moz-linear-gradient(top, #ff9933, #ff7f00);background-image:-ms-linear-gradient(top, #ff9933, #ff7f00);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ff9933), to(#ff7f00));background-image:-webkit-linear-gradient(top, #ff9933, #ff7f00);background-image:-o-linear-gradient(top, #ff9933, #ff7f00);background-image:linear-gradient(top, #ff9933, #ff7f00);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9933', endColorstr='#ff7f00', GradientType=0);border-color:#ff7f00 #ff7f00 #b35900;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#ff7f00;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-warning:hover,.btn-warning:active,.btn-warning.active,.btn-warning.disabled,.btn-warning[disabled]{background-color:#ff7f00;*background-color:#e67200;} .btn-warning:active,.btn-warning.active{background-color:#cc6600 \9;} -.btn-danger{background-color:#da4f49;background-image:-moz-linear-gradient(top, #ee5f5b, #bd362f);background-image:-ms-linear-gradient(top, #ee5f5b, #bd362f);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));background-image:-webkit-linear-gradient(top, #ee5f5b, #bd362f);background-image:-o-linear-gradient(top, #ee5f5b, #bd362f);background-image:linear-gradient(top, #ee5f5b, #bd362f);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);border-color:#bd362f #bd362f #802420;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#bd362f;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-danger:hover,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled]{background-color:#bd362f;*background-color:#a9302a;} -.btn-danger:active,.btn-danger.active{background-color:#942a25 \9;} -.btn-success{background-color:#5bb75b;background-image:-moz-linear-gradient(top, #62c462, #51a351);background-image:-ms-linear-gradient(top, #62c462, #51a351);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));background-image:-webkit-linear-gradient(top, #62c462, #51a351);background-image:-o-linear-gradient(top, #62c462, #51a351);background-image:linear-gradient(top, #62c462, #51a351);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);border-color:#51a351 #51a351 #387038;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#51a351;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-success:hover,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled]{background-color:#51a351;*background-color:#499249;} -.btn-success:active,.btn-success.active{background-color:#408140 \9;} -.btn-info{background-color:#49afcd;background-image:-moz-linear-gradient(top, #5bc0de, #2f96b4);background-image:-ms-linear-gradient(top, #5bc0de, #2f96b4);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));background-image:-webkit-linear-gradient(top, #5bc0de, #2f96b4);background-image:-o-linear-gradient(top, #5bc0de, #2f96b4);background-image:linear-gradient(top, #5bc0de, #2f96b4);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);border-color:#2f96b4 #2f96b4 #1f6377;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#2f96b4;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-info:hover,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled]{background-color:#2f96b4;*background-color:#2a85a0;} -.btn-info:active,.btn-info.active{background-color:#24748c \9;} -.btn-inverse{background-color:#1d1d1d;background-image:-moz-linear-gradient(top, #222222, #151515);background-image:-ms-linear-gradient(top, #222222, #151515);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#151515));background-image:-webkit-linear-gradient(top, #222222, #151515);background-image:-o-linear-gradient(top, #222222, #151515);background-image:linear-gradient(top, #222222, #151515);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#151515', GradientType=0);border-color:#151515 #151515 #000000;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#151515;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-inverse:hover,.btn-inverse:active,.btn-inverse.active,.btn-inverse.disabled,.btn-inverse[disabled]{background-color:#151515;*background-color:#080808;} -.btn-inverse:active,.btn-inverse.active{background-color:#000000 \9;} +.btn-danger{background-color:#eb0000;background-image:-moz-linear-gradient(top, #ff0000, #cc0000);background-image:-ms-linear-gradient(top, #ff0000, #cc0000);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ff0000), to(#cc0000));background-image:-webkit-linear-gradient(top, #ff0000, #cc0000);background-image:-o-linear-gradient(top, #ff0000, #cc0000);background-image:linear-gradient(top, #ff0000, #cc0000);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#cc0000', GradientType=0);border-color:#cc0000 #cc0000 #800000;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#cc0000;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-danger:hover,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled]{background-color:#cc0000;*background-color:#b30000;} +.btn-danger:active,.btn-danger.active{background-color:#990000 \9;} +.btn-success{background-color:#24bf51;background-image:-moz-linear-gradient(top, #26c755, #22b24c);background-image:-ms-linear-gradient(top, #26c755, #22b24c);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#26c755), to(#22b24c));background-image:-webkit-linear-gradient(top, #26c755, #22b24c);background-image:-o-linear-gradient(top, #26c755, #22b24c);background-image:linear-gradient(top, #26c755, #22b24c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#26c755', endColorstr='#22b24c', GradientType=0);border-color:#22b24c #22b24c #167231;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#22b24c;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-success:hover,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled]{background-color:#22b24c;*background-color:#1e9d43;} +.btn-success:active,.btn-success.active{background-color:#1a873a \9;} +.btn-info{background-color:#376ea4;background-image:-moz-linear-gradient(top, #3973ac, #336699);background-image:-ms-linear-gradient(top, #3973ac, #336699);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#3973ac), to(#336699));background-image:-webkit-linear-gradient(top, #3973ac, #336699);background-image:-o-linear-gradient(top, #3973ac, #336699);background-image:linear-gradient(top, #3973ac, #336699);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3973ac', endColorstr='#336699', GradientType=0);border-color:#336699 #336699 #204060;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#336699;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-info:hover,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled]{background-color:#336699;*background-color:#2d5986;} +.btn-info:active,.btn-info.active{background-color:#264c73 \9;} +.btn-inverse{background-color:#909090;background-image:-moz-linear-gradient(top, #959595, #888888);background-image:-ms-linear-gradient(top, #959595, #888888);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#959595), to(#888888));background-image:-webkit-linear-gradient(top, #959595, #888888);background-image:-o-linear-gradient(top, #959595, #888888);background-image:linear-gradient(top, #959595, #888888);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#888888', GradientType=0);border-color:#888888 #888888 #626262;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#888888;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-inverse:hover,.btn-inverse:active,.btn-inverse.active,.btn-inverse.disabled,.btn-inverse[disabled]{background-color:#888888;*background-color:#7b7b7b;} +.btn-inverse:active,.btn-inverse.active{background-color:#6f6f6f \9;} button.btn,input[type="submit"].btn{*padding-top:2px;*padding-bottom:2px;}button.btn::-moz-focus-inner,input[type="submit"].btn::-moz-focus-inner{padding:0;border:0;} button.btn.btn-large,input[type="submit"].btn.btn-large{*padding-top:7px;*padding-bottom:7px;} button.btn.btn-small,input[type="submit"].btn.btn-small{*padding-top:3px;*padding-bottom:3px;} @@ -458,12 +458,12 @@ button.btn.btn-mini,input[type="submit"].btn.btn-mini{*padding-top:1px;*padding- .btn-group>.btn-large.dropdown-toggle{padding-left:12px;padding-right:12px;} .btn-group.open .dropdown-toggle{background-image:none;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);} .btn-group.open .btn.dropdown-toggle{background-color:#e6e6e6;} -.btn-group.open .btn-primary.dropdown-toggle{background-color:#222222;} +.btn-group.open .btn-primary.dropdown-toggle{background-color:#888888;} .btn-group.open .btn-warning.dropdown-toggle{background-color:#ff7f00;} -.btn-group.open .btn-danger.dropdown-toggle{background-color:#bd362f;} -.btn-group.open .btn-success.dropdown-toggle{background-color:#51a351;} -.btn-group.open .btn-info.dropdown-toggle{background-color:#2f96b4;} -.btn-group.open .btn-inverse.dropdown-toggle{background-color:#151515;} +.btn-group.open .btn-danger.dropdown-toggle{background-color:#cc0000;} +.btn-group.open .btn-success.dropdown-toggle{background-color:#22b24c;} +.btn-group.open .btn-info.dropdown-toggle{background-color:#336699;} +.btn-group.open .btn-inverse.dropdown-toggle{background-color:#888888;} .btn .caret{margin-top:7px;margin-left:0;} .btn:hover .caret,.open.btn-group .caret{opacity:1;filter:alpha(opacity=100);} .btn-mini .caret{margin-top:5px;} @@ -484,12 +484,12 @@ button.btn.btn-mini,input[type="submit"].btn.btn-mini{*padding-top:1px;*padding- .nav>li>a{display:block;} .nav>li>a:hover{text-decoration:none;background-color:#eeeeee;} .nav>.pull-right{float:right;} -.nav .nav-header{display:block;padding:3px 15px;font-size:11px;font-weight:bold;line-height:18px;color:#999999;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);text-transform:uppercase;} +.nav .nav-header{display:block;padding:3px 15px;font-size:11px;font-weight:bold;line-height:18px;color:#bbbbbb;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);text-transform:uppercase;} .nav li+.nav-header{margin-top:9px;} .nav-list{padding-left:15px;padding-right:15px;margin-bottom:0;} .nav-list>li>a,.nav-list .nav-header{margin-left:-15px;margin-right:-15px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);} .nav-list>li>a{padding:3px 15px;} -.nav-list>.active>a,.nav-list>.active>a:hover{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.2);background-color:#222222;} +.nav-list>.active>a,.nav-list>.active>a:hover{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.2);background-color:#888888;} .nav-list [class^="icon-"]{margin-right:2px;} .nav-list .divider{*width:100%;height:1px;margin:8px 1px;*margin:-5px 0 5px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #ffffff;} .nav-tabs,.nav-pills{*zoom:1;}.nav-tabs:before,.nav-pills:before,.nav-tabs:after,.nav-pills:after{display:table;content:"";} @@ -499,9 +499,9 @@ button.btn.btn-mini,input[type="submit"].btn.btn-mini{*padding-top:1px;*padding- .nav-tabs{border-bottom:1px solid #ddd;} .nav-tabs>li{margin-bottom:-1px;} .nav-tabs>li>a{padding-top:8px;padding-bottom:8px;line-height:18px;border:1px solid transparent;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}.nav-tabs>li>a:hover{border-color:#eeeeee #eeeeee #dddddd;} -.nav-tabs>.active>a,.nav-tabs>.active>a:hover{color:#888888;background-color:#ffffff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default;} +.nav-tabs>.active>a,.nav-tabs>.active>a:hover{color:#999999;background-color:#ffffff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default;} .nav-pills>li>a{padding-top:8px;padding-bottom:8px;margin-top:2px;margin-bottom:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} -.nav-pills>.active>a,.nav-pills>.active>a:hover{color:#ffffff;background-color:#222222;} +.nav-pills>.active>a,.nav-pills>.active>a:hover{color:#ffffff;background-color:#888888;} .nav-stacked>li{float:none;} .nav-stacked>li>a{margin-right:0;} .nav-tabs.nav-stacked{border-bottom:0;} @@ -513,13 +513,13 @@ button.btn.btn-mini,input[type="submit"].btn.btn-mini{*padding-top:1px;*padding- .nav-pills.nav-stacked>li:last-child>a{margin-bottom:1px;} .nav-tabs .dropdown-menu{-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;} .nav-pills .dropdown-menu{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} -.nav-tabs .dropdown-toggle .caret,.nav-pills .dropdown-toggle .caret{border-top-color:#222222;border-bottom-color:#222222;margin-top:6px;} +.nav-tabs .dropdown-toggle .caret,.nav-pills .dropdown-toggle .caret{border-top-color:#888888;border-bottom-color:#888888;margin-top:6px;} .nav-tabs .dropdown-toggle:hover .caret,.nav-pills .dropdown-toggle:hover .caret{border-top-color:#888888;border-bottom-color:#888888;} -.nav-tabs .active .dropdown-toggle .caret,.nav-pills .active .dropdown-toggle .caret{border-top-color:#333333;border-bottom-color:#333333;} +.nav-tabs .active .dropdown-toggle .caret,.nav-pills .active .dropdown-toggle .caret{border-top-color:#888888;border-bottom-color:#888888;} .nav>.dropdown.active>a:hover{color:#000000;cursor:pointer;} -.nav-tabs .open .dropdown-toggle,.nav-pills .open .dropdown-toggle,.nav>li.dropdown.open.active>a:hover{color:#ffffff;background-color:#999999;border-color:#999999;} +.nav-tabs .open .dropdown-toggle,.nav-pills .open .dropdown-toggle,.nav>li.dropdown.open.active>a:hover{color:#ffffff;background-color:#bbbbbb;border-color:#bbbbbb;} .nav li.dropdown.open .caret,.nav li.dropdown.open.active .caret,.nav li.dropdown.open a:hover .caret{border-top-color:#ffffff;border-bottom-color:#ffffff;opacity:1;filter:alpha(opacity=100);} -.tabs-stacked .open>a:hover{border-color:#999999;} +.tabs-stacked .open>a:hover{border-color:#bbbbbb;} .tabbable{*zoom:1;}.tabbable:before,.tabbable:after{display:table;content:"";} .tabbable:after{clear:both;} .tab-content{overflow:auto;} @@ -541,25 +541,25 @@ button.btn.btn-mini,input[type="submit"].btn.btn-mini{*padding-top:1px;*padding- .tabs-right>.nav-tabs>li>a:hover{border-color:#eeeeee #eeeeee #eeeeee #dddddd;} .tabs-right>.nav-tabs .active>a,.tabs-right>.nav-tabs .active>a:hover{border-color:#ddd #ddd #ddd transparent;*border-left-color:#ffffff;} .navbar{*position:relative;*z-index:2;overflow:visible;margin-bottom:18px;} -.navbar-inner{min-height:70px;padding-left:20px;padding-right:20px;background-color:#fcfbfd;background-image:-moz-linear-gradient(top, #fcfbfd, #fcfbfd);background-image:-ms-linear-gradient(top, #fcfbfd, #fcfbfd);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fcfbfd), to(#fcfbfd));background-image:-webkit-linear-gradient(top, #fcfbfd, #fcfbfd);background-image:-o-linear-gradient(top, #fcfbfd, #fcfbfd);background-image:linear-gradient(top, #fcfbfd, #fcfbfd);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfbfd', endColorstr='#fcfbfd', GradientType=0);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);-moz-box-shadow:0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);} +.navbar-inner{min-height:60px;padding-left:20px;padding-right:20px;background-color:#ffffff;background-image:-moz-linear-gradient(top, #ffffff, #ffffff);background-image:-ms-linear-gradient(top, #ffffff, #ffffff);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ffffff));background-image:-webkit-linear-gradient(top, #ffffff, #ffffff);background-image:-o-linear-gradient(top, #ffffff, #ffffff);background-image:linear-gradient(top, #ffffff, #ffffff);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);-moz-box-shadow:0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);} .navbar .container{width:auto;} .nav-collapse.collapse{height:auto;} -.navbar{color:#222222;}.navbar .brand:hover{text-decoration:none;} -.navbar .brand{float:left;display:block;padding:23px 20px 27px;margin-left:-20px;font-size:20px;font-weight:200;line-height:1;color:#222222;} -.navbar .navbar-text{margin-bottom:0;line-height:70px;} -.navbar .navbar-link{color:#222222;}.navbar .navbar-link:hover{color:#222222;} -.navbar .btn,.navbar .btn-group{margin-top:20px;} +.navbar{color:#888888;}.navbar .brand:hover{text-decoration:none;} +.navbar .brand{float:left;display:block;padding:18px 20px 22px;margin-left:-20px;font-size:20px;font-weight:200;line-height:1;color:#000000;} +.navbar .navbar-text{margin-bottom:0;line-height:60px;} +.navbar .navbar-link{color:#000000;}.navbar .navbar-link:hover{color:#000000;} +.navbar .btn,.navbar .btn-group{margin-top:15px;} .navbar .btn-group .btn{margin:0;} .navbar-form{margin-bottom:0;*zoom:1;}.navbar-form:before,.navbar-form:after{display:table;content:"";} .navbar-form:after{clear:both;} -.navbar-form input,.navbar-form select,.navbar-form .radio,.navbar-form .checkbox{margin-top:20px;} +.navbar-form input,.navbar-form select,.navbar-form .radio,.navbar-form .checkbox{margin-top:15px;} .navbar-form input,.navbar-form select{display:inline-block;margin-bottom:0;} .navbar-form input[type="image"],.navbar-form input[type="checkbox"],.navbar-form input[type="radio"]{margin-top:3px;} .navbar-form .input-append,.navbar-form .input-prepend{margin-top:6px;white-space:nowrap;}.navbar-form .input-append input,.navbar-form .input-prepend input{margin-top:0;} -.navbar-search{position:relative;float:left;margin-top:21px;margin-bottom:0;}.navbar-search .search-query{padding:4px 9px;font-family:'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;font-weight:normal;line-height:1;color:#ffffff;background-color:#ffffff;border:1px solid #b3b3b3;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);box-shadow:inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}.navbar-search .search-query:-moz-placeholder{color:#cccccc;} +.navbar-search{position:relative;float:left;margin-top:16px;margin-bottom:0;}.navbar-search .search-query{padding:4px 9px;font-family:"News Cycle","Arial Narrow Bold",sans-serif;font-size:13px;font-weight:normal;line-height:1;color:#ffffff;background-color:#ffffff;border:1px solid #b3b3b3;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);box-shadow:inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15);-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}.navbar-search .search-query:-moz-placeholder{color:#cccccc;} .navbar-search .search-query:-ms-input-placeholder{color:#cccccc;} .navbar-search .search-query::-webkit-input-placeholder{color:#cccccc;} -.navbar-search .search-query:focus,.navbar-search .search-query.focused{padding:5px 10px;color:#333333;text-shadow:0 1px 0 #ffffff;background-color:#ffffff;border:0;-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);box-shadow:0 0 3px rgba(0, 0, 0, 0.15);outline:0;} +.navbar-search .search-query:focus,.navbar-search .search-query.focused{padding:5px 10px;color:#888888;text-shadow:0 1px 0 #ffffff;background-color:#ffffff;border:0;-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);box-shadow:0 0 3px rgba(0, 0, 0, 0.15);outline:0;} .navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030;margin-bottom:0;} .navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner{padding-left:0;padding-right:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;} .navbar-fixed-top .container,.navbar-fixed-bottom .container{width:940px;} @@ -568,21 +568,21 @@ button.btn.btn-mini,input[type="submit"].btn.btn-mini{*padding-top:1px;*padding- .navbar .nav{position:relative;left:0;display:block;float:left;margin:0 10px 0 0;} .navbar .nav.pull-right{float:right;} .navbar .nav>li{display:block;float:left;} -.navbar .nav>li>a{float:none;padding:24px 10px 26px;line-height:19px;color:#222222;text-decoration:none;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);} -.navbar .btn{display:inline-block;padding:4px 10px 4px;margin:20px 5px 21px;line-height:18px;} -.navbar .btn-group{margin:0;padding:20px 5px 21px;} -.navbar .nav>li>a:hover{background-color:#eeeeee;color:#222222;text-decoration:none;} -.navbar .nav .active>a,.navbar .nav .active>a:hover{color:#222222;text-decoration:none;background-color:#eeeeee;} -.navbar .divider-vertical{height:70px;width:1px;margin:0 9px;overflow:hidden;background-color:#fcfbfd;border-right:1px solid #fcfbfd;} +.navbar .nav>li>a{float:none;padding:19px 10px 21px;line-height:19px;color:#000000;text-decoration:none;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);} +.navbar .btn{display:inline-block;padding:4px 10px 4px;margin:15px 5px 16px;line-height:18px;} +.navbar .btn-group{margin:0;padding:15px 5px 16px;} +.navbar .nav>li>a:hover{background-color:transparent;color:#000000;text-decoration:none;} +.navbar .nav .active>a,.navbar .nav .active>a:hover{color:#000000;text-decoration:none;background-color:transparent;} +.navbar .divider-vertical{height:60px;width:1px;margin:0 9px;overflow:hidden;background-color:#ffffff;border-right:1px solid #ffffff;} .navbar .nav.pull-right{margin-left:10px;margin-right:0;} -.navbar .btn-navbar{display:none;float:right;padding:7px 10px;margin-left:5px;margin-right:5px;background-color:#fcfbfd;background-image:-moz-linear-gradient(top, #fcfbfd, #fcfbfd);background-image:-ms-linear-gradient(top, #fcfbfd, #fcfbfd);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fcfbfd), to(#fcfbfd));background-image:-webkit-linear-gradient(top, #fcfbfd, #fcfbfd);background-image:-o-linear-gradient(top, #fcfbfd, #fcfbfd);background-image:linear-gradient(top, #fcfbfd, #fcfbfd);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfbfd', endColorstr='#fcfbfd', GradientType=0);border-color:#fcfbfd #fcfbfd #d6c8e4;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#fcfbfd;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);}.navbar .btn-navbar:hover,.navbar .btn-navbar:active,.navbar .btn-navbar.active,.navbar .btn-navbar.disabled,.navbar .btn-navbar[disabled]{background-color:#fcfbfd;*background-color:#efeaf5;} -.navbar .btn-navbar:active,.navbar .btn-navbar.active{background-color:#e3d9ec \9;} +.navbar .btn-navbar{display:none;float:right;padding:7px 10px;margin-left:5px;margin-right:5px;background-color:#ffffff;background-image:-moz-linear-gradient(top, #ffffff, #ffffff);background-image:-ms-linear-gradient(top, #ffffff, #ffffff);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ffffff));background-image:-webkit-linear-gradient(top, #ffffff, #ffffff);background-image:-o-linear-gradient(top, #ffffff, #ffffff);background-image:linear-gradient(top, #ffffff, #ffffff);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);border-color:#ffffff #ffffff #d9d9d9;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#ffffff;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075);}.navbar .btn-navbar:hover,.navbar .btn-navbar:active,.navbar .btn-navbar.active,.navbar .btn-navbar.disabled,.navbar .btn-navbar[disabled]{background-color:#ffffff;*background-color:#f2f2f2;} +.navbar .btn-navbar:active,.navbar .btn-navbar.active{background-color:#e6e6e6 \9;} .navbar .btn-navbar .icon-bar{display:block;width:18px;height:2px;background-color:#f5f5f5;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);} .btn-navbar .icon-bar+.icon-bar{margin-top:3px;} .navbar .dropdown-menu:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0, 0, 0, 0.2);position:absolute;top:-7px;left:9px;} -.navbar .dropdown-menu:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fcfbfd;position:absolute;top:-6px;left:10px;} +.navbar .dropdown-menu:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #ffffff;position:absolute;top:-6px;left:10px;} .navbar-fixed-bottom .dropdown-menu:before{border-top:7px solid #ccc;border-top-color:rgba(0, 0, 0, 0.2);border-bottom:0;bottom:-7px;top:auto;} -.navbar-fixed-bottom .dropdown-menu:after{border-top:6px solid #fcfbfd;border-bottom:0;bottom:-6px;top:auto;} +.navbar-fixed-bottom .dropdown-menu:after{border-top:6px solid #ffffff;border-bottom:0;bottom:-6px;top:auto;} .navbar .nav li.dropdown .dropdown-toggle .caret,.navbar .nav li.dropdown.open .caret{border-top-color:#ffffff;border-bottom-color:#ffffff;} .navbar .nav li.dropdown.active .caret{opacity:1;filter:alpha(opacity=100);} .navbar .nav li.dropdown.open>.dropdown-toggle,.navbar .nav li.dropdown.active>.dropdown-toggle,.navbar .nav li.dropdown.open.active>.dropdown-toggle{background-color:transparent;} @@ -590,15 +590,15 @@ button.btn.btn-mini,input[type="submit"].btn.btn-mini{*padding-top:1px;*padding- .navbar .pull-right .dropdown-menu,.navbar .dropdown-menu.pull-right{left:auto;right:0;}.navbar .pull-right .dropdown-menu:before,.navbar .dropdown-menu.pull-right:before{left:auto;right:12px;} .navbar .pull-right .dropdown-menu:after,.navbar .dropdown-menu.pull-right:after{left:auto;right:13px;} .breadcrumb{padding:7px 14px;margin:0 0 18px;list-style:none;background-color:#fbfbfb;background-image:-moz-linear-gradient(top, #ffffff, #f5f5f5);background-image:-ms-linear-gradient(top, #ffffff, #f5f5f5);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));background-image:-webkit-linear-gradient(top, #ffffff, #f5f5f5);background-image:-o-linear-gradient(top, #ffffff, #f5f5f5);background-image:linear-gradient(top, #ffffff, #f5f5f5);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);border:1px solid #ddd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff;}.breadcrumb li{display:inline-block;*display:inline;*zoom:1;text-shadow:0 1px 0 #ffffff;} -.breadcrumb .divider{padding:0 5px;color:#999999;} -.breadcrumb .active a{color:#333333;} +.breadcrumb .divider{padding:0 5px;color:#bbbbbb;} +.breadcrumb .active a{color:#888888;} .pagination{height:36px;margin:18px 0;} .pagination ul{display:inline-block;*display:inline;*zoom:1;margin-left:0;margin-bottom:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);} .pagination li{display:inline;} .pagination a{float:left;padding:0 14px;line-height:34px;text-decoration:none;border:1px solid #ddd;border-left-width:0;} .pagination a:hover,.pagination .active a{background-color:#f5f5f5;} -.pagination .active a{color:#999999;cursor:default;} -.pagination .disabled span,.pagination .disabled a,.pagination .disabled a:hover{color:#999999;background-color:transparent;cursor:default;} +.pagination .active a{color:#bbbbbb;cursor:default;} +.pagination .disabled span,.pagination .disabled a,.pagination .disabled a:hover{color:#bbbbbb;background-color:transparent;cursor:default;} .pagination li:first-child a{border-left-width:1px;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;} .pagination li:last-child a{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;} .pagination-centered{text-align:center;} @@ -610,7 +610,7 @@ button.btn.btn-mini,input[type="submit"].btn.btn-mini{*padding-top:1px;*padding- .pager a:hover{text-decoration:none;background-color:#f5f5f5;} .pager .next a{float:right;} .pager .previous a{float:left;} -.pager .disabled a,.pager .disabled a:hover{color:#999999;background-color:#fff;cursor:default;} +.pager .disabled a,.pager .disabled a:hover{color:#bbbbbb;background-color:#fff;cursor:default;} .modal-open .dropdown-menu{z-index:2050;} .modal-open .dropdown.open{*z-index:2050;} .modal-open .popover{z-index:2060;} @@ -654,10 +654,10 @@ button.btn.btn-mini,input[type="submit"].btn.btn-mini{*padding-top:1px;*padding- .row-fluid .thumbnails{margin-left:0;} .thumbnails>li{float:left;margin-bottom:18px;margin-left:20px;} .thumbnail{display:block;padding:4px;line-height:1;border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);} -a.thumbnail:hover{border-color:#222222;-webkit-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);-moz-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);} +a.thumbnail:hover{border-color:#888888;-webkit-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);-moz-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);} .thumbnail>img{display:block;max-width:100%;margin-left:auto;margin-right:auto;} .thumbnail .caption{padding:9px;} -.label,.badge{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:#999999;} +.label,.badge{font-size:10.998px;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:#bbbbbb;} .label{padding:1px 4px 2px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .badge{padding:1px 9px 2px;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;} a.label:hover,a.badge:hover{color:#ffffff;text-decoration:none;cursor:pointer;} @@ -669,8 +669,8 @@ a.label:hover,a.badge:hover{color:#ffffff;text-decoration:none;cursor:pointer;} .label-success[href],.badge-success[href]{background-color:#356635;} .label-info,.badge-info{background-color:#3a87ad;} .label-info[href],.badge-info[href]{background-color:#2d6987;} -.label-inverse,.badge-inverse{background-color:#333333;} -.label-inverse[href],.badge-inverse[href]{background-color:#1a1a1a;} +.label-inverse,.badge-inverse{background-color:#888888;} +.label-inverse[href],.badge-inverse[href]{background-color:#6f6f6f;} @-webkit-keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}@-ms-keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}@-o-keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 0;}}@keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}.progress{overflow:hidden;height:18px;margin-bottom:18px;background-color:#f7f7f7;background-image:-moz-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-ms-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));background-image:-webkit-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-o-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:linear-gradient(top, #f5f5f5, #f9f9f9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;} .progress .bar{width:0%;height:18px;color:#ffffff;font-size:12px;text-align:center;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top, #149bdf, #0480be);background-image:-ms-linear-gradient(top, #149bdf, #0480be);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));background-image:-webkit-linear-gradient(top, #149bdf, #0480be);background-image:-o-linear-gradient(top, #149bdf, #0480be);background-image:linear-gradient(top, #149bdf, #0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width 0.6s ease;-moz-transition:width 0.6s ease;-ms-transition:width 0.6s ease;-o-transition:width 0.6s ease;transition:width 0.6s ease;} .progress-striped .bar{background-color:#149bdf;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-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);background-image:-moz-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);background-image:-ms-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);background-image:-o-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);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);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px;} @@ -703,7 +703,7 @@ a.label:hover,a.badge:hover{color:#ffffff;text-decoration:none;cursor:pointer;} .carousel .active.right{left:100%;} .carousel-control{position:absolute;top:40%;left:15px;width:40px;height:40px;margin-top:-20px;font-size:60px;font-weight:100;line-height:30px;color:#ffffff;text-align:center;background:#222222;border:3px solid #ffffff;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:0.5;filter:alpha(opacity=50);}.carousel-control.right{left:auto;right:15px;} .carousel-control:hover{color:#ffffff;text-decoration:none;opacity:0.9;filter:alpha(opacity=90);} -.carousel-caption{position:absolute;left:0;right:0;bottom:0;padding:10px 15px 5px;background:#333333;background:rgba(0, 0, 0, 0.75);} +.carousel-caption{position:absolute;left:0;right:0;bottom:0;padding:10px 15px 5px;background:#888888;background:rgba(0, 0, 0, 0.75);} .carousel-caption h4,.carousel-caption p{color:#ffffff;} .hero-unit{padding:60px;margin-bottom:30px;background-color:#eeeeee;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}.hero-unit h1{margin-bottom:0;font-size:60px;line-height:1;color:inherit;letter-spacing:-1px;} .hero-unit p{font-size:18px;font-weight:200;line-height:27px;color:inherit;} @@ -712,36 +712,43 @@ a.label:hover,a.badge:hover{color:#ffffff;text-decoration:none;cursor:pointer;} .hide{display:none;} .show{display:block;} .invisible{visibility:hidden;} -h1,h2,h3,h4,h5,h6,.navbar .brand{font-weight:700;} -a{text-decoration:underline;} -.nav a,.navbar .brand,.subnav a,a.btn,.dropdown-menu a{text-decoration:none;} -.navbar .navbar-inner{-webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow:0 2px 4px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);box-shadow:0 2px 4px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);border-top:1px solid #E5E5E5;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;} -.navbar .brand{text-shadow:none;}.navbar .brand:hover{background-color:#EEEEEE;} -.navbar .navbar-text{line-height:68px;} -.navbar .nav>li>a{text-shadow:none;} -.navbar .dropdown-menu{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;} -.navbar .nav li.dropdown.active>.dropdown-toggle,.navbar .nav li.dropdown.active>.dropdown-toggle:hover,.navbar .nav li.dropdown.open>.dropdown-toggle,.navbar .nav li.dropdown.active.open>.dropdown-toggle,.navbar .nav li.dropdown.active.open>.dropdown-toggle:hover{background-color:#eeeeee;color:#222222;} -.navbar .nav li.dropdown .dropdown-toggle .caret,.navbar .nav .open .caret,.navbar .nav .open .dropdown-toggle:hover .caret{border-top-color:#000000;opacity:1;} -.navbar .nav-collapse.in .nav li>a:hover{background-color:#eeeeee;} -.navbar .nav-collapse .nav li>a{color:#222222;text-decoration:none;font-weight:normal;} -.navbar .nav-collapse .navbar-form,.navbar .nav-collapse .navbar-search{border-color:transparent;} -.navbar .navbar-search .search-query,.navbar .navbar-search .search-query:hover{border:1px solid #eeeeee;color:#222222;}.navbar .navbar-search .search-query:-moz-placeholder,.navbar .navbar-search .search-query:hover:-moz-placeholder{color:#888888;} -.navbar .navbar-search .search-query:-ms-input-placeholder,.navbar .navbar-search .search-query:hover:-ms-input-placeholder{color:#888888;} -.navbar .navbar-search .search-query::-webkit-input-placeholder,.navbar .navbar-search .search-query:hover::-webkit-input-placeholder{color:#888888;} -div.subnav{background-color:#fcfbfd;background-image:none;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.25);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.25);box-shadow:0 1px 2px rgba(0, 0, 0, 0.25);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}div.subnav.subnav-fixed{top:70px;} -div.subnav .nav>li>a:hover,div.subnav .nav>.active>a,div.subnav .nav>.active>a:hover{color:#222222;text-decoration:none;font-weight:normal;} -div.subnav .nav>li:first-child>a,div.subnav .nav>li:first-child>a:hover{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;} -.btn-primary{background-color:#2a2a2a;background-image:-moz-linear-gradient(top, #2f2f2f, #222222);background-image:-ms-linear-gradient(top, #2f2f2f, #222222);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#2f2f2f), to(#222222));background-image:-webkit-linear-gradient(top, #2f2f2f, #222222);background-image:-o-linear-gradient(top, #2f2f2f, #222222);background-image:linear-gradient(top, #2f2f2f, #222222);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f2f2f', endColorstr='#222222', GradientType=0);border-color:#222222 #222222 #000000;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color:#222222;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{background-color:#222222;*background-color:#151515;} -.btn-primary:active,.btn-primary.active{background-color:#080808 \9;} -[class^="icon-"],[class*=" icon-"]{vertical-align:-2px;} -.modal{-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;background:#fcfbfd;} +h1,h2,h3,h4,h5,h6{line-height:1.5em;} +h1{font-size:48px;} +h2{font-size:36px;} +h3{font-size:28px;} +h4{font-size:20px;} +h5{font-size:13px;} +h6{color:#000000;font-weight:bold;} +p>a,address>a,.breadcrumb a,abbr[title]{text-decoration:none;border-bottom:1px dotted;}p>a:hover,address>a:hover,.breadcrumb a:hover,abbr[title]:hover{text-decoration:none;border-bottom:1px solid;} +.page-header{border-bottom:2px solid #eeeeee;} +.navbar{font-family:"News Cycle","Arial Narrow Bold",sans-serif;font-weight:bold;}.navbar .navbar-inner{border-top:2px solid #eeeeee;border-bottom:2px solid #eeeeee;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} +.navbar .brand{padding:16px 20px 20px;font-size:24px;font-weight:bold;text-shadow:none;text-transform:uppercase;} +.navbar .nav>li>a{padding:20px 10px 21px;font-size:18px;text-shadow:none;text-transform:uppercase;} +.navbar .nav>li.active>a{background-color:transparent;color:#000000;} +.navbar .navbar-text{margin-top:21px;padding-left:10px;padding-right:10px;font-size:18px;line-height:18px;} +.navbar .nav li.dropdown>.dropdown-toggle:hover,.navbar .nav li.dropdown.active>.dropdown-toggle:hover{color:#000000;} +.navbar .nav li.dropdown>.dropdown-toggle .caret,.navbar .nav li.dropdown.open>.dropdown-toggle:hover .caret{border-top-color:#000000;border-bottom-color:#000000;} +.navbar .dropdown-menu{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}.navbar .dropdown-menu a{font-size:15px;font-weight:bold;} +.navbar .nav-collapse.collapse .nav li>a{color:#000000;}.navbar .nav-collapse.collapse .nav li>a:hover{background-color:#eeeeee;} +.navbar .nav-collapse.collapse .navbar-text{margin-top:0;} +.navbar .navbar-search .search-query,.navbar .navbar-search .search-query:hover{border:2px solid #eeeeee;color:#888888;}.navbar .navbar-search .search-query:-moz-placeholder,.navbar .navbar-search .search-query:hover:-moz-placeholder{color:#999999;} +.navbar .navbar-search .search-query:-ms-input-placeholder,.navbar .navbar-search .search-query:hover:-ms-input-placeholder{color:#999999;} +.navbar .navbar-search .search-query::-webkit-input-placeholder,.navbar .navbar-search .search-query:hover::-webkit-input-placeholder{color:#999999;} +div.subnav{height:54px;background-color:#ffffff;background-image:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:2px solid #eeeeee;border-left:none;border-right:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}div.subnav.subnav-fixed{top:60px;} +div.subnav .nav>li>a,div.subnav .nav>li:first-child>a,div.subnav .nav>li.active>a{padding:20px 15px;border-left:none;border-right:none;background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;font-family:"News Cycle","Arial Narrow Bold",sans-serif;color:#000000;font-size:15px;font-weight:bold;}div.subnav .nav>li>a:hover,div.subnav .nav>li:first-child>a:hover,div.subnav .nav>li.active>a:hover{padding:20px 15px;background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;color:#000000;} +div.subnav li.dropdown>.dropdown-toggle .caret,div.subnav li.dropdown>.dropdown-toggle:hover .caret,div.subnav li.dropdown.open>.dropdown-toggle .caret{border-top-color:#000000;border-bottom-color:#000000;opacity:1;} +div.subnav li.dropdown.open .dropdown-toggle,div.subnav li.dropdown.open .dropdown-toggle:hover{background-color:#ffffff;color:#000000;} +[class^="icon-"],[class*=" icon-"]{vertical-align:baseline;} +.modal{-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;background:#ffffff;} .modal-header{border-bottom:none;} -.modal-header .close{text-decoration:none;} .modal-footer{background:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-top:none;} -code,pre,pre.prettyprint,.well{background-color:#eeeeee;} -.hero-unit{-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);border:1px solid rgba(0, 0, 0, 0.05);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;} -.table-bordered,.well,.prettyprint{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;} -.pull-right{float:right;} +.close,.close:hover{border-bottom:none;} +.hero-unit{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:1px solid rgba(0, 0, 0, 0.05);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}.hero-unit h1{line-height:1.5em;} +.well{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background-color:#eeeeee;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} +.table-bordered{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} +a.thumbnail:hover{-webkit-box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.3);box-shadow:0 1px 3px 1px rgba(0, 0, 0, 0.3);border-color:#ddd;} +code,pre,pre.prettyprint{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background-color:#eeeeee;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} +@media (max-width:768px){div.subnav{height:auto;}div.subnav .nav>li.active>a{border-top:none;} div.subnav .nav>li:hover>a,div.subnav .nav>li:first-child:hover>a,div.subnav .nav>li.active:hover>a,div.subnav .nav>li.dropdown.open .dropdown-toggle,div.subnav .nav>li.dropdown.open .dropdown-toggle:hover{background-color:#eeeeee;} .nav-tabs .open .dropdown-toggle,.nav-pills .open .dropdown-toggle,.nav>li.dropdown.open.active>a:hover{border-color:#e5e5e5;}}.pull-right{float:right;} .pull-left{float:left;} .hide{display:none;} .show{display:block;} diff --git a/journal/bootswatch.less b/journal/bootswatch.less index fe10a26d..34305d34 100755 --- a/journal/bootswatch.less +++ b/journal/bootswatch.less @@ -6,21 +6,55 @@ // TYPOGRAPHY // ----------------------------------------------------- -@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700'); +@import url('http://fonts.googleapis.com/css?family=News+Cycle:400,700'); -h1, h2, h3, h4, h5, h6, .navbar .brand { - font-weight: 700; +h1, h2, h3, h4, h5, h6 { + line-height: 1.5em; +} + +h1 { + font-size: 48px; +} + +h2 { + font-size: 36px; +} + +h3 { + font-size: 28px; +} + +h4 { + font-size: 20px; +} + +h5 { + font-size: 13px; +} + +h6 { + color: @black; + font-weight: bold; } // SCAFFOLDING // ----------------------------------------------------- -a { - text-decoration: underline; +p > a, +address > a, +.breadcrumb a, +abbr[title] { + text-decoration: none; + border-bottom: 1px dotted; + + &:hover { + text-decoration: none; + border-bottom: 1px solid; + } } -.nav a, .navbar .brand, .subnav a, a.btn, .dropdown-menu a { - text-decoration: none; +.page-header { + border-bottom: 2px solid @grayLighter; } // NAVBAR @@ -28,106 +62,143 @@ a { .navbar { + font-family: @sansFontFamily; + font-weight: bold; + .navbar-inner { - @shadow: 0 2px 4px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1); - .box-shadow(@shadow); - border-top: 1px solid #E5E5E5; + border-top: 2px solid @grayLighter; + border-bottom: 2px solid @grayLighter; .border-radius(0); + .box-shadow(none); } .brand { + padding: 16px 20px 20px; + font-size: 24px; + font-weight: bold; text-shadow: none; - - &:hover { - background-color: #EEEEEE; - } - } - - .navbar-text { - line-height: 68px; + text-transform: uppercase; } .nav > li > a { + padding: 20px 10px 21px; + font-size: 18px; text-shadow: none; + text-transform: uppercase; } - .dropdown-menu { - .border-radius(0); + .nav > li.active > a { + background-color: transparent; + color: @headingsColor; } - .nav li.dropdown.active > .dropdown-toggle, - .nav li.dropdown.active > .dropdown-toggle:hover, - .nav li.dropdown.open > .dropdown-toggle, - .nav li.dropdown.active.open > .dropdown-toggle, - .nav li.dropdown.active.open > .dropdown-toggle:hover { - background-color: @grayLighter; - color: @linkColor; + .navbar-text { + margin-top: 21px; + padding-left: 10px; + padding-right: 10px; + font-size: 18px; + line-height: 18px; } - .nav li.dropdown .dropdown-toggle .caret, - .nav .open .caret, - .nav .open .dropdown-toggle:hover .caret { - border-top-color: @black; - opacity: 1; + .nav li.dropdown > .dropdown-toggle:hover, + .nav li.dropdown.active > .dropdown-toggle:hover { + color: @black; } - .nav-collapse.in .nav li > a:hover { - background-color: @grayLighter; + .nav li.dropdown > .dropdown-toggle .caret, + .nav li.dropdown.open > .dropdown-toggle:hover .caret { + border-top-color: @headingsColor; + border-bottom-color: @headingsColor; } - .nav-collapse .nav li > a { - color: @textColor; - text-decoration: none; - font-weight: normal; + .dropdown-menu { + .border-radius(0); + + a { + font-size: 15px; + font-weight: bold; + } } - .nav-collapse .navbar-form, - .nav-collapse .navbar-search { - border-color: transparent; + .nav-collapse.collapse { + + .nav li > a { + color: @headingsColor; + + &:hover { + background-color: @dropdownLinkBackgroundHover; + } + } + + .navbar-text { + margin-top: 0; + } } .navbar-search .search-query, .navbar-search .search-query:hover { - border: 1px solid @grayLighter; + border: 2px solid @grayLighter; color: @textColor; .placeholder(@gray); } } div.subnav { + + height: 54px; background-color: @bodyBackground; background-image: none; - @shadow: 0 1px 2px rgba(0,0,0,.25); - .box-shadow(@shadow); + .box-shadow(none); + border: 2px solid @grayLighter; + border-left: none; + border-right: none; .border-radius(0); &.subnav-fixed { top: @navbarHeight; } - .nav > li > a:hover, - .nav > .active > a, - .nav > .active > a:hover { - color: @textColor; - text-decoration: none; - font-weight: normal; + .nav > li > a, + .nav > li:first-child > a, + .nav > li.active > a { + padding: 20px 15px; + border-left: none; + border-right: none; + background-color: transparent; + .box-shadow(none); + font-family: @sansFontFamily; + color: @headingsColor; + font-size: 15px; + font-weight: bold; + + &:hover { + padding: 20px 15px; + background-color: transparent; + .box-shadow(none); + color: @headingsColor; + } } - .nav > li:first-child > a, - .nav > li:first-child > a:hover { - .border-radius(0); + li.dropdown > .dropdown-toggle .caret , + li.dropdown > .dropdown-toggle:hover .caret, + li.dropdown.open > .dropdown-toggle .caret { + border-top-color: @headingsColor; + border-bottom-color: @headingsColor; + opacity: 1; + } + + li.dropdown.open .dropdown-toggle, + li.dropdown.open .dropdown-toggle:hover { + background-color: @bodyBackground; + color: @headingsColor; } } // BUTTONS // ----------------------------------------------------- -.btn-primary { - .buttonBackground(lighten(@linkColor, 5%), @linkColor); -} - [class^="icon-"], [class*=" icon-"] { - vertical-align: -2px; + vertical-align: baseline; } // MODALS @@ -142,30 +213,74 @@ div.subnav { border-bottom: none; } -.modal-header .close { - text-decoration: none; -} - .modal-footer { background: transparent; .box-shadow(none); border-top: none; } +.close, +.close:hover { + border-bottom: none; +} // MISC // ----------------------------------------------------- -code, pre, pre.prettyprint, .well { +.hero-unit { + .box-shadow(none); + border: 1px solid rgba(0,0,0,.05); + .border-radius(0); + + h1 { + line-height: 1.5em; + } +} + +.well { + .border-radius(0); background-color: @grayLighter; + .box-shadow(none); + } -.hero-unit { - .box-shadow(inset 0 1px 1px rgba(0,0,0,.05)); - border: 1px solid rgba(0,0,0,.05); +.table-bordered { .border-radius(0); + .box-shadow(none); } -.table-bordered, .well, .prettyprint { +a.thumbnail:hover { + .box-shadow(0 1px 3px 1px rgba(0, 0, 0, 0.3)); + border-color: #ddd; +} + +code, pre, pre.prettyprint { .border-radius(0); + background-color: @grayLighter; + .box-shadow(none); } + +@media (max-width: 768px) { + + div.subnav { + height: auto; + + .nav > li.active > a { + border-top: none; + } + + .nav > li:hover > a, + .nav > li:first-child:hover > a, + .nav > li.active:hover > a, + .nav > li.dropdown.open .dropdown-toggle, + .nav > li.dropdown.open .dropdown-toggle:hover { + background-color: @dropdownLinkBackgroundHover; + } + } + + .nav-tabs .open .dropdown-toggle, + .nav-pills .open .dropdown-toggle, + .nav > li.dropdown.open.active > a:hover { + border-color: #e5e5e5; + } +}
\ No newline at end of file diff --git a/journal/variables.less b/journal/variables.less index eebbcf24..ad5f3a2a 100755 --- a/journal/variables.less +++ b/journal/variables.less @@ -12,9 +12,9 @@ // ------------------------- @black: #000; @grayDarker: #222; -@grayDark: #333; -@gray: #888; -@grayLight: #999; +@grayDark: #888; +@gray: #999; +@grayLight: #bbb; @grayLighter: #eee; @white: #fff; @@ -33,37 +33,37 @@ // Scaffolding // ------------------------- -@bodyBackground: #FCFBFD; -@textColor: @grayDarker; +@bodyBackground: @white; +@textColor: @grayDark; // Links // ------------------------- @linkColor: @textColor; -@linkColorHover: @gray; +@linkColorHover: @linkColor; // Typography // ------------------------- -@sansFontFamily: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif; +@sansFontFamily: "News Cycle", "Arial Narrow Bold", sans-serif; @serifFontFamily: Georgia, "Times New Roman", Times, serif; @monoFontFamily: Menlo, Monaco, Consolas, "Courier New", monospace; -@baseFontSize: 14px; -@baseFontFamily: @sansFontFamily; +@baseFontSize: 13px; +@baseFontFamily: @serifFontFamily; @baseLineHeight: 18px; -@altFontFamily: @serifFontFamily; +@altFontFamily: @sansFontFamily; -@headingsFontFamily: inherit; // empty to use BS default, @baseFontFamily +@headingsFontFamily: @sansFontFamily; // empty to use BS default, @baseFontFamily @headingsFontWeight: bold; // instead of browser default, bold -@headingsColor: inherit; // empty to use BS default, @textColor +@headingsColor: @black; // empty to use BS default, @textColor // Tables // ------------------------- @tableBackground: transparent; // overall background-color -@tableBackgroundAccent: @grayLighter; // for striping -@tableBackgroundHover: #f5f5f5; // for hover +@tableBackgroundAccent: #f5f5f5; // for striping +@tableBackgroundHover: @grayLighter; // for hover @tableBorder: #ddd; // table and cell border @@ -71,25 +71,25 @@ // ------------------------- @btnBackground: @white; @btnBackgroundHighlight: darken(@white, 10%); -@btnBorder: darken(@white, 20%); +@btnBorder: darken(@white, 15%); -@btnPrimaryBackground: @linkColor; -@btnPrimaryBackgroundHighlight: spin(@btnPrimaryBackground, 15%); +@btnPrimaryBackground: lighten(@linkColor, 5%); +@btnPrimaryBackgroundHighlight: @linkColor; -@btnInfoBackground: #5bc0de; -@btnInfoBackgroundHighlight: #2f96b4; +@btnInfoBackground: lighten(@blue, 5%); +@btnInfoBackgroundHighlight: @blue; -@btnSuccessBackground: #62c462; -@btnSuccessBackgroundHighlight: #51a351; +@btnSuccessBackground: lighten(@green, 5%); +@btnSuccessBackgroundHighlight: @green; @btnWarningBackground: lighten(@orange, 10%); @btnWarningBackgroundHighlight: @orange; -@btnDangerBackground: #ee5f5b; -@btnDangerBackgroundHighlight: #bd362f; +@btnDangerBackground: lighten(@red, 10%); +@btnDangerBackgroundHighlight: @red; -@btnInverseBackground: @linkColor; -@btnInverseBackgroundHighlight: darken(@linkColor, 5%); +@btnInverseBackground: lighten(@grayDark, 5%); +@btnInverseBackgroundHighlight: @grayDark; // Forms @@ -104,11 +104,11 @@ // ------------------------- @dropdownBackground: @bodyBackground; @dropdownBorder: rgba(0,0,0,.2); -@dropdownLinkColor: @textColor; -@dropdownLinkColorHover: @textColor; -@dropdownLinkBackgroundHover: #eee; -@dropdownDividerTop: #e5e5e5; -@dropdownDividerBottom: @white; +@dropdownLinkColor: @headingsColor; +@dropdownLinkColorHover: @headingsColor; +@dropdownLinkBackgroundHover: @grayLighter; +@dropdownDividerTop: @grayLighter; +@dropdownDividerBottom: @grayLighter; @@ -145,16 +145,16 @@ // Navbar // ------------------------- -@navbarHeight: 70px; +@navbarHeight: 60px; @navbarBackground: @bodyBackground; @navbarBackgroundHighlight: @bodyBackground; @navbarText: @textColor; -@navbarLinkColor: @linkColor; -@navbarLinkColorHover: @linkColor; -@navbarLinkColorActive: @navbarLinkColorHover; -@navbarLinkBackgroundHover: @grayLighter; -@navbarLinkBackgroundActive: @grayLighter; +@navbarLinkColor: @headingsColor; +@navbarLinkColorHover: @headingsColor; +@navbarLinkColorActive: @headingsColor; +@navbarLinkBackgroundHover: transparent; +@navbarLinkBackgroundActive: transparent; @navbarSearchBackground: lighten(@navbarBackground, 25%); @navbarSearchBackgroundFocus: @white; |