X-Git-Url: http://git.ieval.ro/?a=blobdiff_plain;f=css%2Fthemes%2Freadable.css;h=3a7b322146d070c2090cf2296dd01ecaebabde6a;hb=001804841a6bb98729bf166bccedac7ea84fe7ae;hp=7ec6ad5024fadb238368a694675da9fe61fb8ffb;hpb=c910d2bacb62948dde7d1a5526f56228fb156b0a;p=plack-app-gruntmaster.git diff --git a/css/themes/readable.css b/css/themes/readable.css index 7ec6ad5..3a7b322 100644 --- a/css/themes/readable.css +++ b/css/themes/readable.css @@ -1,11 +1,16 @@ /*! - * bootswatch v3.3.4+1 + * bootswatch v3.3.5 * Homepage: http://bootswatch.com * Copyright 2012-2015 Thomas Park * Licensed under MIT * Based on Bootstrap */ -/*! normalize.css v3.0.2 | MIT License | git.io/normalize */ +/*! + * Bootstrap v3.3.5 (http://getbootstrap.com) + * Copyright 2011-2015 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ +/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; @@ -95,9 +100,7 @@ figure { margin: 1em 40px; } hr { - -moz-box-sizing: content-box; - -webkit-box-sizing: content-box; - box-sizing: content-box; + box-sizing: content-box; height: 0; } pre { @@ -147,9 +150,7 @@ input { } input[type="checkbox"], input[type="radio"] { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, @@ -158,8 +159,6 @@ input[type="number"]::-webkit-outer-spin-button { } input[type="search"] { -webkit-appearance: textfield; - -moz-box-sizing: content-box; - -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, @@ -196,8 +195,7 @@ th { *:after { background: transparent !important; color: #000 !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; + box-shadow: none !important; text-shadow: none !important; } a, @@ -239,9 +237,6 @@ th { h3 { page-break-after: avoid; } - select { - background: #fff !important; - } .navbar { display: none; } @@ -265,14 +260,10 @@ th { } } * { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; } html { @@ -281,7 +272,7 @@ html { } body { font-family: "DejaVu Serif", Georgia, serif; - font-size: 16px; + font-size: 14px; line-height: 1.42857143; color: #333333; background-color: #ffffff; @@ -328,8 +319,6 @@ img { background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; - -webkit-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; @@ -339,8 +328,8 @@ img { border-radius: 50%; } hr { - margin-top: 22px; - margin-bottom: 22px; + margin-top: 20px; + margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; } @@ -379,7 +368,7 @@ h6, .h5, .h6 { font-family: sans-serif; - font-weight: bold; + font-weight: 500; line-height: 1.1; color: inherit; } @@ -417,8 +406,8 @@ h2, .h2, h3, .h3 { - margin-top: 22px; - margin-bottom: 11px; + margin-top: 20px; + margin-bottom: 10px; } h1 small, .h1 small, @@ -440,8 +429,8 @@ h5, .h5, h6, .h6 { - margin-top: 11px; - margin-bottom: 11px; + margin-top: 10px; + margin-bottom: 10px; } h4 small, .h4 small, @@ -459,45 +448,45 @@ h6 .small, } h1, .h1 { - font-size: 41px; + font-size: 36px; } h2, .h2 { - font-size: 34px; + font-size: 30px; } h3, .h3 { - font-size: 28px; + font-size: 24px; } h4, .h4 { - font-size: 20px; + font-size: 18px; } h5, .h5 { - font-size: 16px; + font-size: 14px; } h6, .h6 { - font-size: 14px; + font-size: 12px; } p { - margin: 0 0 11px; + margin: 0 0 10px; } .lead { - margin-bottom: 22px; - font-size: 18px; + margin-bottom: 20px; + font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { - font-size: 24px; + font-size: 21px; } } small, .small { - font-size: 87%; + font-size: 85%; } mark, .mark { @@ -534,73 +523,83 @@ mark, .text-primary { color: #4582ec; } -a.text-primary:hover { +a.text-primary:hover, +a.text-primary:focus { color: #1863e6; } .text-success { color: #3fad46; } -a.text-success:hover { +a.text-success:hover, +a.text-success:focus { color: #318837; } .text-info { color: #5bc0de; } -a.text-info:hover { +a.text-info:hover, +a.text-info:focus { color: #31b0d5; } .text-warning { color: #f0ad4e; } -a.text-warning:hover { +a.text-warning:hover, +a.text-warning:focus { color: #ec971f; } .text-danger { color: #d9534f; } -a.text-danger:hover { +a.text-danger:hover, +a.text-danger:focus { color: #c9302c; } .bg-primary { color: #fff; background-color: #4582ec; } -a.bg-primary:hover { +a.bg-primary:hover, +a.bg-primary:focus { background-color: #1863e6; } .bg-success { background-color: #dff0d8; } -a.bg-success:hover { +a.bg-success:hover, +a.bg-success:focus { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } -a.bg-info:hover { +a.bg-info:hover, +a.bg-info:focus { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } -a.bg-warning:hover { +a.bg-warning:hover, +a.bg-warning:focus { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } -a.bg-danger:hover { +a.bg-danger:hover, +a.bg-danger:focus { background-color: #e4b9b9; } .page-header { - padding-bottom: 10px; - margin: 44px 0 22px; + padding-bottom: 9px; + margin: 40px 0 20px; border-bottom: 1px solid #dddddd; } ul, ol { margin-top: 0; - margin-bottom: 11px; + margin-bottom: 10px; } ul ul, ol ul, @@ -624,7 +623,7 @@ ol ol { } dl { margin-top: 0; - margin-bottom: 22px; + margin-bottom: 20px; } dt, dd { @@ -660,9 +659,9 @@ abbr[data-original-title] { text-transform: uppercase; } blockquote { - padding: 11px 22px; - margin: 0 0 22px; - font-size: 20px; + padding: 10px 20px; + margin: 0 0 20px; + font-size: 17.5px; border-left: 5px solid #4582ec; } blockquote p:last-child, @@ -708,7 +707,7 @@ blockquote.pull-right .small:after { content: '\00A0 \2014'; } address { - margin-bottom: 22px; + margin-bottom: 20px; font-style: normal; line-height: 1.42857143; } @@ -731,21 +730,19 @@ kbd { color: #ffffff; background-color: #333333; border-radius: 3px; - -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } kbd kbd { padding: 0; font-size: 100%; font-weight: bold; - -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } pre { display: block; - padding: 10.5px; - margin: 0 0 11px; - font-size: 15px; + padding: 9.5px; + margin: 0 0 10px; + font-size: 13px; line-height: 1.42857143; word-break: break-all; word-wrap: break-word; @@ -849,7 +846,7 @@ th { .table { width: 100%; max-width: 100%; - margin-bottom: 22px; + margin-bottom: 20px; } .table > thead > tr > th, .table > tbody > tr > th, @@ -979,25 +976,21 @@ input[type="checkbox"]:focus { .form-control { display: block; width: 100%; - height: 40px; + height: 38px; padding: 8px 12px; - font-size: 16px; + font-size: 14px; line-height: 1.42857143; color: #333333; background-color: #ffffff; background-image: none; border: 1px solid #dddddd; border-radius: 4px; - -webkit-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-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; - -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus { border-color: #66afe9; outline: 0; - -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); } .form-control::-moz-placeholder { @@ -1029,7 +1022,7 @@ textarea.form-control { border: 1px solid transparent; white-space: nowrap; padding: 8px 12px; - font-size: 16px; + font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; @@ -1057,7 +1050,6 @@ textarea.form-control { .btn.active { outline: 0; background-image: none; - -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-default { @@ -1065,9 +1057,17 @@ textarea.form-control { background-color: #ffffff; border-color: #dddddd; } -.btn-default:hover, .btn-default:focus, -.btn-default.focus, +.btn-default.focus { + color: #333333; + background-color: #e6e6e6; + border-color: #9d9d9d; +} +.btn-default:hover { + color: #333333; + background-color: #e6e6e6; + border-color: #bebebe; +} .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { @@ -1075,6 +1075,19 @@ textarea.form-control { background-color: #e6e6e6; border-color: #bebebe; } +.btn-default:active:hover, +.btn-default.active:hover, +.open > .dropdown-toggle.btn-default:hover, +.btn-default:active:focus, +.btn-default.active:focus, +.open > .dropdown-toggle.btn-default:focus, +.btn-default:active.focus, +.btn-default.active.focus, +.open > .dropdown-toggle.btn-default.focus { + color: #333333; + background-color: #d4d4d4; + border-color: #9d9d9d; +} .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { @@ -1110,9 +1123,17 @@ fieldset[disabled] .btn-default.active { background-color: #4582ec; border-color: #4582ec; } -.btn-primary:hover, .btn-primary:focus, -.btn-primary.focus, +.btn-primary.focus { + color: #ffffff; + background-color: #1863e6; + border-color: #1045a1; +} +.btn-primary:hover { + color: #ffffff; + background-color: #1863e6; + border-color: #175fdd; +} .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { @@ -1120,6 +1141,19 @@ fieldset[disabled] .btn-default.active { background-color: #1863e6; border-color: #175fdd; } +.btn-primary:active:hover, +.btn-primary.active:hover, +.open > .dropdown-toggle.btn-primary:hover, +.btn-primary:active:focus, +.btn-primary.active:focus, +.open > .dropdown-toggle.btn-primary:focus, +.btn-primary:active.focus, +.btn-primary.active.focus, +.open > .dropdown-toggle.btn-primary.focus { + color: #ffffff; + background-color: #1455c6; + border-color: #1045a1; +} .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { @@ -1225,7 +1259,7 @@ fieldset[disabled] .btn-primary.active { } .pager { padding-left: 0; - margin: 22px 0; + margin: 20px 0; list-style: none; text-align: center; } @@ -1263,7 +1297,7 @@ fieldset[disabled] .btn-primary.active { } .alert { padding: 15px; - margin-bottom: 22px; + margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } @@ -1332,7 +1366,6 @@ fieldset[disabled] .btn-primary.active { background-color: #f7f7f7; border: 1px solid #e5e5e5; border-radius: 4px; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { @@ -1406,6 +1439,28 @@ fieldset[disabled] .btn-primary.active { .affix { position: fixed; } +@-ms-viewport { + width: device-width; +} +.visible-xs-block, +.visible-xs-inline { + display: none !important; +} +@media (max-width: 767px) { + .visible-xs-block { + display: block !important; + } +} +@media (max-width: 767px) { + .visible-xs-inline { + display: inline !important; + } +} +@media (max-width: 767px) { + .hidden-xs { + display: none !important; + } +} .navbar { font-family: sans-serif; } @@ -1415,7 +1470,7 @@ fieldset[disabled] .btn-primary.active { margin-right: 0; } .navbar-nav > li > a { - margin: 12.5px 6px; + margin: 13.5px 6px; padding: 8px 12px; border: 1px solid transparent; border-radius: 4px; @@ -1434,8 +1489,8 @@ fieldset[disabled] .btn-primary.active { color: #333333; } .navbar-brand { - padding-top: 12.5px; - padding-bottom: 12.5px; + padding-top: 14.5px; + padding-bottom: 14.5px; line-height: 1.9; } @media (min-width: 768px) { @@ -1505,19 +1560,3 @@ legend { border: 1px solid #ddd; color: #333333; } -.badge { - padding: 1px 7px 5px; - vertical-align: 2px; - font-family: sans-serif; - font-weight: normal; -} -.panel { - -webkit-box-shadow: none; - box-shadow: none; -} -.panel-default .close { - color: #333333; -} -.modal .close { - color: #333333; -}