X-Git-Url: http://git.ieval.ro/?a=blobdiff_plain;f=css%2Fthemes%2Freadable.css;h=e629085f520beeb5ff5def8a3283c9a66890642f;hb=9936476701dc8b4bf3256f91dfbf38ed6c858d39;hp=14c47d663a99018657b8c9ecd9f58b6f9a06dc85;hpb=4eb5de10e01de1680b6c79a8abc32bbc9bfeccd8;p=plack-app-gruntmaster.git diff --git a/css/themes/readable.css b/css/themes/readable.css index 14c47d6..e629085 100644 --- a/css/themes/readable.css +++ b/css/themes/readable.css @@ -1,11 +1,16 @@ /*! - * bootswatch v3.3.2 + * bootswatch v3.3.6 * 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.6 (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; } @@ -363,20 +352,17 @@ hr { overflow: visible; clip: auto; } +[role="button"] { + cursor: pointer; +} h1, h2, h3, h4, h5, -h6, -.h1, -.h2, -.h3, -.h4, -.h5, -.h6 { +h6 { font-family: sans-serif; - font-weight: bold; + font-weight: 500; line-height: 1.1; color: inherit; } @@ -385,121 +371,67 @@ h2 small, h3 small, h4 small, h5 small, -h6 small, -.h1 small, -.h2 small, -.h3 small, -.h4 small, -.h5 small, -.h6 small, -h1 .small, -h2 .small, -h3 .small, -h4 .small, -h5 .small, -h6 .small, -.h1 .small, -.h2 .small, -.h3 .small, -.h4 .small, -.h5 .small, -.h6 .small { +h6 small { font-weight: normal; line-height: 1; color: #b3b3b3; } h1, -.h1, h2, -.h2, -h3, -.h3 { - margin-top: 22px; - margin-bottom: 11px; +h3 { + margin-top: 20px; + margin-bottom: 10px; } h1 small, -.h1 small, h2 small, -.h2 small, -h3 small, -.h3 small, -h1 .small, -.h1 .small, -h2 .small, -.h2 .small, -h3 .small, -.h3 .small { +h3 small { font-size: 65%; } h4, -.h4, h5, -.h5, -h6, -.h6 { - margin-top: 11px; - margin-bottom: 11px; +h6 { + margin-top: 10px; + margin-bottom: 10px; } h4 small, -.h4 small, h5 small, -.h5 small, -h6 small, -.h6 small, -h4 .small, -.h4 .small, -h5 .small, -.h5 .small, -h6 .small, -.h6 .small { +h6 small { font-size: 75%; } -h1, -.h1 { - font-size: 41px; -} -h2, -.h2 { - font-size: 34px; +h1 { + font-size: 36px; } -h3, -.h3 { - font-size: 28px; +h2 { + font-size: 30px; } -h4, -.h4 { - font-size: 20px; +h3 { + font-size: 24px; } -h5, -.h5 { - font-size: 16px; +h4 { + font-size: 18px; } -h6, -.h6 { +h5 { font-size: 14px; } +h6 { + 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%; -} -mark, -.mark { - background-color: #fcf8e3; - padding: .2em; +small { + font-size: 85%; } .text-left { text-align: left; @@ -516,93 +448,13 @@ mark, .text-nowrap { white-space: nowrap; } -.text-lowercase { - text-transform: lowercase; -} -.text-uppercase { - text-transform: uppercase; -} -.text-capitalize { - text-transform: capitalize; -} -.text-muted { - color: #b3b3b3; -} -.text-primary { - color: #4582ec; -} -a.text-primary:hover { - color: #1863e6; -} -.text-success { - color: #3fad46; -} -a.text-success:hover { - color: #318837; -} -.text-info { - color: #5bc0de; -} -a.text-info:hover { - color: #31b0d5; -} -.text-warning { - color: #f0ad4e; -} -a.text-warning:hover { - color: #ec971f; -} -.text-danger { - color: #d9534f; -} -a.text-danger:hover { - color: #c9302c; -} -.bg-primary { - color: #fff; - background-color: #4582ec; -} -a.bg-primary:hover { - background-color: #1863e6; -} -.bg-success { - background-color: #dff0d8; -} -a.bg-success:hover { - background-color: #c1e2b3; -} -.bg-info { - background-color: #d9edf7; -} -a.bg-info:hover { - background-color: #afd9ee; -} -.bg-warning { - background-color: #fcf8e3; -} -a.bg-warning:hover { - background-color: #f7ecb5; -} -.bg-danger { - background-color: #f2dede; -} -a.bg-danger:hover { - background-color: #e4b9b9; -} -.page-header { - padding-bottom: 10px; - margin: 44px 0 22px; - border-bottom: 1px solid #dddddd; -} ul, ol { margin-top: 0; - margin-bottom: 11px; + margin-bottom: 10px; } ul ul, -ol ul, -ul ol, -ol ol { +ol ul { margin-bottom: 0; } .list-unstyled { @@ -621,7 +473,7 @@ ol ol { } dl { margin-top: 0; - margin-bottom: 22px; + margin-bottom: 20px; } dt, dd { @@ -652,60 +504,14 @@ abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #b3b3b3; } -.initialism { - font-size: 90%; - 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, -blockquote ul:last-child, -blockquote ol:last-child { - margin-bottom: 0; -} -blockquote footer, -blockquote small, -blockquote .small { - display: block; - font-size: 80%; - line-height: 1.42857143; - color: #333333; -} -blockquote footer:before, -blockquote small:before, -blockquote .small:before { - content: '\2014 \00A0'; -} -.blockquote-reverse, -blockquote.pull-right { - padding-right: 15px; - padding-left: 0; - border-right: 5px solid #4582ec; - border-left: 0; - text-align: right; -} -.blockquote-reverse footer:before, -blockquote.pull-right footer:before, -.blockquote-reverse small:before, -blockquote.pull-right small:before, -.blockquote-reverse .small:before, -blockquote.pull-right .small:before { - content: ''; -} -.blockquote-reverse footer:after, -blockquote.pull-right footer:after, -.blockquote-reverse small:after, -blockquote.pull-right small:after, -.blockquote-reverse .small:after, -blockquote.pull-right .small:after { - content: '\00A0 \2014'; -} address { - margin-bottom: 22px; + margin-bottom: 20px; font-style: normal; line-height: 1.42857143; } @@ -728,21 +534,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; @@ -763,80 +567,12 @@ pre code { max-height: 340px; overflow-y: scroll; } -.container { - margin-right: auto; - margin-left: auto; - padding-left: 15px; - padding-right: 15px; -} -@media (min-width: 992px) { - .container { - width: 970px; - } -} -.container-fluid { - margin-right: auto; - margin-left: auto; - padding-left: 15px; - padding-right: 15px; -} -.row { - margin-left: -15px; - margin-right: -15px; -} -.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { - position: relative; - min-height: 1px; - padding-left: 15px; - padding-right: 15px; -} -@media (min-width: 992px) { - .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { - float: left; - } - .col-md-12 { - width: 100%; - } - .col-md-11 { - width: 91.66666667%; - } - .col-md-10 { - width: 83.33333333%; - } - .col-md-9 { - width: 75%; - } - .col-md-8 { - width: 66.66666667%; - } - .col-md-7 { - width: 58.33333333%; - } - .col-md-6 { - width: 50%; - } - .col-md-5 { - width: 41.66666667%; - } - .col-md-4 { - width: 33.33333333%; - } - .col-md-3 { - width: 25%; - } - .col-md-2 { - width: 16.66666667%; - } - .col-md-1 { - width: 8.33333333%; - } -} table { background-color: transparent; } caption { - padding-top: 8px; - padding-bottom: 8px; + padding-top: 5px; + padding-bottom: 5px; color: #b3b3b3; text-align: left; } @@ -846,15 +582,13 @@ th { .table { width: 100%; max-width: 100%; - margin-bottom: 22px; + margin-bottom: 20px; } .table > thead > tr > th, .table > tbody > tr > th, -.table > tfoot > tr > th, .table > thead > tr > td, -.table > tbody > tr > td, -.table > tfoot > tr > td { - padding: 8px; +.table > tbody > tr > td { + padding: 5px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #dddddd; @@ -863,37 +597,17 @@ th { vertical-align: bottom; border-bottom: 2px solid #dddddd; } -.table > caption + thead > tr:first-child > th, -.table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, -.table > caption + thead > tr:first-child > td, -.table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } -.table > tbody + tbody { - border-top: 2px solid #dddddd; -} -.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; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, -.table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, -.table-bordered > tbody > tr > td, -.table-bordered > tfoot > tr > td { +.table-bordered > tbody > tr > td { border: 1px solid #dddddd; } .table-bordered > thead > tr > th, @@ -903,90 +617,20 @@ th { .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } -.table-hover > tbody > tr:hover { - background-color: #f5f5f5; -} -table col[class*="col-"] { - position: static; - float: none; - display: table-column; -} -table td[class*="col-"], -table th[class*="col-"] { - position: static; - float: none; - display: table-cell; -} -.table > thead > tr > td.info, .table > tbody > tr > td.info, -.table > tfoot > tr > td.info, -.table > thead > tr > th.info, -.table > tbody > tr > th.info, -.table > tfoot > tr > th.info, -.table > thead > tr.info > td, -.table > tbody > tr.info > td, -.table > tfoot > tr.info > td, -.table > thead > tr.info > th, -.table > tbody > tr.info > th, -.table > tfoot > tr.info > th { +.table > tbody > tr.info > td { background-color: #d9edf7; } -.table-hover > tbody > tr > td.info:hover, -.table-hover > tbody > tr > th.info:hover, -.table-hover > tbody > tr.info:hover > td, -.table-hover > tbody > tr:hover > .info, -.table-hover > tbody > tr.info:hover > th { - background-color: #c4e3f3; -} -.table > thead > tr > td.warning, .table > tbody > tr > td.warning, -.table > tfoot > tr > td.warning, -.table > thead > tr > th.warning, -.table > tbody > tr > th.warning, -.table > tfoot > tr > th.warning, -.table > thead > tr.warning > td, -.table > tbody > tr.warning > td, -.table > tfoot > tr.warning > td, -.table > thead > tr.warning > th, -.table > tbody > tr.warning > th, -.table > tfoot > tr.warning > th { +.table > tbody > tr.warning > td { background-color: #fcf8e3; } -.table-hover > tbody > tr > td.warning:hover, -.table-hover > tbody > tr > th.warning:hover, -.table-hover > tbody > tr.warning:hover > td, -.table-hover > tbody > tr:hover > .warning, -.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; @@ -996,14 +640,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 { @@ -1011,35 +647,24 @@ 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; 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 { @@ -1052,409 +677,12 @@ output { .form-control::-webkit-input-placeholder { color: #b3b3b3; } -.form-control[disabled], -.form-control[readonly], -fieldset[disabled] .form-control { - cursor: not-allowed; - background-color: #eeeeee; - opacity: 1; -} 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 { - 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; -} -.form-control-static.input-lg, -.form-control-static.input-sm { - padding-left: 0; - padding-right: 0; -} -.input-sm { - height: 33px; - padding: 5px 10px; - font-size: 14px; - line-height: 1.5; - border-radius: 3px; -} -select.input-sm { - height: 33px; - line-height: 33px; -} -textarea.input-sm, -select[multiple].input-sm { - height: auto; -} -.form-group-sm .form-control { - height: 33px; - padding: 5px 10px; - font-size: 14px; - line-height: 1.5; - border-radius: 3px; -} -select.form-group-sm .form-control { - height: 33px; - line-height: 33px; -} -textarea.form-group-sm .form-control, -select[multiple].form-group-sm .form-control { - height: auto; -} -.form-group-sm .form-control-static { - height: 33px; - padding: 5px 10px; - font-size: 14px; - line-height: 1.5; -} -.input-lg { - height: 57px; - padding: 14px 16px; - font-size: 20px; - line-height: 1.3333333; - border-radius: 6px; -} -select.input-lg { - height: 57px; - line-height: 57px; -} -textarea.input-lg, -select[multiple].input-lg { - height: auto; -} -.form-group-lg .form-control { - height: 57px; - padding: 14px 16px; - font-size: 20px; - line-height: 1.3333333; - border-radius: 6px; -} -select.form-group-lg .form-control { - height: 57px; - line-height: 57px; -} -textarea.form-group-lg .form-control, -select[multiple].form-group-lg .form-control { - height: auto; -} -.form-group-lg .form-control-static { - height: 57px; - padding: 14px 16px; - font-size: 20px; - line-height: 1.3333333; -} -.has-feedback { - position: relative; -} -.has-feedback .form-control { - padding-right: 50px; -} -.form-control-feedback { - position: absolute; - top: 0; - right: 0; - z-index: 2; - display: block; - width: 40px; - height: 40px; - line-height: 40px; - text-align: center; - pointer-events: none; -} -.input-lg + .form-control-feedback { - width: 57px; - height: 57px; - line-height: 57px; -} -.input-sm + .form-control-feedback { - width: 33px; - height: 33px; - line-height: 33px; -} -.has-success .help-block, -.has-success .control-label, -.has-success .radio, -.has-success .checkbox, -.has-success .radio-inline, -.has-success .checkbox-inline, -.has-success.radio label, -.has-success.checkbox label, -.has-success.radio-inline label, -.has-success.checkbox-inline label { - color: #3fad46; -} -.has-success .form-control { - border-color: #3fad46; - -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); -} -.has-success .form-control:focus { - border-color: #318837; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #81d186; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #81d186; -} -.has-success .input-group-addon { - color: #3fad46; - border-color: #3fad46; - background-color: #dff0d8; -} -.has-success .form-control-feedback { - color: #3fad46; -} -.has-warning .help-block, -.has-warning .control-label, -.has-warning .radio, -.has-warning .checkbox, -.has-warning .radio-inline, -.has-warning .checkbox-inline, -.has-warning.radio label, -.has-warning.checkbox label, -.has-warning.radio-inline label, -.has-warning.checkbox-inline label { - color: #f0ad4e; -} -.has-warning .form-control { - border-color: #f0ad4e; - -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); -} -.has-warning .form-control:focus { - border-color: #ec971f; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8d9ac; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8d9ac; -} -.has-warning .input-group-addon { - color: #f0ad4e; - border-color: #f0ad4e; - background-color: #fcf8e3; -} -.has-warning .form-control-feedback { - color: #f0ad4e; -} -.has-error .help-block, -.has-error .control-label, -.has-error .radio, -.has-error .checkbox, -.has-error .radio-inline, -.has-error .checkbox-inline, -.has-error.radio label, -.has-error.checkbox label, -.has-error.radio-inline label, -.has-error.checkbox-inline label { - color: #d9534f; -} -.has-error .form-control { - border-color: #d9534f; - -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); -} -.has-error .form-control:focus { - border-color: #c9302c; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #eba5a3; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #eba5a3; -} -.has-error .input-group-addon { - color: #d9534f; - border-color: #d9534f; - background-color: #f2dede; -} -.has-error .form-control-feedback { - color: #d9534f; -} -.has-feedback label ~ .form-control-feedback { - top: 27px; -} -.has-feedback label.sr-only ~ .form-control-feedback { - top: 0; -} -.help-block { - display: block; - margin-top: 5px; - margin-bottom: 10px; - color: #737373; -} -@media (min-width: 768px) { - .form-inline .form-group { - display: inline-block; - margin-bottom: 0; - vertical-align: middle; - } - .form-inline .form-control { - display: inline-block; - width: auto; - vertical-align: middle; - } - .form-inline .form-control-static { - display: inline-block; - } - .form-inline .input-group { - display: inline-table; - vertical-align: middle; - } - .form-inline .input-group .input-group-addon, - .form-inline .input-group .input-group-btn, - .form-inline .input-group .form-control { - width: auto; - } - .form-inline .input-group > .form-control { - width: 100%; - } - .form-inline .control-label { - margin-bottom: 0; - vertical-align: middle; - } - .form-inline .radio, - .form-inline .checkbox { - display: inline-block; - margin-top: 0; - margin-bottom: 0; - vertical-align: middle; - } - .form-inline .radio label, - .form-inline .checkbox label { - padding-left: 0; - } - .form-inline .radio input[type="radio"], - .form-inline .checkbox input[type="checkbox"] { - position: relative; - margin-left: 0; - } - .form-inline .has-feedback .form-control-feedback { - top: 0; - } -} -.form-horizontal .radio, -.form-horizontal .checkbox, -.form-horizontal .radio-inline, -.form-horizontal .checkbox-inline { - margin-top: 0; - margin-bottom: 0; - padding-top: 9px; -} -.form-horizontal .radio, -.form-horizontal .checkbox { - min-height: 31px; -} -.form-horizontal .form-group { - margin-left: -15px; - margin-right: -15px; -} -@media (min-width: 768px) { - .form-horizontal .control-label { - text-align: right; - margin-bottom: 0; - padding-top: 9px; - } -} -.form-horizontal .has-feedback .form-control-feedback { - right: 15px; -} -@media (min-width: 768px) { - .form-horizontal .form-group-lg .control-label { - padding-top: 19.6666662px; - } -} -@media (min-width: 768px) { - .form-horizontal .form-group-sm .control-label { - padding-top: 6px; - } -} .btn { display: inline-block; margin-bottom: 0; @@ -1468,7 +696,7 @@ select[multiple].form-group-lg .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; @@ -1477,227 +705,78 @@ select[multiple].form-group-lg .form-control { user-select: none; } .btn:focus, -.btn:active:focus, -.btn.active:focus, -.btn.focus, -.btn:active.focus, -.btn.active.focus { +.btn:active:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, -.btn:focus, -.btn.focus { +.btn:focus { color: #333333; text-decoration: none; } -.btn:active, -.btn.active { +.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.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; border-color: #dddddd; } -.btn-default:hover, -.btn-default:focus, -.btn-default.focus, -.btn-default:active, -.btn-default.active, -.open > .dropdown-toggle.btn-default { +.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 { - background-image: none; +.btn-default:active { + color: #333333; + background-color: #e6e6e6; + border-color: #bebebe; } -.btn-default.disabled, -.btn-default[disabled], -fieldset[disabled] .btn-default, -.btn-default.disabled:hover, -.btn-default[disabled]:hover, -fieldset[disabled] .btn-default:hover, -.btn-default.disabled:focus, -.btn-default[disabled]:focus, -fieldset[disabled] .btn-default:focus, -.btn-default.disabled.focus, -.btn-default[disabled].focus, -fieldset[disabled] .btn-default.focus, -.btn-default.disabled:active, -.btn-default[disabled]:active, -fieldset[disabled] .btn-default:active, -.btn-default.disabled.active, -.btn-default[disabled].active, -fieldset[disabled] .btn-default.active { - background-color: #ffffff; - border-color: #dddddd; +.btn-default:active:hover, +.btn-default:active:focus { + color: #333333; + background-color: #d4d4d4; + border-color: #9d9d9d; } -.btn-default .badge { - color: #ffffff; - background-color: #333333; +.btn-default:active { + background-image: none; } .btn-primary { color: #ffffff; background-color: #4582ec; border-color: #4582ec; } -.btn-primary:hover, -.btn-primary:focus, -.btn-primary.focus, -.btn-primary:active, -.btn-primary.active, -.open > .dropdown-toggle.btn-primary { +.btn-primary:focus { color: #ffffff; background-color: #1863e6; - border-color: #175fdd; -} -.btn-primary:active, -.btn-primary.active, -.open > .dropdown-toggle.btn-primary { - background-image: none; + border-color: #1045a1; } -.btn-primary.disabled, -.btn-primary[disabled], -fieldset[disabled] .btn-primary, -.btn-primary.disabled:hover, -.btn-primary[disabled]:hover, -fieldset[disabled] .btn-primary:hover, -.btn-primary.disabled:focus, -.btn-primary[disabled]:focus, -fieldset[disabled] .btn-primary:focus, -.btn-primary.disabled.focus, -.btn-primary[disabled].focus, -fieldset[disabled] .btn-primary.focus, -.btn-primary.disabled:active, -.btn-primary[disabled]:active, -fieldset[disabled] .btn-primary:active, -.btn-primary.disabled.active, -.btn-primary[disabled].active, -fieldset[disabled] .btn-primary.active { - background-color: #4582ec; - border-color: #4582ec; -} -.btn-primary .badge { - 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; - visibility: hidden; -} -.collapse.in { - display: block; - visibility: visible; +.btn-primary:hover { + color: #ffffff; + background-color: #1863e6; + border-color: #175fdd; } -tr.collapse.in { - display: table-row; +.btn-primary:active { + color: #ffffff; + background-color: #1863e6; + border-color: #175fdd; } -tbody.collapse.in { - display: table-row-group; +.btn-primary:active:hover, +.btn-primary:active:focus { + color: #ffffff; + background-color: #1455c6; + border-color: #1045a1; } -.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; +.btn-primary:active { + background-image: none; } .nav { margin-bottom: 0; @@ -1718,19 +797,6 @@ tbody.collapse.in { text-decoration: none; background-color: #eeeeee; } -.nav > li.disabled > a { - color: #b3b3b3; -} -.nav > li.disabled > a:hover, -.nav > li.disabled > a:focus { - color: #b3b3b3; - text-decoration: none; - background-color: transparent; - cursor: not-allowed; -} -.nav > li > a > img { - max-width: none; -} .nav-pills > li { float: left; } @@ -1774,7 +840,7 @@ tbody.collapse.in { } .pager { padding-left: 0; - margin: 22px 0; + margin: 20px 0; list-style: none; text-align: center; } @@ -1802,17 +868,9 @@ tbody.collapse.in { .pager .previous > span { float: left; } -.pager .disabled > a, -.pager .disabled > a:hover, -.pager .disabled > a:focus, -.pager .disabled > span { - color: #b3b3b3; - background-color: #ffffff; - cursor: not-allowed; -} .alert { padding: 15px; - margin-bottom: 22px; + margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } @@ -1830,17 +888,6 @@ tbody.collapse.in { .alert > p + p { margin-top: 5px; } -.alert-success { - background-color: #3fad46; - border-color: #3fad46; - color: #ffffff; -} -.alert-success hr { - border-top-color: #389a3e; -} -.alert-success .alert-link { - color: #e6e6e6; -} .alert-info { background-color: #5bc0de; border-color: #5bc0de; @@ -1863,17 +910,6 @@ tbody.collapse.in { .alert-warning .alert-link { color: #e6e6e6; } -.alert-danger { - background-color: #d9534f; - border-color: #d9534f; - color: #ffffff; -} -.alert-danger hr { - border-top-color: #d43f3a; -} -.alert-danger .alert-link { - color: #e6e6e6; -} .well { min-height: 20px; padding: 19px; @@ -1881,198 +917,27 @@ tbody.collapse.in { 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 { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } -.well-lg { - padding: 24px; - border-radius: 6px; -} -.well-sm { - padding: 9px; - border-radius: 3px; -} -.close { - float: right; - font-size: 24px; - font-weight: bold; - line-height: 1; - color: #ffffff; - text-shadow: 0 1px 0 #ffffff; - opacity: 0.2; - filter: alpha(opacity=20); -} -.close:hover, -.close:focus { - color: #ffffff; - text-decoration: none; - cursor: pointer; - opacity: 0.5; - filter: alpha(opacity=50); -} -button.close { - padding: 0; - cursor: pointer; - background: transparent; - border: 0; - -webkit-appearance: none; -} -.modal-open { - overflow: hidden; -} -.modal { - display: none; - overflow: hidden; - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1040; - -webkit-overflow-scrolling: touch; - outline: 0; -} -.modal.fade .modal-dialog { - -webkit-transform: translate(0, -25%); - -ms-transform: translate(0, -25%); - -o-transform: translate(0, -25%); - transform: translate(0, -25%); - -webkit-transition: -webkit-transform 0.3s ease-out; - -o-transition: -o-transform 0.3s ease-out; - transition: transform 0.3s ease-out; -} -.modal.in .modal-dialog { - -webkit-transform: translate(0, 0); - -ms-transform: translate(0, 0); - -o-transform: translate(0, 0); - transform: translate(0, 0); -} -.modal-open .modal { - overflow-x: hidden; - overflow-y: auto; -} -.modal-dialog { - position: relative; - width: auto; - margin: 10px; -} -.modal-content { - position: relative; - background-color: #ffffff; - border: 1px solid #999999; - border: 1px solid rgba(0, 0, 0, 0.2); - border-radius: 6px; - -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); - box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); - -webkit-background-clip: padding-box; - background-clip: padding-box; - outline: 0; -} -.modal-backdrop { - position: absolute; - top: 0; - right: 0; - left: 0; - background-color: #000000; -} -.modal-backdrop.fade { - opacity: 0; - filter: alpha(opacity=0); -} -.modal-backdrop.in { - opacity: 0.5; - filter: alpha(opacity=50); -} -.modal-header { - padding: 15px; - border-bottom: 1px solid #e5e5e5; - min-height: 16.42857143px; -} -.modal-header .close { - margin-top: -2px; -} -.modal-title { - margin: 0; - line-height: 1.42857143; -} -.modal-body { - position: relative; - padding: 20px; -} -.modal-footer { - padding: 20px; - text-align: right; - border-top: 1px solid #e5e5e5; -} -.modal-footer .btn + .btn { - margin-left: 5px; - margin-bottom: 0; -} -.modal-footer .btn-group .btn + .btn { - margin-left: -1px; -} -.modal-footer .btn-block + .btn-block { - margin-left: 0; -} -.modal-scrollbar-measure { - position: absolute; - top: -9999px; - width: 50px; - height: 50px; - overflow: scroll; -} -@media (min-width: 768px) { - .modal-dialog { - width: 600px; - margin: 30px auto; - } - .modal-content { - -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); - box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); - } - .modal-sm { - width: 300px; - } -} -@media (min-width: 992px) { - .modal-lg { - width: 900px; - } -} .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, -.container:before, -.container:after, -.container-fluid:before, -.container-fluid:after, -.row:before, -.row:after, -.form-horizontal .form-group:before, -.form-horizontal .form-group:after, .nav:before, .nav:after, .pager:before, -.pager:after, -.modal-footer:before, -.modal-footer:after { +.pager:after { content: " "; display: table; } .clearfix:after, .dl-horizontal dd:after, -.container:after, -.container-fluid:after, -.row:after, -.form-horizontal .form-group:after, .nav:after, -.pager:after, -.modal-footer:after { +.pager:after { clear: both; } .center-block { @@ -2104,69 +969,40 @@ button.close { } .hidden { display: none !important; - visibility: hidden !important; } .affix { position: fixed; } -.navbar { - font-family: sans-serif; -} -.navbar-nav, -.navbar-form { - margin-left: 0; - margin-right: 0; -} -.navbar-nav > li > a { - padding: 8px 12px; - margin: 12.5px 6px; - border: 1px solid transparent; - border-radius: 4px; -} -.navbar-nav > li > a:hover { - border: 1px solid #ddd; -} -.navbar-nav > .active > a, -.navbar-nav > .active > a:hover { - border: 1px solid #ddd; +@-ms-viewport { + width: device-width; } -.navbar-default .navbar-nav > .active > a:hover { - color: #4582ec; +.visible-xs-block, +.visible-xs-inline { + display: none !important; } -.navbar-inverse .navbar-nav > .active > a:hover { - color: #333333; +@media (max-width: 767px) { + .visible-xs-block { + display: block !important; + } } -.navbar-brand { - padding-top: 12.5px; - padding-bottom: 12.5px; - line-height: 1.9; +@media (max-width: 767px) { + .visible-xs-inline { + display: inline !important; + } } -@media (max-width: 768px) { - .navbar .navbar-nav > li > a { - margin: 0; +@media (max-width: 767px) { + .hidden-xs { + display: none !important; } } .btn { font-family: sans-serif; } -legend { - font-family: sans-serif; -} -.input-group-addon { - font-family: sans-serif; -} .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { border: 1px solid #ddd; } -.pagination { - font-family: sans-serif; -} -.pagination-lg > li > a, -.pagination-lg > li > span { - padding: 14px 24px; -} .pager { font-family: sans-serif; } @@ -2203,19 +1039,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; -}