X-Git-Url: http://git.ieval.ro/?a=blobdiff_plain;f=css%2Fthemes%2Freadable.css;h=51fd230df609508d88800ac40d1448c5a0cd81d2;hb=d2e32e3f90e858eb9865198216e1c960bc52a56a;hp=0ca77c453bd3e3aa674093308570b29fc0b3db9a;hpb=0f578ab0f7b5798b2b27fb94901e99303da855a2;p=plack-app-gruntmaster.git diff --git a/css/themes/readable.css b/css/themes/readable.css index 0ca77c4..51fd230 100644 --- a/css/themes/readable.css +++ b/css/themes/readable.css @@ -281,7 +281,7 @@ html { } body { font-family: "DejaVu Serif", Georgia, serif; - font-size: 16px; + font-size: 14px; line-height: 1.42857143; color: #333333; background-color: #ffffff; @@ -339,8 +339,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 +379,7 @@ h6, .h5, .h6 { font-family: sans-serif; - font-weight: bold; + font-weight: 500; line-height: 1.1; color: inherit; } @@ -417,8 +417,8 @@ h2, .h2, h3, .h3 { - margin-top: 22px; - margin-bottom: 11px; + margin-top: 20px; + margin-bottom: 10px; } h1 small, .h1 small, @@ -440,8 +440,8 @@ h5, .h5, h6, .h6 { - margin-top: 11px; - margin-bottom: 11px; + margin-top: 10px; + margin-bottom: 10px; } h4 small, .h4 small, @@ -459,45 +459,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 +593,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 +624,7 @@ ol ol { } dl { margin-top: 0; - margin-bottom: 22px; + margin-bottom: 20px; } dt, dd { @@ -660,9 +660,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 +708,7 @@ blockquote.pull-right .small:after { content: '\00A0 \2014'; } address { - margin-bottom: 22px; + margin-bottom: 20px; font-style: normal; line-height: 1.42857143; } @@ -743,9 +743,9 @@ kbd kbd { } 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 +838,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 +849,7 @@ th { .table { width: 100%; max-width: 100%; - margin-bottom: 22px; + margin-bottom: 20px; } .table > thead > tr > th, .table > tbody > tr > th, @@ -857,7 +857,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 +880,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; } @@ -962,34 +954,12 @@ table th[class*="col-"] { .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } -fieldset { - padding: 0; - margin: 0; - border: 0; - min-width: 0; -} -legend { - display: block; - width: 100%; - padding: 0; - margin-bottom: 22px; - font-size: 24px; - line-height: inherit; - color: #333333; - border: 0; - border-bottom: 1px solid #e5e5e5; -} label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } -input[type="search"] { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; @@ -999,14 +969,6 @@ input[type="checkbox"] { input[type="file"] { display: block; } -input[type="range"] { - display: block; - width: 100%; -} -select[multiple], -select[size] { - height: auto; -} input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { @@ -1014,19 +976,12 @@ input[type="checkbox"]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } -output { - display: block; - padding-top: 9px; - font-size: 16px; - line-height: 1.42857143; - color: #333333; -} .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; @@ -1055,126 +1010,12 @@ output { .form-control::-webkit-input-placeholder { color: #b3b3b3; } -.form-control[disabled], -.form-control[readonly], -fieldset[disabled] .form-control { - background-color: #eeeeee; - opacity: 1; -} -.form-control[disabled], -fieldset[disabled] .form-control { - cursor: not-allowed; -} textarea.form-control { height: auto; } -input[type="search"] { - -webkit-appearance: none; -} -@media screen and (-webkit-min-device-pixel-ratio: 0) { - input[type="date"], - input[type="time"], - input[type="datetime-local"], - input[type="month"] { - line-height: 40px; - } - input[type="date"].input-sm, - input[type="time"].input-sm, - input[type="datetime-local"].input-sm, - input[type="month"].input-sm, - .input-group-sm input[type="date"], - .input-group-sm input[type="time"], - .input-group-sm input[type="datetime-local"], - .input-group-sm input[type="month"] { - line-height: 33px; - } - input[type="date"].input-lg, - input[type="time"].input-lg, - input[type="datetime-local"].input-lg, - input[type="month"].input-lg, - .input-group-lg input[type="date"], - .input-group-lg input[type="time"], - .input-group-lg input[type="datetime-local"], - .input-group-lg input[type="month"] { - line-height: 57px; - } -} .form-group { margin-bottom: 15px; } -.radio, -.checkbox { - position: relative; - display: block; - margin-top: 10px; - margin-bottom: 10px; -} -.radio label, -.checkbox label { - min-height: 22px; - padding-left: 20px; - margin-bottom: 0; - font-weight: normal; - cursor: pointer; -} -.radio input[type="radio"], -.radio-inline input[type="radio"], -.checkbox input[type="checkbox"], -.checkbox-inline input[type="checkbox"] { - position: absolute; - margin-left: -20px; - margin-top: 4px \9; -} -.radio + .radio, -.checkbox + .checkbox { - margin-top: -5px; -} -.radio-inline, -.checkbox-inline { - position: relative; - display: inline-block; - padding-left: 20px; - margin-bottom: 0; - vertical-align: middle; - font-weight: normal; - cursor: pointer; -} -.radio-inline + .radio-inline, -.checkbox-inline + .checkbox-inline { - margin-top: 0; - margin-left: 10px; -} -input[type="radio"][disabled], -input[type="checkbox"][disabled], -input[type="radio"].disabled, -input[type="checkbox"].disabled, -fieldset[disabled] input[type="radio"], -fieldset[disabled] input[type="checkbox"] { - cursor: not-allowed; -} -.radio-inline.disabled, -.checkbox-inline.disabled, -fieldset[disabled] .radio-inline, -fieldset[disabled] .checkbox-inline { - cursor: not-allowed; -} -.radio.disabled label, -.checkbox.disabled label, -fieldset[disabled] .radio label, -fieldset[disabled] .checkbox label { - cursor: not-allowed; -} -.form-control-static { - padding-top: 9px; - padding-bottom: 9px; - margin-bottom: 0; - min-height: 38px; -} -.form-control-static.input-lg, -.form-control-static.input-sm { - padding-left: 0; - padding-right: 0; -} .btn { display: inline-block; margin-bottom: 0; @@ -1188,7 +1029,7 @@ fieldset[disabled] .checkbox label { 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; @@ -1219,16 +1060,6 @@ fieldset[disabled] .checkbox label { -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.disabled, -.btn[disabled], -fieldset[disabled] .btn { - cursor: not-allowed; - pointer-events: none; - opacity: 0.65; - filter: alpha(opacity=65); - -webkit-box-shadow: none; - box-shadow: none; -} .btn-default { color: #333333; background-color: #ffffff; @@ -1319,104 +1150,6 @@ fieldset[disabled] .btn-primary.active { color: #4582ec; background-color: #ffffff; } -.btn-link { - color: #4582ec; - font-weight: normal; - border-radius: 0; -} -.btn-link, -.btn-link:active, -.btn-link.active, -.btn-link[disabled], -fieldset[disabled] .btn-link { - background-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; -} -.btn-link, -.btn-link:hover, -.btn-link:focus, -.btn-link:active { - border-color: transparent; -} -.btn-link:hover, -.btn-link:focus { - color: #134fb8; - text-decoration: underline; - background-color: transparent; -} -.btn-link[disabled]:hover, -fieldset[disabled] .btn-link:hover, -.btn-link[disabled]:focus, -fieldset[disabled] .btn-link:focus { - color: #b3b3b3; - text-decoration: none; -} -.btn-lg { - padding: 14px 16px; - font-size: 20px; - line-height: 1.3333333; - border-radius: 6px; -} -.btn-sm { - padding: 5px 10px; - font-size: 14px; - line-height: 1.5; - border-radius: 3px; -} -.btn-xs { - padding: 1px 5px; - font-size: 14px; - line-height: 1.5; - border-radius: 3px; -} -.btn-block { - display: block; - width: 100%; -} -.btn-block + .btn-block { - margin-top: 5px; -} -input[type="submit"].btn-block, -input[type="reset"].btn-block, -input[type="button"].btn-block { - width: 100%; -} -.fade { - opacity: 0; - -webkit-transition: opacity 0.15s linear; - -o-transition: opacity 0.15s linear; - transition: opacity 0.15s linear; -} -.fade.in { - opacity: 1; -} -.collapse { - display: none; -} -.collapse.in { - display: block; -} -tr.collapse.in { - display: table-row; -} -tbody.collapse.in { - display: table-row-group; -} -.collapsing { - position: relative; - height: 0; - overflow: hidden; - -webkit-transition-property: height, visibility; - -o-transition-property: height, visibility; - transition-property: height, visibility; - -webkit-transition-duration: 0.35s; - -o-transition-duration: 0.35s; - transition-duration: 0.35s; - -webkit-transition-timing-function: ease; - -o-transition-timing-function: ease; - transition-timing-function: ease; -} .nav { margin-bottom: 0; padding-left: 0; @@ -1492,7 +1225,7 @@ tbody.collapse.in { } .pager { padding-left: 0; - margin: 22px 0; + margin: 20px 0; list-style: none; text-align: center; } @@ -1530,7 +1263,7 @@ tbody.collapse.in { } .alert { padding: 15px; - margin-bottom: 22px; + margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } @@ -1682,7 +1415,7 @@ tbody.collapse.in { 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; @@ -1701,8 +1434,8 @@ tbody.collapse.in { 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) {