diff options
Diffstat (limited to 'dist/css/bootstrap.css')
| -rw-r--r-- | dist/css/bootstrap.css | 169 |
1 files changed, 49 insertions, 120 deletions
diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css index 0485ed767..908c89eaf 100644 --- a/dist/css/bootstrap.css +++ b/dist/css/bootstrap.css @@ -3430,105 +3430,43 @@ input[type="button"].btn-block { margin-left: 0; } -.select { - position: relative; - display: inline-block; - color: #555; -} - -.select > select { +.c-select { display: inline-block; - width: 100%; + max-width: 100%; -webkit-appearance: none; - padding: .5rem 2.25rem .5rem 1rem; - margin: 0; - line-height: 1.5; - color: #555; - cursor: pointer; - background-color: #eee; - border: 0; - border-radius: .25rem; - outline: 0; + padding: .375rem 1.75rem .375rem .75rem; + padding-right: .75rem \9; + vertical-align: middle; + background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right .75rem center; + background-image: none \9; + -webkit-background-size: 8px 10px; + background-size: 8px 10px; + border: 1px solid #ccc; -moz-appearance: none; appearance: none; } -.select > select:focus { - -webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9; - box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9; -} - -.select > select:focus:-moz-focusring { - color: transparent; - text-shadow: 0 0 0 #000; -} - -.select > select:active { - color: #fff; - background-color: #0074d9; -} - -.select > select::-ms-expand { - display: none; -} - -.select:after { - position: absolute; - top: 50%; - right: 1.25rem; - display: inline-block; - width: 0; - height: 0; - margin-top: -.15rem; - pointer-events: none; - content: ""; - border-top: .35rem solid; - border-right: .35rem solid transparent; - border-bottom: .35rem solid transparent; - border-left: .35rem solid transparent; +.c-select:focus { + border-color: #51a7e8; + outline: none; + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba(81, 167, 232, .5); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba(81, 167, 232, .5); } -.select select:hover { - background-color: #ddd; +.c-select::-ms-expand { + opacity: 0; } -@-moz-document url-prefix() { - .select select { - padding-right: 1rem; - text-indent: .01px; - text-overflow: ""; - } - .select option { - background-color: #fff; - } +.c-select-sm { + padding-top: 3px; + padding-bottom: 3px; + font-size: 12px; } -@media screen and (min-width: 0 \0) { - .select select { - z-index: 1; - padding: .5rem 1.5rem .5rem 1rem; - } - .select:after { - z-index: 5; - } - .select:before { - position: absolute; - top: 0; - right: 1rem; - bottom: 0; - z-index: 2; - display: block; - width: 1.5rem; - content: ""; - background-color: #eee; - } - .select select:focus, - .select select:active, - .select select:hover { - color: #555; - background-color: #eee; - } +.c-select-sm:not([multiple]) { + height: 26px; + min-height: 26px; } .file { @@ -3607,14 +3545,10 @@ input[type="button"].btn-block { text-decoration: none; } -.disabled > .nav-link, .nav-link.disabled { color: #818a91; } -.disabled > .nav-link, -.disabled > .nav-link:focus, -.disabled > .nav-link:hover, .nav-link.disabled, .nav-link.disabled:focus, .nav-link.disabled:hover { @@ -3631,6 +3565,16 @@ input[type="button"].btn-block { border-bottom: 1px solid #ddd; } +.nav-tabs:before, +.nav-tabs:after { + display: table; + content: " "; +} + +.nav-tabs:after { + clear: both; +} + .nav-tabs .nav-item { float: left; margin-bottom: -1px; @@ -3652,26 +3596,6 @@ input[type="button"].btn-block { border-color: #eceeef #eceeef #ddd; } -.nav-tabs .open > .nav-link, -.nav-tabs .open > .nav-link:focus, -.nav-tabs .open > .nav-link:hover, -.nav-tabs .active > .nav-link, -.nav-tabs .active > .nav-link:focus, -.nav-tabs .active > .nav-link:hover, -.nav-tabs .nav-link.open, -.nav-tabs .nav-link.open:focus, -.nav-tabs .nav-link.open:hover, -.nav-tabs .nav-link.active, -.nav-tabs .nav-link.active:focus, -.nav-tabs .nav-link.active:hover { - color: #55595c; - background-color: #fff; - border-color: #ddd #ddd transparent; -} - -.nav-tabs .disabled > .nav-link, -.nav-tabs .disabled > .nav-link:focus, -.nav-tabs .disabled > .nav-link:hover, .nav-tabs .nav-link.disabled, .nav-tabs .nav-link.disabled:focus, .nav-tabs .nav-link.disabled:hover { @@ -3680,6 +3604,17 @@ input[type="button"].btn-block { border-color: transparent; } +.nav-tabs .nav-link.active, +.nav-tabs .nav-link.active:focus, +.nav-tabs .nav-link.active:hover, +.nav-tabs .nav-item.open .nav-link, +.nav-tabs .nav-item.open .nav-link:focus, +.nav-tabs .nav-item.open .nav-link:hover { + color: #55595c; + background-color: #fff; + border-color: #ddd #ddd transparent; +} + .nav-pills .nav-item { float: left; } @@ -3694,18 +3629,12 @@ input[type="button"].btn-block { border-radius: .25rem; } -.nav-pills .open > .nav-link, -.nav-pills .open > .nav-link:focus, -.nav-pills .open > .nav-link:hover, -.nav-pills .active > .nav-link, -.nav-pills .active > .nav-link:focus, -.nav-pills .active > .nav-link:hover, -.nav-pills .nav-link.open, -.nav-pills .nav-link.open:focus, -.nav-pills .nav-link.open:hover, .nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, -.nav-pills .nav-link.active:hover { +.nav-pills .nav-link.active:hover, +.nav-pills .nav-item.open .nav-link, +.nav-pills .nav-item.open .nav-link:focus, +.nav-pills .nav-item.open .nav-link:hover { color: #fff; cursor: default; background-color: #0275d8; |
