X-Git-Url: http://git.ieval.ro/?a=blobdiff_plain;f=css%2Fthemes%2Freadable.css;h=63f7ae5c66beb576ac6f82b44ef19fcfda7cad7e;hb=74b0b0abbf8f49d6444c7df9465d943fbad69704;hp=d4e9b50e7244c870bfe8cc1e4c4f1a403ce73ec3;hpb=102e5f47d996a42b8754b412be7be3c84820ab6c;p=plack-app-gruntmaster.git diff --git a/css/themes/readable.css b/css/themes/readable.css index d4e9b50..63f7ae5 100644 --- a/css/themes/readable.css +++ b/css/themes/readable.css @@ -95,9 +95,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 +145,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 +154,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 +190,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, @@ -265,14 +258,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 +270,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 +317,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 +326,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 +366,7 @@ h6, .h5, .h6 { font-family: sans-serif; - font-weight: bold; + font-weight: 500; line-height: 1.1; color: inherit; } @@ -417,8 +404,8 @@ h2, .h2, h3, .h3 { - margin-top: 22px; - margin-bottom: 11px; + margin-top: 20px; + margin-bottom: 10px; } h1 small, .h1 small, @@ -440,8 +427,8 @@ h5, .h5, h6, .h6 { - margin-top: 11px; - margin-bottom: 11px; + margin-top: 10px; + margin-bottom: 10px; } h4 small, .h4 small, @@ -459,45 +446,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 { @@ -593,14 +580,14 @@ a.bg-danger:hover { 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 +611,7 @@ ol ol { } dl { margin-top: 0; - margin-bottom: 22px; + margin-bottom: 20px; } dt, dd { @@ -660,9 +647,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 +695,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 +718,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; @@ -838,8 +823,8 @@ table { background-color: transparent; } caption { - padding-top: 8px; - padding-bottom: 8px; + padding-top: 5px; + padding-bottom: 5px; color: #b3b3b3; text-align: left; } @@ -849,7 +834,7 @@ th { .table { width: 100%; max-width: 100%; - margin-bottom: 22px; + margin-bottom: 20px; } .table > thead > tr > th, .table > tbody > tr > th, @@ -857,7 +842,7 @@ th { .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { - padding: 8px; + padding: 5px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #dddddd; @@ -880,14 +865,6 @@ th { .table .table { background-color: #ffffff; } -.table-condensed > thead > tr > th, -.table-condensed > tbody > tr > th, -.table-condensed > tfoot > tr > th, -.table-condensed > thead > tr > td, -.table-condensed > tbody > tr > td, -.table-condensed > tfoot > tr > td { - padding: 5px; -} .table-bordered { border: 1px solid #dddddd; } @@ -987,25 +964,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 { @@ -1037,7 +1010,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; @@ -1065,7 +1038,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 { @@ -1233,7 +1205,7 @@ fieldset[disabled] .btn-primary.active { } .pager { padding-left: 0; - margin: 22px 0; + margin: 20px 0; list-style: none; text-align: center; } @@ -1271,7 +1243,7 @@ fieldset[disabled] .btn-primary.active { } .alert { padding: 15px; - margin-bottom: 22px; + margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } @@ -1340,7 +1312,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 { @@ -1414,6 +1385,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; } @@ -1423,7 +1416,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; @@ -1442,8 +1435,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) { @@ -1520,7 +1513,6 @@ legend { font-weight: normal; } .panel { - -webkit-box-shadow: none; box-shadow: none; } .panel-default .close {