diff options
Diffstat (limited to 'dist/css/bootstrap.css')
| -rw-r--r-- | dist/css/bootstrap.css | 322 |
1 files changed, 236 insertions, 86 deletions
diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css index baa88cc80..928583889 100644 --- a/dist/css/bootstrap.css +++ b/dist/css/bootstrap.css @@ -4,6 +4,37 @@ * Copyright 2011-2017 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ +:root { + --blue: #007bff; + --indigo: #6610f2; + --purple: #6f42c1; + --pink: #e83e8c; + --red: #dc3545; + --orange: #fd7e14; + --yellow: #ffc107; + --green: #28a745; + --teal: #20c997; + --cyan: #17a2b8; + --white: #fff; + --gray: #868e96; + --gray-dark: #343a40; + --primary: #007bff; + --secondary: #868e96; + --success: #28a745; + --info: #17a2b8; + --warning: #ffc107; + --danger: #dc3545; + --light: #f8f9fa; + --dark: #343a40; + --breakpoint-xs: 0; + --breakpoint-sm: 576px; + --breakpoint-md: 768px; + --breakpoint-lg: 992px; + --breakpoint-xl: 1200px; + --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family-monospace: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + @media print { *, *::before, @@ -225,6 +256,7 @@ pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; + -ms-overflow-style: scrollbar; } figure { @@ -274,6 +306,10 @@ label { margin-bottom: .5rem; } +button { + border-radius: 0; +} + button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; @@ -598,10 +634,10 @@ pre code { .container { width: 100%; - margin-right: auto; - margin-left: auto; padding-right: 15px; padding-left: 15px; + margin-right: auto; + margin-left: auto; } @media (min-width: 576px) { @@ -630,10 +666,10 @@ pre code { .container-fluid { width: 100%; - margin-right: auto; - margin-left: auto; padding-right: 15px; padding-left: 15px; + margin-right: auto; + margin-left: auto; } .row { @@ -756,6 +792,11 @@ pre code { max-width: 100%; } +.order-first { + -ms-flex-order: -1; + order: -1; +} + .order-1 { -ms-flex-order: 1; order: 1; @@ -934,6 +975,10 @@ pre code { flex: 0 0 100%; max-width: 100%; } + .order-sm-first { + -ms-flex-order: -1; + order: -1; + } .order-sm-1 { -ms-flex-order: 1; order: 1; @@ -1094,6 +1139,10 @@ pre code { flex: 0 0 100%; max-width: 100%; } + .order-md-first { + -ms-flex-order: -1; + order: -1; + } .order-md-1 { -ms-flex-order: 1; order: 1; @@ -1254,6 +1303,10 @@ pre code { flex: 0 0 100%; max-width: 100%; } + .order-lg-first { + -ms-flex-order: -1; + order: -1; + } .order-lg-1 { -ms-flex-order: 1; order: 1; @@ -1414,6 +1467,10 @@ pre code { flex: 0 0 100%; max-width: 100%; } + .order-xl-first { + -ms-flex-order: -1; + order: -1; + } .order-xl-1 { -ms-flex-order: 1; order: 1; @@ -1791,14 +1848,14 @@ pre code { .form-control { display: block; width: 100%; - padding: 0.5rem 0.75rem; + padding: 0.375rem 0.75rem; font-size: 1rem; - line-height: 1.25; + line-height: 1.5; color: #495057; background-color: #fff; background-image: none; background-clip: padding-box; - border: 1px solid rgba(0, 0, 0, 0.15); + border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } @@ -1850,35 +1907,38 @@ select.form-control:focus::-ms-value { } .col-form-label { - padding-top: calc(0.5rem - 1px * 2); - padding-bottom: calc(0.5rem - 1px * 2); + padding-top: calc(0.375rem + 1px); + padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; + line-height: 1.5; } .col-form-label-lg { - padding-top: calc(0.5rem - 1px * 2); - padding-bottom: calc(0.5rem - 1px * 2); + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; + line-height: 1.5; } .col-form-label-sm { - padding-top: calc(0.25rem - 1px * 2); - padding-bottom: calc(0.25rem - 1px * 2); + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; + line-height: 1.5; } .col-form-legend { - padding-top: 0.5rem; - padding-bottom: 0.5rem; + padding-top: 0.375rem; + padding-bottom: 0.375rem; margin-bottom: 0; font-size: 1rem; } .form-control-plaintext { - padding-top: 0.5rem; - padding-bottom: 0.5rem; + padding-top: 0.375rem; + padding-bottom: 0.375rem; margin-bottom: 0; - line-height: 1.25; + line-height: 1.5; background-color: transparent; border: solid transparent; border-width: 1px 0; @@ -1977,14 +2037,14 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for vertical-align: middle; } -.invalid-feedback { +.valid-feedback { display: none; margin-top: .25rem; font-size: .875rem; - color: #dc3545; + color: #28a745; } -.invalid-tooltip { +.valid-tooltip { position: absolute; top: 100%; z-index: 5; @@ -1995,7 +2055,7 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for font-size: .875rem; line-height: 1; color: #fff; - background-color: rgba(220, 53, 69, 0.8); + background-color: rgba(40, 167, 69, 0.8); border-radius: .2rem; } @@ -2046,6 +2106,28 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } +.invalid-feedback { + display: none; + margin-top: .25rem; + font-size: .875rem; + color: #dc3545; +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + width: 250px; + padding: .5rem; + margin-top: .1rem; + font-size: .875rem; + line-height: 1; + color: #fff; + background-color: rgba(220, 53, 69, 0.8); + border-radius: .2rem; +} + .was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .custom-select.is-invalid { @@ -2193,9 +2275,9 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for -ms-user-select: none; user-select: none; border: 1px solid transparent; - padding: 0.5rem 0.75rem; + padding: 0.375rem 0.75rem; font-size: 1rem; - line-height: 1.25; + line-height: 1.5; border-radius: 0.25rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @@ -2682,7 +2764,6 @@ fieldset[disabled] a.btn { font-weight: normal; color: #007bff; background-color: transparent; - border-radius: 0; } .btn-link:hover { @@ -2776,6 +2857,7 @@ tbody.collapse.show { content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; + border-bottom: 0; border-left: 0.3em solid transparent; } @@ -2789,8 +2871,20 @@ tbody.collapse.show { } .dropup .dropdown-toggle::after { + display: inline-block; + width: 0; + height: 0; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; border-top: 0; + border-right: 0.3em solid transparent; border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} + +.dropup .dropdown-toggle:empty::after { + margin-left: 0; } .dropdown-menu { @@ -2850,10 +2944,6 @@ tbody.collapse.show { background-color: transparent; } -.show > a { - outline: 0; -} - .dropdown-menu.show { display: block; } @@ -3001,12 +3091,12 @@ tbody.collapse.show { border-radius: 0; } -.btn-group-vertical:first-child:not(:last-child) { +.btn-group-vertical > .btn:first-child:not(:last-child) { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } -.btn-group-vertical:last-child:not(:first-child) { +.btn-group-vertical > .btn:last-child:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; } @@ -3039,8 +3129,8 @@ tbody.collapse.show { position: relative; display: -ms-flexbox; display: flex; - -ms-flex-align: center; - align-items: center; + -ms-flex-align: stretch; + align-items: stretch; width: 100%; } @@ -3057,6 +3147,15 @@ tbody.collapse.show { z-index: 3; } +.input-group-addon, +.input-group-btn, +.input-group .form-control { + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; +} + .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { @@ -3069,16 +3168,15 @@ tbody.collapse.show { } .input-group-addon { - padding: 0.5rem 0.75rem; + padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: normal; - line-height: 1.25; + line-height: 1.5; color: #495057; text-align: center; background-color: #e9ecef; - background-clip: padding-box; - border: 1px solid rgba(0, 0, 0, 0.15); + border: 1px solid #ced4da; border-radius: 0.25rem; } @@ -3135,14 +3233,14 @@ tbody.collapse.show { .input-group-btn { position: relative; + -ms-flex-align: stretch; + align-items: stretch; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; - background-clip: padding-box; - border: 1px solid rgba(0, 0, 0, 0.15); } .input-group-btn > .btn + .btn { @@ -3153,6 +3251,10 @@ tbody.collapse.show { z-index: 3; } +.input-group-btn:first-child > .btn + .btn { + margin-left: 0; +} + .input-group-btn:not(:last-child) > .btn, .input-group-btn:not(:last-child) > .btn-group { margin-right: -1px; @@ -3161,6 +3263,11 @@ tbody.collapse.show { .input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn-group { z-index: 2; + margin-left: 0; +} + +.input-group-btn:not(:first-child) > .btn:first-child, +.input-group-btn:not(:first-child) > .btn-group:first-child { margin-left: -1px; } @@ -3267,13 +3374,12 @@ tbody.collapse.show { max-width: 100%; height: calc(2.25rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; - line-height: 1.25; + line-height: 1.5; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center; - background-clip: padding-box; background-size: 8px 10px; - border: 1px solid rgba(0, 0, 0, 0.15); + border: 1px solid #ced4da; border-radius: 0.25rem; -webkit-appearance: none; -moz-appearance: none; @@ -3290,6 +3396,11 @@ tbody.collapse.show { background-color: #fff; } +.custom-select[multiple] { + height: auto; + background-image: none; +} + .custom-select:disabled { color: #868e96; background-color: #e9ecef; @@ -3333,9 +3444,8 @@ tbody.collapse.show { left: 0; z-index: 5; height: calc(2.25rem + 2px); - padding: 0.5rem 0.75rem; - overflow: hidden; - line-height: 1.25; + padding: 0.375rem 0.75rem; + line-height: 1.5; color: #495057; pointer-events: none; -webkit-user-select: none; @@ -3343,8 +3453,7 @@ tbody.collapse.show { -ms-user-select: none; user-select: none; background-color: #fff; - background-clip: padding-box; - border: 1px solid rgba(0, 0, 0, 0.15); + border: 1px solid #ced4da; border-radius: 0.25rem; } @@ -3354,16 +3463,18 @@ tbody.collapse.show { .custom-file-control::before { position: absolute; - top: 0; - right: 0; + top: -1px; + right: -1px; + bottom: -1px; z-index: 6; display: block; height: calc(2.25rem + 2px); - padding: 0.5rem 0.75rem; - line-height: 1.25; + padding: 0.375rem 0.75rem; + line-height: 1.5; color: #495057; background-color: #e9ecef; - border-left: 1px solid rgba(0, 0, 0, 0.15); + border: 1px solid #ced4da; + border-radius: 0 0.25rem 0.25rem 0; } .custom-file-control:lang(en)::before { @@ -3435,7 +3546,7 @@ tbody.collapse.show { } .nav-pills .nav-link.active, -.show > .nav-pills .nav-link { +.nav-pills .show > .nav-link { color: #fff; background-color: #007bff; } @@ -3569,10 +3680,8 @@ tbody.collapse.show { @media (min-width: 576px) { .navbar-expand-sm { - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } @@ -3617,10 +3726,8 @@ tbody.collapse.show { @media (min-width: 768px) { .navbar-expand-md { - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } @@ -3665,10 +3772,8 @@ tbody.collapse.show { @media (min-width: 992px) { .navbar-expand-lg { - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } @@ -3713,10 +3818,8 @@ tbody.collapse.show { @media (min-width: 1200px) { .navbar-expand-xl { - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } @@ -3752,10 +3855,8 @@ tbody.collapse.show { } .navbar-expand { - -ms-flex-direction: row; - flex-direction: row; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; + -ms-flex-flow: row nowrap; + flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } @@ -3842,6 +3943,14 @@ tbody.collapse.show { color: rgba(0, 0, 0, 0.5); } +.navbar-light .navbar-text a { + color: rgba(0, 0, 0, 0.9); +} + +.navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover { + color: rgba(0, 0, 0, 0.9); +} + .navbar-dark .navbar-brand { color: white; } @@ -3882,6 +3991,14 @@ tbody.collapse.show { color: rgba(255, 255, 255, 0.5); } +.navbar-dark .navbar-text a { + color: white; +} + +.navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover { + color: white; +} + .card { position: relative; display: -ms-flexbox; @@ -3896,6 +4013,11 @@ tbody.collapse.show { border-radius: 0.25rem; } +.card > hr { + margin-right: 0; + margin-left: 0; +} + .card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; @@ -3933,10 +4055,6 @@ tbody.collapse.show { border-bottom-left-radius: 0.25rem; } -.card .card-header + .list-group > .list-group-item:first-child { - border-top: 0; -} - .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; @@ -3948,6 +4066,10 @@ tbody.collapse.show { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } +.card-header + .list-group .list-group-item:first-child { + border-top: 0; +} + .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); @@ -4072,13 +4194,16 @@ tbody.collapse.show { .card-group .card:last-child .card-img-bottom { border-bottom-left-radius: 0; } - .card-group .card:not(:first-child):not(:last-child) { + .card-group .card:not(:first-child):not(:last-child):not(:only-child) { border-radius: 0; } - .card-group .card:not(:first-child):not(:last-child) .card-img-top, - .card-group .card:not(:first-child):not(:last-child) .card-img-bottom { + .card-group .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top, + .card-group .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom { border-radius: 0; } + .card-group .card:only-child { + border-radius: 0.25rem; + } } .card-columns .card { @@ -4348,6 +4473,7 @@ tbody.collapse.show { } .alert { + position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; @@ -4363,9 +4489,9 @@ tbody.collapse.show { } .alert-dismissible .close { - position: relative; - top: -0.75rem; - right: -1.25rem; + position: absolute; + top: 0; + right: 0; padding: 0.75rem 1.25rem; color: inherit; } @@ -4607,10 +4733,15 @@ tbody.collapse.show { .list-group-flush .list-group-item { border-right: 0; + border-bottom: 0; border-left: 0; border-radius: 0; } +.list-group-flush .list-group-item:first-child { + border-top: 0; +} + .list-group-flush:first-child .list-group-item:first-child { border-top: 0; } @@ -4910,16 +5041,19 @@ button.close { .modal-header { display: -ms-flexbox; display: flex; - -ms-flex-align: center; - align-items: center; + -ms-flex-align: start; + align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 15px; border-bottom: 1px solid #e9ecef; + border-top-left-radius: 0.3rem; + border-top-right-radius: 0.3rem; } .modal-header .close { - margin-left: auto; + padding: 15px; + margin: -15px -15px -15px auto; } .modal-title { @@ -5679,6 +5813,10 @@ a.bg-dark:focus, a.bg-dark:hover { display: table !important; } +.d-table-row { + display: table-row !important; +} + .d-table-cell { display: table-cell !important; } @@ -5709,6 +5847,9 @@ a.bg-dark:focus, a.bg-dark:hover { .d-sm-table { display: table !important; } + .d-sm-table-row { + display: table-row !important; + } .d-sm-table-cell { display: table-cell !important; } @@ -5738,6 +5879,9 @@ a.bg-dark:focus, a.bg-dark:hover { .d-md-table { display: table !important; } + .d-md-table-row { + display: table-row !important; + } .d-md-table-cell { display: table-cell !important; } @@ -5767,6 +5911,9 @@ a.bg-dark:focus, a.bg-dark:hover { .d-lg-table { display: table !important; } + .d-lg-table-row { + display: table-row !important; + } .d-lg-table-cell { display: table-cell !important; } @@ -5796,6 +5943,9 @@ a.bg-dark:focus, a.bg-dark:hover { .d-xl-table { display: table !important; } + .d-xl-table-row { + display: table-row !important; + } .d-xl-table-cell { display: table-cell !important; } |
