diff options
Diffstat (limited to 'docs/dist/css/bootstrap.css')
| -rw-r--r-- | docs/dist/css/bootstrap.css | 663 |
1 files changed, 397 insertions, 266 deletions
diff --git a/docs/dist/css/bootstrap.css b/docs/dist/css/bootstrap.css index bfebc39b0..59a6f17cb 100644 --- a/docs/dist/css/bootstrap.css +++ b/docs/dist/css/bootstrap.css @@ -3,7 +3,7 @@ * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ -/*! normalize.css commit fe56763 | MIT License | github.com/necolas/normalize.css */ +/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; @@ -34,7 +34,6 @@ canvas, progress, video { display: inline-block; - vertical-align: baseline; } audio:not([controls]) { @@ -42,8 +41,12 @@ audio:not([controls]) { height: 0; } -[hidden], -template { +progress { + vertical-align: baseline; +} + +template, +[hidden] { display: none; } @@ -51,21 +54,25 @@ a { background-color: transparent; } -a:active { - outline: 0; -} - +a:active, a:hover { - outline: 0; + outline-width: 0; } abbr[title] { - border-bottom: 1px dotted; + border-bottom: none; + text-decoration: underline; + text-decoration: underline dotted; } b, strong { - font-weight: bold; + font-weight: inherit; +} + +b, +strong { + font-weight: bolder; } dfn { @@ -78,7 +85,7 @@ h1 { } mark { - background: #ff0; + background-color: #ff0; color: #000; } @@ -94,22 +101,30 @@ sup { vertical-align: baseline; } -sup { - top: -0.5em; -} - sub { bottom: -0.25em; } +sup { + top: -0.5em; +} + img { - border: 0; + border-style: none; } svg:not(:root) { overflow: hidden; } +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; +} + figure { margin: 1em 40px; } @@ -118,81 +133,65 @@ hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; + overflow: visible; } -pre { - overflow: auto; +button, +input, +select, +textarea { + font: inherit; } -code, -kbd, -pre, -samp { - font-family: monospace, monospace; - font-size: 1em; +optgroup { + font-weight: bold; +} + +button, +input, +select { + overflow: visible; } button, input, -optgroup, select, textarea { - color: inherit; - font: inherit; margin: 0; } -button { - overflow: visible; -} - button, select { text-transform: none; } button, -html input[type="button"], -input[type="reset"], -input[type="submit"] { - -webkit-appearance: button; +[type="button"], +[type="reset"], +[type="submit"] { cursor: pointer; } -button[disabled], -html input[disabled] { +[disabled] { cursor: default; } +button, +html [type="button"], +[type="reset"], +[type="submit"] { + -webkit-appearance: button; +} + button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } -input { - line-height: normal; -} - -input[type="checkbox"], -input[type="radio"] { - -webkit-box-sizing: border-box; - box-sizing: border-box; - padding: 0; -} - -input[type="number"]::-webkit-inner-spin-button, -input[type="number"]::-webkit-outer-spin-button { - height: auto; -} - -input[type="search"] { - -webkit-appearance: textfield; -} - -input[type="search"]::-webkit-search-cancel-button, -input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; +button:-moz-focusring, +input:-moz-focusring { + outline: 1px dotted ButtonText; } fieldset { @@ -202,26 +201,38 @@ fieldset { } legend { - border: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + color: inherit; + display: table; + max-width: 100%; padding: 0; + white-space: normal; } textarea { overflow: auto; } -optgroup { - font-weight: bold; +[type="checkbox"], +[type="radio"] { + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 0; } -table { - border-collapse: collapse; - border-spacing: 0; +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; } -td, -th { - padding: 0; +[type="search"] { + -webkit-appearance: textfield; +} + +[type="search"]::-webkit-search-cancel-button, +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; } @media print { @@ -270,7 +281,7 @@ th { .dropup > .btn > .caret { border-top-color: #000 !important; } - .label { + .tag { border: 1px solid #000; } .table { @@ -385,9 +396,24 @@ a:focus { outline-offset: -2px; } +a:not([href]) { + color: inherit; + text-decoration: none; +} + +a:not([href]):focus, a:not([href]):hover { + color: inherit; + text-decoration: none; +} + +a:not([href]):focus { + outline: none; +} + pre { margin-top: 0; margin-bottom: 1rem; + overflow: auto; } figure { @@ -416,6 +442,7 @@ textarea { } table { + border-collapse: collapse; background-color: transparent; } @@ -450,6 +477,18 @@ textarea { border-radius: 0; } +input[type="radio"]:disabled, +input[type="checkbox"]:disabled { + cursor: not-allowed; +} + +input[type="date"], +input[type="time"], +input[type="datetime-local"], +input[type="month"] { + -webkit-appearance: listbox; +} + textarea { resize: vertical; } @@ -555,7 +594,7 @@ small, mark, .mark { - padding: .2em; + padding: 0.2em; background-color: #fcf8e3; } @@ -669,7 +708,7 @@ samp { } code { - padding: .2rem .4rem; + padding: 0.2rem 0.4rem; font-size: 90%; color: #bd4147; background-color: #f7f7f9; @@ -677,7 +716,7 @@ code { } kbd { - padding: .2rem .4rem; + padding: 0.2rem 0.4rem; font-size: 90%; color: #fff; background-color: #333; @@ -2082,12 +2121,15 @@ pre code { .form-control { display: block; width: 100%; - padding: 0.375rem 0.75rem; + padding: 0.5rem 0.75rem; font-size: 1rem; + line-height: 1.25; color: #55595c; background-color: #fff; background-image: none; - border: 1px solid #ccc; + -webkit-background-clip: padding-box; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } @@ -2130,8 +2172,13 @@ pre code { cursor: not-allowed; } -select.form-control:not([size], [multiple]) { - height: 2.25rem; +select.form-control:not([size]):not([multiple]) { + height: 2.5rem; +} + +select.form-control:focus::-ms-value { + color: #55595c; + background-color: #fff; } .form-control-file, @@ -2139,57 +2186,35 @@ select.form-control:not([size], [multiple]) { display: block; } -.form-control-label { - padding: 0.375rem 0.75rem; +.col-form-label { + padding-top: 0.5rem; + padding-bottom: 0.5rem; margin-bottom: 0; } -_::-webkit-full-page-media.form-control, -input[type="date"].form-control, -input[type="time"].form-control, -input[type="datetime-local"].form-control, -input[type="month"].form-control { - line-height: 2.25rem; -} - -_::-webkit-full-page-media.input-sm, -.input-group-sm _::-webkit-full-page-media.form-control, -input[type="date"].input-sm, -.input-group-sm -input[type="date"].form-control, -input[type="time"].input-sm, -.input-group-sm -input[type="time"].form-control, -input[type="datetime-local"].input-sm, -.input-group-sm -input[type="datetime-local"].form-control, -input[type="month"].input-sm, -.input-group-sm -input[type="month"].form-control { - line-height: 1.8625rem; -} - -_::-webkit-full-page-media.input-lg, -.input-group-lg _::-webkit-full-page-media.form-control, -input[type="date"].input-lg, -.input-group-lg -input[type="date"].form-control, -input[type="time"].input-lg, -.input-group-lg -input[type="time"].form-control, -input[type="datetime-local"].input-lg, -.input-group-lg -input[type="datetime-local"].form-control, -input[type="month"].input-lg, -.input-group-lg -input[type="month"].form-control { - line-height: 3.166667rem; +.col-form-label-lg { + padding-top: 0.75rem; + padding-bottom: 0.75rem; + font-size: 1.25rem; +} + +.col-form-label-sm { + padding-top: 0.25rem; + padding-bottom: 0.25rem; + font-size: 0.875rem; +} + +.col-form-legend { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + margin-bottom: 0; + font-size: 1rem; } .form-control-static { - min-height: 2.25rem; - padding-top: 0.375rem; - padding-bottom: 0.375rem; + min-height: 2.5rem; + padding-top: 0.5rem; + padding-bottom: 0.5rem; margin-bottom: 0; } @@ -2205,60 +2230,67 @@ input[type="month"].form-control { .form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { - padding: 0.275rem 0.75rem; + padding: 0.25rem 0.5rem; font-size: 0.875rem; - line-height: 1.5; border-radius: 0.2rem; } +select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), +.input-group-sm > select.input-group-addon:not([size]):not([multiple]), +.input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]) { + height: 1.8125rem; +} + .form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { - padding: 0.75rem 1.25rem; + padding: 0.75rem 1.5rem; font-size: 1.25rem; - line-height: 1.333333; border-radius: 0.3rem; } +select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), +.input-group-lg > select.input-group-addon:not([size]):not([multiple]), +.input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]) { + height: 3.166667rem; +} + .form-group { margin-bottom: 1rem; } -.radio, -.checkbox { +.form-check { position: relative; display: block; margin-bottom: 0.75rem; } -.radio label, -.checkbox label { +.form-check + .form-check { + margin-top: -.25rem; +} + +.form-check.disabled .form-check-label { + color: #818a91; + cursor: not-allowed; +} + +.form-check-label { padding-left: 1.25rem; margin-bottom: 0; cursor: pointer; } -.radio label input:only-child, -.checkbox label input:only-child { - position: static; -} - -.radio input[type="radio"], -.radio-inline input[type="radio"], -.checkbox input[type="checkbox"], -.checkbox-inline input[type="checkbox"] { +.form-check-input { position: absolute; margin-top: .25rem; margin-left: -1.25rem; } -.radio + .radio, -.checkbox + .checkbox { - margin-top: -.25rem; +.form-check-input:only-child { + position: static; } -.radio-inline, -.checkbox-inline { +.form-check-inline { position: relative; display: inline-block; padding-left: 1.25rem; @@ -2267,26 +2299,16 @@ input[type="month"].form-control { cursor: pointer; } -.radio-inline + .radio-inline, -.checkbox-inline + .checkbox-inline { - margin-top: 0; +.form-check-inline + .form-check-inline { margin-left: .75rem; } -input[type="radio"]:disabled, input[type="radio"].disabled, -input[type="checkbox"]:disabled, -input[type="checkbox"].disabled { +.form-check-inline.disabled { cursor: not-allowed; } -.radio-inline.disabled, -.checkbox-inline.disabled { - cursor: not-allowed; -} - -.radio.disabled label, -.checkbox.disabled label { - cursor: not-allowed; +.form-control-feedback { + margin-top: .5rem; } .form-control-success, @@ -2294,12 +2316,12 @@ input[type="checkbox"].disabled { .form-control-danger { padding-right: 2.25rem; background-repeat: no-repeat; - background-position: center right 0.5625rem; - -webkit-background-size: 1.125rem 1.125rem; - background-size: 1.125rem 1.125rem; + background-position: center right 0.625rem; + -webkit-background-size: 1.25rem 1.25rem; + background-size: 1.25rem 1.25rem; } -.has-success .text-help, +.has-success .form-control-feedback, .has-success .form-control-label, .has-success .radio, .has-success .checkbox, @@ -2308,7 +2330,8 @@ input[type="checkbox"].disabled { .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, -.has-success.checkbox-inline label { +.has-success.checkbox-inline label, +.has-success .custom-control { color: #5cb85c; } @@ -2330,7 +2353,7 @@ input[type="checkbox"].disabled { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E"); } -.has-warning .text-help, +.has-warning .form-control-feedback, .has-warning .form-control-label, .has-warning .radio, .has-warning .checkbox, @@ -2339,7 +2362,8 @@ input[type="checkbox"].disabled { .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, -.has-warning.checkbox-inline label { +.has-warning.checkbox-inline label, +.has-warning .custom-control { color: #f0ad4e; } @@ -2361,7 +2385,7 @@ input[type="checkbox"].disabled { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E"); } -.has-danger .text-help, +.has-danger .form-control-feedback, .has-danger .form-control-label, .has-danger .radio, .has-danger .checkbox, @@ -2370,7 +2394,8 @@ input[type="checkbox"].disabled { .has-danger.radio label, .has-danger.checkbox label, .has-danger.radio-inline label, -.has-danger.checkbox-inline label { +.has-danger.checkbox-inline label, +.has-danger .custom-control { color: #d9534f; } @@ -2446,6 +2471,7 @@ input[type="checkbox"].disabled { .btn { display: inline-block; font-weight: normal; + line-height: 1.25; text-align: center; white-space: nowrap; vertical-align: middle; @@ -2455,7 +2481,7 @@ input[type="checkbox"].disabled { -ms-user-select: none; user-select: none; border: 1px solid transparent; - padding: 0.375rem 1rem; + padding: 0.5rem 1rem; font-size: 1rem; border-radius: 0.25rem; } @@ -2766,19 +2792,34 @@ fieldset[disabled] a.btn { border-color: #0275d8; } -.btn-outline-primary:focus, .btn-outline-primary.focus, .btn-outline-primary:active, .btn-outline-primary.active, -.open > .btn-outline-primary.dropdown-toggle { +.btn-outline-primary:hover { color: #fff; background-color: #0275d8; border-color: #0275d8; } -.btn-outline-primary:hover { +.btn-outline-primary:focus, .btn-outline-primary.focus { + color: #fff; + background-color: #0275d8; + border-color: #0275d8; +} + +.btn-outline-primary:active, .btn-outline-primary.active, +.open > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #0275d8; border-color: #0275d8; } +.btn-outline-primary:active:hover, .btn-outline-primary:active:focus, .btn-outline-primary:active.focus, .btn-outline-primary.active:hover, .btn-outline-primary.active:focus, .btn-outline-primary.active.focus, +.open > .btn-outline-primary.dropdown-toggle:hover, +.open > .btn-outline-primary.dropdown-toggle:focus, +.open > .btn-outline-primary.dropdown-toggle.focus { + color: #fff; + background-color: #014682; + border-color: #01315a; +} + .btn-outline-primary.disabled:focus, .btn-outline-primary.disabled.focus, .btn-outline-primary:disabled:focus, .btn-outline-primary:disabled.focus { border-color: #43a7fd; } @@ -2794,19 +2835,34 @@ fieldset[disabled] a.btn { border-color: #ccc; } -.btn-outline-secondary:focus, .btn-outline-secondary.focus, .btn-outline-secondary:active, .btn-outline-secondary.active, -.open > .btn-outline-secondary.dropdown-toggle { +.btn-outline-secondary:hover { color: #fff; background-color: #ccc; border-color: #ccc; } -.btn-outline-secondary:hover { +.btn-outline-secondary:focus, .btn-outline-secondary.focus { color: #fff; background-color: #ccc; border-color: #ccc; } +.btn-outline-secondary:active, .btn-outline-secondary.active, +.open > .btn-outline-secondary.dropdown-toggle { + color: #fff; + background-color: #ccc; + border-color: #ccc; +} + +.btn-outline-secondary:active:hover, .btn-outline-secondary:active:focus, .btn-outline-secondary:active.focus, .btn-outline-secondary.active:hover, .btn-outline-secondary.active:focus, .btn-outline-secondary.active.focus, +.open > .btn-outline-secondary.dropdown-toggle:hover, +.open > .btn-outline-secondary.dropdown-toggle:focus, +.open > .btn-outline-secondary.dropdown-toggle.focus { + color: #fff; + background-color: #a1a1a1; + border-color: #8c8c8c; +} + .btn-outline-secondary.disabled:focus, .btn-outline-secondary.disabled.focus, .btn-outline-secondary:disabled:focus, .btn-outline-secondary:disabled.focus { border-color: white; } @@ -2822,19 +2878,34 @@ fieldset[disabled] a.btn { border-color: #5bc0de; } -.btn-outline-info:focus, .btn-outline-info.focus, .btn-outline-info:active, .btn-outline-info.active, -.open > .btn-outline-info.dropdown-toggle { +.btn-outline-info:hover { color: #fff; background-color: #5bc0de; border-color: #5bc0de; } -.btn-outline-info:hover { +.btn-outline-info:focus, .btn-outline-info.focus { color: #fff; background-color: #5bc0de; border-color: #5bc0de; } +.btn-outline-info:active, .btn-outline-info.active, +.open > .btn-outline-info.dropdown-toggle { + color: #fff; + background-color: #5bc0de; + border-color: #5bc0de; +} + +.btn-outline-info:active:hover, .btn-outline-info:active:focus, .btn-outline-info:active.focus, .btn-outline-info.active:hover, .btn-outline-info.active:focus, .btn-outline-info.active.focus, +.open > .btn-outline-info.dropdown-toggle:hover, +.open > .btn-outline-info.dropdown-toggle:focus, +.open > .btn-outline-info.dropdown-toggle.focus { + color: #fff; + background-color: #269abc; + border-color: #1f7e9a; +} + .btn-outline-info.disabled:focus, .btn-outline-info.disabled.focus, .btn-outline-info:disabled:focus, .btn-outline-info:disabled.focus { border-color: #b0e1ef; } @@ -2850,19 +2921,34 @@ fieldset[disabled] a.btn { border-color: #5cb85c; } -.btn-outline-success:focus, .btn-outline-success.focus, .btn-outline-success:active, .btn-outline-success.active, -.open > .btn-outline-success.dropdown-toggle { +.btn-outline-success:hover { color: #fff; background-color: #5cb85c; border-color: #5cb85c; } -.btn-outline-success:hover { +.btn-outline-success:focus, .btn-outline-success.focus { color: #fff; background-color: #5cb85c; border-color: #5cb85c; } +.btn-outline-success:active, .btn-outline-success.active, +.open > .btn-outline-success.dropdown-toggle { + color: #fff; + background-color: #5cb85c; + border-color: #5cb85c; +} + +.btn-outline-success:active:hover, .btn-outline-success:active:focus, .btn-outline-success:active.focus, .btn-outline-success.active:hover, .btn-outline-success.active:focus, .btn-outline-success.active.focus, +.open > .btn-outline-success.dropdown-toggle:hover, +.open > .btn-outline-success.dropdown-toggle:focus, +.open > .btn-outline-success.dropdown-toggle.focus { + color: #fff; + background-color: #398439; + border-color: #2d672d; +} + .btn-outline-success.disabled:focus, .btn-outline-success.disabled.focus, .btn-outline-success:disabled:focus, .btn-outline-success:disabled.focus { border-color: #a3d7a3; } @@ -2878,19 +2964,34 @@ fieldset[disabled] a.btn { border-color: #f0ad4e; } -.btn-outline-warning:focus, .btn-outline-warning.focus, .btn-outline-warning:active, .btn-outline-warning.active, -.open > .btn-outline-warning.dropdown-toggle { +.btn-outline-warning:hover { color: #fff; background-color: #f0ad4e; border-color: #f0ad4e; } -.btn-outline-warning:hover { +.btn-outline-warning:focus, .btn-outline-warning.focus { + color: #fff; + background-color: #f0ad4e; + border-color: #f0ad4e; +} + +.btn-outline-warning:active, .btn-outline-warning.active, +.open > .btn-outline-warning.dropdown-toggle { color: #fff; background-color: #f0ad4e; border-color: #f0ad4e; } +.btn-outline-warning:active:hover, .btn-outline-warning:active:focus, .btn-outline-warning:active.focus, .btn-outline-warning.active:hover, .btn-outline-warning.active:focus, .btn-outline-warning.active.focus, +.open > .btn-outline-warning.dropdown-toggle:hover, +.open > .btn-outline-warning.dropdown-toggle:focus, +.open > .btn-outline-warning.dropdown-toggle.focus { + color: #fff; + background-color: #d58512; + border-color: #b06d0f; +} + .btn-outline-warning.disabled:focus, .btn-outline-warning.disabled.focus, .btn-outline-warning:disabled:focus, .btn-outline-warning:disabled.focus { border-color: #f8d9ac; } @@ -2906,19 +3007,34 @@ fieldset[disabled] a.btn { border-color: #d9534f; } -.btn-outline-danger:focus, .btn-outline-danger.focus, .btn-outline-danger:active, .btn-outline-danger.active, -.open > .btn-outline-danger.dropdown-toggle { +.btn-outline-danger:hover { color: #fff; background-color: #d9534f; border-color: #d9534f; } -.btn-outline-danger:hover { +.btn-outline-danger:focus, .btn-outline-danger.focus { color: #fff; background-color: #d9534f; border-color: #d9534f; } +.btn-outline-danger:active, .btn-outline-danger.active, +.open > .btn-outline-danger.dropdown-toggle { + color: #fff; + background-color: #d9534f; + border-color: #d9534f; +} + +.btn-outline-danger:active:hover, .btn-outline-danger:active:focus, .btn-outline-danger:active.focus, .btn-outline-danger.active:hover, .btn-outline-danger.active:focus, .btn-outline-danger.active.focus, +.open > .btn-outline-danger.dropdown-toggle:hover, +.open > .btn-outline-danger.dropdown-toggle:focus, +.open > .btn-outline-danger.dropdown-toggle.focus { + color: #fff; + background-color: #ac2925; + border-color: #8b211e; +} + .btn-outline-danger.disabled:focus, .btn-outline-danger.disabled.focus, .btn-outline-danger:disabled:focus, .btn-outline-danger:disabled.focus { border-color: #eba5a3; } @@ -2957,13 +3073,13 @@ fieldset[disabled] a.btn { } .btn-lg, .btn-group-lg > .btn { - padding: 0.75rem 1.25rem; + padding: 0.75rem 1.5rem; font-size: 1.25rem; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { - padding: 0.25rem 0.75rem; + padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; } @@ -3145,11 +3261,6 @@ input[type="button"].btn-block { z-index: 990; } -.pull-right > .dropdown-menu { - right: 0; - left: auto; -} - .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; @@ -3350,6 +3461,7 @@ input[type="button"].btn-block { .input-group { position: relative; + width: 100%; display: table; border-collapse: separate; } @@ -3386,22 +3498,22 @@ input[type="button"].btn-block { } .input-group-addon { - padding: 0.375rem 0.75rem; + padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: normal; - line-height: 1.5; + line-height: 1.25; color: #55595c; text-align: center; background-color: #eceeef; - border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .input-group-addon.form-control-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn { - padding: 0.275rem 0.75rem; + padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; } @@ -3409,7 +3521,7 @@ input[type="button"].btn-block { .input-group-addon.form-control-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn { - padding: 0.75rem 1.25rem; + padding: 0.75rem 1.5rem; font-size: 1.25rem; border-radius: 0.3rem; } @@ -3419,33 +3531,33 @@ input[type="button"].btn-block { margin-top: 0; } -.input-group .form-control:first-child, -.input-group-addon:first-child, -.input-group-btn:first-child > .btn, -.input-group-btn:first-child > .btn-group > .btn, -.input-group-btn:first-child > .dropdown-toggle, -.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), -.input-group-btn:last-child > .btn-group:not(:last-child) > .btn { +.input-group .form-control:not(:last-child), +.input-group-addon:not(:last-child), +.input-group-btn:not(:last-child) > .btn, +.input-group-btn:not(:last-child) > .btn-group > .btn, +.input-group-btn:not(:last-child) > .dropdown-toggle, +.input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle), +.input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0; } -.input-group-addon:first-child { +.input-group-addon:not(:last-child) { border-right: 0; } -.input-group .form-control:last-child, -.input-group-addon:last-child, -.input-group-btn:last-child > .btn, -.input-group-btn:last-child > .btn-group > .btn, -.input-group-btn:last-child > .dropdown-toggle, -.input-group-btn:first-child > .btn:not(:first-child), -.input-group-btn:first-child > .btn-group:not(:first-child) > .btn { +.input-group .form-control:not(:first-child), +.input-group-addon:not(:first-child), +.input-group-btn:not(:first-child) > .btn, +.input-group-btn:not(:first-child) > .btn-group > .btn, +.input-group-btn:not(:first-child) > .dropdown-toggle, +.input-group-btn:not(:last-child) > .btn:not(:first-child), +.input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0; } -.input-group-addon:last-child { +.form-control + .input-group-addon:not(:first-child) { border-left: 0; } @@ -3467,21 +3579,21 @@ input[type="button"].btn-block { z-index: 3; } -.input-group-btn:first-child > .btn, -.input-group-btn:first-child > .btn-group { +.input-group-btn:not(:last-child) > .btn, +.input-group-btn:not(:last-child) > .btn-group { margin-right: -1px; } -.input-group-btn:last-child > .btn, -.input-group-btn:last-child > .btn-group { +.input-group-btn:not(:first-child) > .btn, +.input-group-btn:not(:first-child) > .btn-group { z-index: 2; margin-left: -1px; } -.input-group-btn:last-child > .btn:focus, .input-group-btn:last-child > .btn:active, .input-group-btn:last-child > .btn:hover, -.input-group-btn:last-child > .btn-group:focus, -.input-group-btn:last-child > .btn-group:active, -.input-group-btn:last-child > .btn-group:hover { +.input-group-btn:not(:first-child) > .btn:focus, .input-group-btn:not(:first-child) > .btn:active, .input-group-btn:not(:first-child) > .btn:hover, +.input-group-btn:not(:first-child) > .btn-group:focus, +.input-group-btn:not(:first-child) > .btn-group:active, +.input-group-btn:not(:first-child) > .btn-group:hover { z-index: 3; } @@ -3489,6 +3601,7 @@ input[type="button"].btn-block { position: relative; display: inline; padding-left: 1.5rem; + cursor: pointer; } .custom-control + .custom-control { @@ -3591,7 +3704,7 @@ input[type="button"].btn-block { background-image: none \9; -webkit-background-size: 8px 10px; background-size: 8px 10px; - border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; -moz-appearance: none; -webkit-appearance: none; @@ -3602,6 +3715,17 @@ input[type="button"].btn-block { outline: none; } +.custom-select:focus::-ms-value { + color: #55595c; + background-color: #fff; +} + +.custom-select:disabled { + color: #818a91; + cursor: not-allowed; + background-color: #eceeef; +} + .custom-select::-ms-expand { opacity: 0; } @@ -3647,7 +3771,7 @@ input[type="button"].btn-block { border-radius: 0.25rem; } -.custom-file-control::after { +.custom-file-control:lang(en)::after { content: "Choose file..."; } @@ -3662,12 +3786,15 @@ input[type="button"].btn-block { padding: 0.5rem 1rem; line-height: 1.5; color: #555; - content: "Browse"; background-color: #eee; border: 1px solid #ddd; border-radius: 0 0.25rem 0.25rem 0; } +.custom-file-control:lang(en)::before { + content: "Browse"; +} + .nav { padding-left: 0; margin-bottom: 0; @@ -3865,8 +3992,8 @@ input[type="button"].btn-block { .navbar-brand { float: left; - padding-top: .25rem; - padding-bottom: .25rem; + padding-top: 0.25rem; + padding-bottom: 0.25rem; margin-right: 1rem; font-size: 1.25rem; } @@ -4014,8 +4141,7 @@ input[type="button"].btn-block { margin-bottom: 0.75rem; background-color: #fff; border-radius: 0.25rem; - -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.125); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.125); + border: 1px solid rgba(0, 0, 0, 0.125); } .card-block { @@ -4050,11 +4176,13 @@ input[type="button"].btn-block { } .card > .list-group:first-child .list-group-item:first-child { - border-radius: 0.25rem 0.25rem 0 0; + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; } .card > .list-group:last-child .list-group-item:last-child { - border-radius: 0 0 0.25rem 0.25rem; + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } .card-header { @@ -4410,9 +4538,9 @@ input[type="button"].btn-block { border-top-right-radius: 0.2rem; } -.label { +.tag { display: inline-block; - padding: .25em .4em; + padding: 0.25em 0.4em; font-size: 75%; font-weight: bold; line-height: 1; @@ -4423,72 +4551,72 @@ input[type="button"].btn-block { border-radius: 0.25rem; } -.label:empty { +.tag:empty { display: none; } -.btn .label { +.btn .tag { position: relative; top: -1px; } -a.label:focus, a.label:hover { +a.tag:focus, a.tag:hover { color: #fff; text-decoration: none; cursor: pointer; } -.label-pill { - padding-right: .6em; - padding-left: .6em; +.tag-pill { + padding-right: 0.6em; + padding-left: 0.6em; border-radius: 10rem; } -.label-default { +.tag-default { background-color: #818a91; } -.label-default[href]:focus, .label-default[href]:hover { +.tag-default[href]:focus, .tag-default[href]:hover { background-color: #687077; } -.label-primary { +.tag-primary { background-color: #0275d8; } -.label-primary[href]:focus, .label-primary[href]:hover { +.tag-primary[href]:focus, .tag-primary[href]:hover { background-color: #025aa5; } -.label-success { +.tag-success { background-color: #5cb85c; } -.label-success[href]:focus, .label-success[href]:hover { +.tag-success[href]:focus, .tag-success[href]:hover { background-color: #449d44; } -.label-info { +.tag-info { background-color: #5bc0de; } -.label-info[href]:focus, .label-info[href]:hover { +.tag-info[href]:focus, .tag-info[href]:hover { background-color: #31b0d5; } -.label-warning { +.tag-warning { background-color: #f0ad4e; } -.label-warning[href]:focus, .label-warning[href]:hover { +.tag-warning[href]:focus, .tag-warning[href]:hover { background-color: #ec971f; } -.label-danger { +.tag-danger { background-color: #d9534f; } -.label-danger[href]:focus, .label-danger[href]:hover { +.tag-danger[href]:focus, .tag-danger[href]:hover { background-color: #c9302c; } @@ -4879,7 +5007,7 @@ base::-moz-progress-bar, .list-group-item { position: relative; display: block; - padding: .75rem 1.25rem; + padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; @@ -5261,19 +5389,6 @@ button.close { clear: both; } -.modal-footer .btn + .btn { - margin-bottom: 0; - margin-left: 5px; -} - -.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; @@ -5829,6 +5944,18 @@ a.bg-danger:focus, a.bg-danger:hover { clear: both; } +.d-block { + display: block !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-inline { + display: inline !important; +} + .pull-xs-left { float: left !important; } @@ -5909,6 +6036,10 @@ a.bg-danger:focus, a.bg-danger:hover { clip: auto; } +.w-100 { + width: 100% !important; +} + .m-x-auto { margin-right: auto !important; margin-left: auto !important; |
