diff options
author | nervo <nervo@nervo.net> | 2015-12-30 22:45:37 +0300 |
---|---|---|
committer | nervo <nervo@nervo.net> | 2015-12-30 22:45:37 +0300 |
commit | f383a335d7ee31ab9a3524fa2091cfbbe04374d2 (patch) | |
tree | f453f8b682c7b9734802437eb11dffa1c8fe277c | |
parent | 0e1b8575cbb2db61290640e2f4ed3bbf61dd8bcb (diff) |
Update bootstrap 4 alpha2
-rw-r--r-- | css/bootstrap.css | 1317 |
1 files changed, 617 insertions, 700 deletions
diff --git a/css/bootstrap.css b/css/bootstrap.css index 94588d0..a563aec 100644 --- a/css/bootstrap.css +++ b/css/bootstrap.css @@ -1,5 +1,5 @@ /*! - * Bootstrap v4.0.0-alpha (http://getbootstrap.com) + * Bootstrap v4.0.0-alpha.2 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ @@ -153,7 +153,8 @@ select { } button, -html input[type="button"], input[type="reset"], +html input[type="button"], +input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; @@ -332,6 +333,10 @@ body { background-color: #fff; } +[tabindex="-1"]:focus { + outline: none !important; +} + h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; @@ -386,8 +391,7 @@ a { text-decoration: none; } -a:focus, -a:hover { +a:focus, a:hover { color: #014c8c; text-decoration: underline; } @@ -415,6 +419,19 @@ img { cursor: pointer; } +a, +area, +button, +[role="button"], +input, +label, +select, +summary, +textarea { + -ms-touch-action: manipulation; + touch-action: manipulation; +} + table { background-color: transparent; } @@ -436,12 +453,18 @@ label { margin-bottom: .5rem; } +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color; +} + input, button, select, textarea { margin: 0; line-height: inherit; + border-radius: 0; } textarea { @@ -474,47 +497,64 @@ output { display: inline-block; } +[hidden] { + display: none !important; +} + h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { + margin-bottom: .5rem; font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } -h1, .h1, -h2, .h2, -h3, .h3 { - margin-bottom: .5rem; +h1 { + font-size: 2.5rem; } -h4, .h4, -h5, .h5, -h6, .h6 { - margin-bottom: .5rem; +h2 { + font-size: 2rem; +} + +h3 { + font-size: 1.75rem; +} + +h4 { + font-size: 1.5rem; +} + +h5 { + font-size: 1.25rem; } -h1, .h1 { +h6 { + font-size: 1rem; +} + +.h1 { font-size: 2.5rem; } -h2, .h2 { +.h2 { font-size: 2rem; } -h3, .h3 { +.h3 { font-size: 1.75rem; } -h4, .h4 { +.h4 { font-size: 1.5rem; } -h5, .h5 { +.h5 { font-size: 1.25rem; } -h6, .h6 { +.h6 { font-size: 1rem; } @@ -547,7 +587,7 @@ hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; - border-top: .0625rem solid rgba(0, 0, 0, .1); + border-top: 1px solid rgba(0, 0, 0, .1); } small, @@ -569,14 +609,15 @@ mark, .list-inline { padding-left: 0; - margin-left: -5px; list-style: none; } -.list-inline > li { +.list-inline-item { display: inline-block; - padding-right: 5px; - padding-left: 5px; +} + +.list-inline-item:not(:last-child) { + margin-right: 5px; } .dl-horizontal { @@ -602,20 +643,14 @@ mark, border-left: .25rem solid #eceeef; } -.blockquote p:last-child, -.blockquote ul:last-child, -.blockquote ol:last-child { - margin-bottom: 0; -} - -.blockquote footer { +.blockquote-footer { display: block; font-size: 80%; line-height: 1.5; color: #818a91; } -.blockquote footer::before { +.blockquote-footer::before { content: "\2014 \00A0"; } @@ -627,29 +662,15 @@ mark, border-left: 0; } -.blockquote-reverse footer::before { +.blockquote-reverse .blockquote-footer::before { content: ""; } -.blockquote-reverse footer::after { +.blockquote-reverse .blockquote-footer::after { content: "\00A0 \2014"; } -.figure { - display: inline-block; -} - -.figure > img { - margin-bottom: .5rem; - line-height: 1; -} - -.figure-caption { - font-size: 90%; - color: #818a91; -} - -.img-fluid, .figure > img, .carousel-inner > .carousel-item > img, +.img-fluid, .carousel-inner > .carousel-item > img, .carousel-inner > .carousel-item > a > img { display: block; max-width: 100%; @@ -678,6 +699,20 @@ mark, border-radius: 50%; } +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: .5rem; + line-height: 1; +} + +.figure-caption { + font-size: 90%; + color: #818a91; +} + code, kbd, pre, @@ -742,27 +777,27 @@ pre code { content: ""; } -@media (min-width: 34em) { +@media (min-width: 544px) { .container { - max-width: 34rem; + max-width: 576px; } } -@media (min-width: 48em) { +@media (min-width: 768px) { .container { - max-width: 45rem; + max-width: 720px; } } -@media (min-width: 62em) { +@media (min-width: 992px) { .container { - max-width: 60rem; + max-width: 940px; } } -@media (min-width: 75em) { +@media (min-width: 1200px) { .container { - max-width: 72.25rem; + max-width: 1140px; } } @@ -1005,7 +1040,7 @@ pre code { margin-left: 100%; } -@media (min-width: 34em) { +@media (min-width: 544px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } @@ -1164,7 +1199,7 @@ pre code { } } -@media (min-width: 48em) { +@media (min-width: 768px) { .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; } @@ -1323,7 +1358,7 @@ pre code { } } -@media (min-width: 62em) { +@media (min-width: 992px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } @@ -1482,7 +1517,7 @@ pre code { } } -@media (min-width: 75em) { +@media (min-width: 1200px) { .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { float: left; } @@ -1773,6 +1808,7 @@ pre code { .table-responsive { display: block; width: 100%; + min-height: .01%; overflow-x: auto; } @@ -1849,7 +1885,7 @@ pre code { color: #55595c; background-color: #fff; background-image: none; - border: .0625rem solid #ccc; + border: 1px solid #ccc; border-radius: .25rem; } @@ -1883,8 +1919,7 @@ pre code { opacity: 1; } -.form-control:disabled, -.form-control[readonly] { +.form-control:disabled, .form-control[readonly] { background-color: #eceeef; opacity: 1; } @@ -1899,7 +1934,7 @@ pre code { } .form-control-label { - padding: .4375rem .75rem; + padding: .375rem .75rem; margin-bottom: 0; } @@ -1908,42 +1943,46 @@ pre code { input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { - line-height: 2.375rem; + line-height: 2.25rem; } 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-group-sm + input[type="time"].form-control, input[type="datetime-local"].input-sm, - .input-group-sm input[type="datetime-local"].form-control, + .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.95rem; + .input-group-sm + input[type="month"].form-control { + line-height: 1.8625rem; } 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-group-lg + input[type="time"].form-control, input[type="datetime-local"].input-lg, - .input-group-lg input[type="datetime-local"].form-control, + .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.291667rem; + .input-group-lg + input[type="month"].form-control { + line-height: 3.166667rem; } } .form-control-static { - min-height: 2.375rem; - padding-top: .4375rem; - padding-bottom: .4375rem; + min-height: 2.25rem; + padding-top: .375rem; + padding-bottom: .375rem; margin-bottom: 0; } -.form-control-static.form-control-sm, -.input-group-sm > .form-control-static.form-control, +.form-control-static.form-control-sm, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, -.input-group-sm > .input-group-btn > .form-control-static.btn, -.form-control-static.form-control-lg, .input-group-lg > .form-control-static.form-control, +.input-group-sm > .input-group-btn > .form-control-static.btn, .form-control-static.form-control-lg, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn { padding-right: 0; @@ -1954,7 +1993,7 @@ pre code { .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { padding: .275rem .75rem; - font-size: .85rem; + font-size: .875rem; line-height: 1.5; border-radius: .2rem; } @@ -2023,8 +2062,7 @@ pre code { margin-left: .75rem; } -input[type="radio"]:disabled, -input[type="radio"].disabled, +input[type="radio"]:disabled, input[type="radio"].disabled, input[type="checkbox"]:disabled, input[type="checkbox"].disabled { cursor: not-allowed; @@ -2042,15 +2080,15 @@ input[type="checkbox"].disabled { .form-control-success, .form-control-warning, -.form-control-error { +.form-control-danger { padding-right: 2.25rem; background-repeat: no-repeat; - background-position: center right .59375rem; - -webkit-background-size: 1.54375rem 1.54375rem; - background-size: 1.54375rem 1.54375rem; + background-position: center right .5625rem; + -webkit-background-size: 1.4625rem 1.4625rem; + background-size: 1.4625rem 1.4625rem; } -.has-success .help-block, +.has-success .text-help, .has-success .form-control-label, .has-success .radio, .has-success .checkbox, @@ -2078,10 +2116,10 @@ input[type="checkbox"].disabled { } .has-success .form-control-success { - background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNoZWNrIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDYxMiA3OTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYxMiA3OTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiM1Q0I4NUMiIGQ9Ik0yMzMuOCw2MTAuMWMtMTMuMywwLTI1LjktNi4yLTM0LTE2LjlMOTAuNSw0NDguOEM3Ni4zLDQzMCw4MCw0MDMuMyw5OC44LDM4OS4xYzE4LjgtMTQuMyw0NS41LTEwLjUsNTkuOCw4LjNsNzEuOSw5NWwyMjAuOS0yNTAuNWMxMi41LTIwLDM4LjgtMjYuMSw1OC44LTEzLjZjMjAsMTIuNCwyNi4xLDM4LjcsMTMuNiw1OC44TDI3MCw1OTBjLTcuNCwxMi0yMC4yLDE5LjQtMzQuMywyMC4xQzIzNS4xLDYxMC4xLDIzNC41LDYxMC4xLDIzMy44LDYxMC4xeiIvPjwvc3ZnPg=="); + background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="); } -.has-warning .help-block, +.has-warning .text-help, .has-warning .form-control-label, .has-warning .radio, .has-warning .checkbox, @@ -2109,41 +2147,41 @@ input[type="checkbox"].disabled { } .has-warning .form-control-warning { - background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9Ildhcm5pbmciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNjEyIDc5MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjEyIDc5MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iI0YwQUQ0RSIgZD0iTTYwMyw2NDAuMmwtMjc4LjUtNTA5Yy0zLjgtNi42LTEwLjgtMTAuNi0xOC41LTEwLjZzLTE0LjcsNC4xLTE4LjUsMTAuNkw5LDY0MC4yYy0zLjcsNi41LTMuNiwxNC40LDAuMiwyMC44YzMuOCw2LjUsMTAuOCwxMC40LDE4LjMsMTAuNGg1NTcuMWM3LjUsMCwxNC41LTMuOSwxOC4zLTEwLjRDNjA2LjYsNjU0LjYsNjA2LjcsNjQ2LjYsNjAzLDY0MC4yeiBNMzM2LjYsNjEwLjJoLTYxLjJWNTQ5aDYxLjJWNjEwLjJ6IE0zMzYuNiw1MDMuMWgtNjEuMlYzMDQuMmg2MS4yVjUwMy4xeiIvPjwvc3ZnPg=="); -} - -.has-error .help-block, -.has-error .form-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 { + background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"); +} + +.has-danger .text-help, +.has-danger .form-control-label, +.has-danger .radio, +.has-danger .checkbox, +.has-danger .radio-inline, +.has-danger .checkbox-inline, +.has-danger.radio label, +.has-danger.checkbox label, +.has-danger.radio-inline label, +.has-danger.checkbox-inline label { color: #d9534f; } -.has-error .form-control { +.has-danger .form-control { border-color: #d9534f; } -.has-error .input-group-addon { +.has-danger .input-group-addon { color: #d9534f; background-color: #fdf7f7; border-color: #d9534f; } -.has-error .form-control-feedback { +.has-danger .form-control-feedback { color: #d9534f; } -.has-error .form-control-error { - background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNyb3NzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDYxMiA3OTIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYxMiA3OTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiNEOTUzNEYiIGQ9Ik00NDcsNTQ0LjRjLTE0LjQsMTQuNC0zNy42LDE0LjQtNTEuOSwwTDMwNiw0NTEuN2wtODkuMSw5Mi43Yy0xNC40LDE0LjQtMzcuNiwxNC40LTUxLjksMGMtMTQuNC0xNC40LTE0LjQtMzcuNiwwLTUxLjlsOTIuNC05Ni40TDE2NSwyOTkuNmMtMTQuNC0xNC40LTE0LjQtMzcuNiwwLTUxLjlzMzcuNi0xNC40LDUxLjksMGw4OS4yLDkyLjdsODkuMS05Mi43YzE0LjQtMTQuNCwzNy42LTE0LjQsNTEuOSwwYzE0LjQsMTQuNCwxNC40LDM3LjYsMCw1MS45TDM1NC43LDM5Nmw5Mi40LDk2LjRDNDYxLjQsNTA2LjgsNDYxLjQsNTMwLDQ0Nyw1NDQuNHoiLz48L3N2Zz4="); +.has-danger .form-control-danger { + background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="); } -@media (min-width: 34em) { +@media (min-width: 544px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; @@ -2203,30 +2241,22 @@ input[type="checkbox"].disabled { text-align: center; white-space: nowrap; vertical-align: middle; - -ms-touch-action: manipulation; - touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; - border: .0625rem solid transparent; + border: 1px solid transparent; border-radius: .25rem; } -.btn:focus, -.btn.focus, -.btn:active:focus, -.btn:active.focus, -.btn.active:focus, -.btn.active.focus { +.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } -.btn:focus, -.btn:hover { +.btn:focus, .btn:hover { text-decoration: none; } @@ -2234,14 +2264,12 @@ input[type="checkbox"].disabled { text-decoration: none; } -.btn:active, -.btn.active { +.btn:active, .btn.active { background-image: none; outline: 0; } -.btn.disabled, -.btn:disabled { +.btn.disabled, .btn:disabled { cursor: not-allowed; opacity: .65; } @@ -2263,15 +2291,13 @@ fieldset[disabled] a.btn { border-color: #01549b; } -.btn-primary:focus, -.btn-primary.focus { +.btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #025aa5; border-color: #01549b; } -.btn-primary:active, -.btn-primary.active, +.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { color: #fff; background-color: #025aa5; @@ -2279,12 +2305,7 @@ fieldset[disabled] a.btn { border-color: #01549b; } -.btn-primary:active:hover, -.btn-primary:active:focus, -.btn-primary:active.focus, -.btn-primary.active:hover, -.btn-primary.active:focus, -.btn-primary.active.focus, +.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus { @@ -2293,16 +2314,12 @@ fieldset[disabled] a.btn { border-color: #01315a; } -.btn-primary.disabled:focus, -.btn-primary.disabled.focus, -.btn-primary:disabled:focus, -.btn-primary:disabled.focus { +.btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled.focus { background-color: #0275d8; border-color: #0275d8; } -.btn-primary.disabled:hover, -.btn-primary:disabled:hover { +.btn-primary.disabled:hover, .btn-primary:disabled:hover { background-color: #0275d8; border-color: #0275d8; } @@ -2319,15 +2336,13 @@ fieldset[disabled] a.btn { border-color: #adadad; } -.btn-secondary:focus, -.btn-secondary.focus { +.btn-secondary:focus, .btn-secondary.focus { color: #373a3c; background-color: #e6e6e6; border-color: #adadad; } -.btn-secondary:active, -.btn-secondary.active, +.btn-secondary:active, .btn-secondary.active, .open > .btn-secondary.dropdown-toggle { color: #373a3c; background-color: #e6e6e6; @@ -2335,12 +2350,7 @@ fieldset[disabled] a.btn { border-color: #adadad; } -.btn-secondary:active:hover, -.btn-secondary:active:focus, -.btn-secondary:active.focus, -.btn-secondary.active:hover, -.btn-secondary.active:focus, -.btn-secondary.active.focus, +.btn-secondary:active:hover, .btn-secondary:active:focus, .btn-secondary:active.focus, .btn-secondary.active:hover, .btn-secondary.active:focus, .btn-secondary.active.focus, .open > .btn-secondary.dropdown-toggle:hover, .open > .btn-secondary.dropdown-toggle:focus, .open > .btn-secondary.dropdown-toggle.focus { @@ -2349,16 +2359,12 @@ fieldset[disabled] a.btn { border-color: #8c8c8c; } -.btn-secondary.disabled:focus, -.btn-secondary.disabled.focus, -.btn-secondary:disabled:focus, -.btn-secondary:disabled.focus { +.btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary:disabled:focus, .btn-secondary:disabled.focus { background-color: #fff; border-color: #ccc; } -.btn-secondary.disabled:hover, -.btn-secondary:disabled:hover { +.btn-secondary.disabled:hover, .btn-secondary:disabled:hover { background-color: #fff; border-color: #ccc; } @@ -2375,15 +2381,13 @@ fieldset[disabled] a.btn { border-color: #2aabd2; } -.btn-info:focus, -.btn-info.focus { +.btn-info:focus, .btn-info.focus { color: #fff; background-color: #31b0d5; border-color: #2aabd2; } -.btn-info:active, -.btn-info.active, +.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { color: #fff; background-color: #31b0d5; @@ -2391,12 +2395,7 @@ fieldset[disabled] a.btn { border-color: #2aabd2; } -.btn-info:active:hover, -.btn-info:active:focus, -.btn-info:active.focus, -.btn-info.active:hover, -.btn-info.active:focus, -.btn-info.active.focus, +.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus { @@ -2405,16 +2404,12 @@ fieldset[disabled] a.btn { border-color: #1f7e9a; } -.btn-info.disabled:focus, -.btn-info.disabled.focus, -.btn-info:disabled:focus, -.btn-info:disabled.focus { +.btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info:disabled:focus, .btn-info:disabled.focus { background-color: #5bc0de; border-color: #5bc0de; } -.btn-info.disabled:hover, -.btn-info:disabled:hover { +.btn-info.disabled:hover, .btn-info:disabled:hover { background-color: #5bc0de; border-color: #5bc0de; } @@ -2431,15 +2426,13 @@ fieldset[disabled] a.btn { border-color: #419641; } -.btn-success:focus, -.btn-success.focus { +.btn-success:focus, .btn-success.focus { color: #fff; background-color: #449d44; border-color: #419641; } -.btn-success:active, -.btn-success.active, +.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { color: #fff; background-color: #449d44; @@ -2447,12 +2440,7 @@ fieldset[disabled] a.btn { border-color: #419641; } -.btn-success:active:hover, -.btn-success:active:focus, -.btn-success:active.focus, -.btn-success.active:hover, -.btn-success.active:focus, -.btn-success.active.focus, +.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus { @@ -2461,16 +2449,12 @@ fieldset[disabled] a.btn { border-color: #2d672d; } -.btn-success.disabled:focus, -.btn-success.disabled.focus, -.btn-success:disabled:focus, -.btn-success:disabled.focus { +.btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success:disabled:focus, .btn-success:disabled.focus { background-color: #5cb85c; border-color: #5cb85c; } -.btn-success.disabled:hover, -.btn-success:disabled:hover { +.btn-success.disabled:hover, .btn-success:disabled:hover { background-color: #5cb85c; border-color: #5cb85c; } @@ -2487,15 +2471,13 @@ fieldset[disabled] a.btn { border-color: #eb9316; } -.btn-warning:focus, -.btn-warning.focus { +.btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #ec971f; border-color: #eb9316; } -.btn-warning:active, -.btn-warning.active, +.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { color: #fff; background-color: #ec971f; @@ -2503,12 +2485,7 @@ fieldset[disabled] a.btn { border-color: #eb9316; } -.btn-warning:active:hover, -.btn-warning:active:focus, -.btn-warning:active.focus, -.btn-warning.active:hover, -.btn-warning.active:focus, -.btn-warning.active.focus, +.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus { @@ -2517,16 +2494,12 @@ fieldset[disabled] a.btn { border-color: #b06d0f; } -.btn-warning.disabled:focus, -.btn-warning.disabled.focus, -.btn-warning:disabled:focus, -.btn-warning:disabled.focus { +.btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning:disabled:focus, .btn-warning:disabled.focus { background-color: #f0ad4e; border-color: #f0ad4e; } -.btn-warning.disabled:hover, -.btn-warning:disabled:hover { +.btn-warning.disabled:hover, .btn-warning:disabled:hover { background-color: #f0ad4e; border-color: #f0ad4e; } @@ -2543,15 +2516,13 @@ fieldset[disabled] a.btn { border-color: #c12e2a; } -.btn-danger:focus, -.btn-danger.focus { +.btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c9302c; border-color: #c12e2a; } -.btn-danger:active, -.btn-danger.active, +.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { color: #fff; background-color: #c9302c; @@ -2559,12 +2530,7 @@ fieldset[disabled] a.btn { border-color: #c12e2a; } -.btn-danger:active:hover, -.btn-danger:active:focus, -.btn-danger:active.focus, -.btn-danger.active:hover, -.btn-danger.active:focus, -.btn-danger.active.focus, +.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus { @@ -2573,16 +2539,12 @@ fieldset[disabled] a.btn { border-color: #8b211e; } -.btn-danger.disabled:focus, -.btn-danger.disabled.focus, -.btn-danger:disabled:focus, -.btn-danger:disabled.focus { +.btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger:disabled:focus, .btn-danger:disabled.focus { background-color: #d9534f; border-color: #d9534f; } -.btn-danger.disabled:hover, -.btn-danger:disabled:hover { +.btn-danger.disabled:hover, .btn-danger:disabled:hover { background-color: #d9534f; border-color: #d9534f; } @@ -2594,10 +2556,7 @@ fieldset[disabled] a.btn { border-color: #0275d8; } -.btn-primary-outline:focus, -.btn-primary-outline.focus, -.btn-primary-outline:active, -.btn-primary-outline.active, +.btn-primary-outline:focus, .btn-primary-outline.focus, .btn-primary-outline:active, .btn-primary-outline.active, .open > .btn-primary-outline.dropdown-toggle { color: #fff; background-color: #0275d8; @@ -2610,15 +2569,11 @@ fieldset[disabled] a.btn { border-color: #0275d8; } -.btn-primary-outline.disabled:focus, -.btn-primary-outline.disabled.focus, -.btn-primary-outline:disabled:focus, -.btn-primary-outline:disabled.focus { +.btn-primary-outline.disabled:focus, .btn-primary-outline.disabled.focus, .btn-primary-outline:disabled:focus, .btn-primary-outline:disabled.focus { border-color: #43a7fd; } -.btn-primary-outline.disabled:hover, -.btn-primary-outline:disabled:hover { +.btn-primary-outline.disabled:hover, .btn-primary-outline:disabled:hover { border-color: #43a7fd; } @@ -2629,10 +2584,7 @@ fieldset[disabled] a.btn { border-color: #ccc; } -.btn-secondary-outline:focus, -.btn-secondary-outline.focus, -.btn-secondary-outline:active, -.btn-secondary-outline.active, +.btn-secondary-outline:focus, .btn-secondary-outline.focus, .btn-secondary-outline:active, .btn-secondary-outline.active, .open > .btn-secondary-outline.dropdown-toggle { color: #fff; background-color: #ccc; @@ -2645,15 +2597,11 @@ fieldset[disabled] a.btn { border-color: #ccc; } -.btn-secondary-outline.disabled:focus, -.btn-secondary-outline.disabled.focus, -.btn-secondary-outline:disabled:focus, -.btn-secondary-outline:disabled.focus { +.btn-secondary-outline.disabled:focus, .btn-secondary-outline.disabled.focus, .btn-secondary-outline:disabled:focus, .btn-secondary-outline:disabled.focus { border-color: white; } -.btn-secondary-outline.disabled:hover, -.btn-secondary-outline:disabled:hover { +.btn-secondary-outline.disabled:hover, .btn-secondary-outline:disabled:hover { border-color: white; } @@ -2664,10 +2612,7 @@ fieldset[disabled] a.btn { border-color: #5bc0de; } -.btn-info-outline:focus, -.btn-info-outline.focus, -.btn-info-outline:active, -.btn-info-outline.active, +.btn-info-outline:focus, .btn-info-outline.focus, .btn-info-outline:active, .btn-info-outline.active, .open > .btn-info-outline.dropdown-toggle { color: #fff; background-color: #5bc0de; @@ -2680,15 +2625,11 @@ fieldset[disabled] a.btn { border-color: #5bc0de; } -.btn-info-outline.disabled:focus, -.btn-info-outline.disabled.focus, -.btn-info-outline:disabled:focus, -.btn-info-outline:disabled.focus { +.btn-info-outline.disabled:focus, .btn-info-outline.disabled.focus, .btn-info-outline:disabled:focus, .btn-info-outline:disabled.focus { border-color: #b0e1ef; } -.btn-info-outline.disabled:hover, -.btn-info-outline:disabled:hover { +.btn-info-outline.disabled:hover, .btn-info-outline:disabled:hover { border-color: #b0e1ef; } @@ -2699,10 +2640,7 @@ fieldset[disabled] a.btn { border-color: #5cb85c; } -.btn-success-outline:focus, -.btn-success-outline.focus, -.btn-success-outline:active, -.btn-success-outline.active, +.btn-success-outline:focus, .btn-success-outline.focus, .btn-success-outline:active, .btn-success-outline.active, .open > .btn-success-outline.dropdown-toggle { color: #fff; background-color: #5cb85c; @@ -2715,15 +2653,11 @@ fieldset[disabled] a.btn { border-color: #5cb85c; } -.btn-success-outline.disabled:focus, -.btn-success-outline.disabled.focus, -.btn-success-outline:disabled:focus, -.btn-success-outline:disabled.focus { +.btn-success-outline.disabled:focus, .btn-success-outline.disabled.focus, .btn-success-outline:disabled:focus, .btn-success-outline:disabled.focus { border-color: #a3d7a3; } -.btn-success-outline.disabled:hover, -.btn-success-outline:disabled:hover { +.btn-success-outline.disabled:hover, .btn-success-outline:disabled:hover { border-color: #a3d7a3; } @@ -2734,10 +2668,7 @@ fieldset[disabled] a.btn { border-color: #f0ad4e; } -.btn-warning-outline:focus, -.btn-warning-outline.focus, -.btn-warning-outline:active, -.btn-warning-outline.active, +.btn-warning-outline:focus, .btn-warning-outline.focus, .btn-warning-outline:active, .btn-warning-outline.active, .open > .btn-warning-outline.dropdown-toggle { color: #fff; background-color: #f0ad4e; @@ -2750,15 +2681,11 @@ fieldset[disabled] a.btn { border-color: #f0ad4e; } -.btn-warning-outline.disabled:focus, -.btn-warning-outline.disabled.focus, -.btn-warning-outline:disabled:focus, -.btn-warning-outline:disabled.focus { +.btn-warning-outline.disabled:focus, .btn-warning-outline.disabled.focus, .btn-warning-outline:disabled:focus, .btn-warning-outline:disabled.focus { border-color: #f8d9ac; } -.btn-warning-outline.disabled:hover, -.btn-warning-outline:disabled:hover { +.btn-warning-outline.disabled:hover, .btn-warning-outline:disabled:hover { border-color: #f8d9ac; } @@ -2769,10 +2696,7 @@ fieldset[disabled] a.btn { border-color: #d9534f; } -.btn-danger-outline:focus, -.btn-danger-outline.focus, -.btn-danger-outline:active, -.btn-danger-outline.active, +.btn-danger-outline:focus, .btn-danger-outline.focus, .btn-danger-outline:active, .btn-danger-outline.active, .open > .btn-danger-outline.dropdown-toggle { color: #fff; background-color: #d9534f; @@ -2785,15 +2709,11 @@ fieldset[disabled] a.btn { border-color: #d9534f; } -.btn-danger-outline.disabled:focus, -.btn-danger-outline.disabled.focus, -.btn-danger-outline:disabled:focus, -.btn-danger-outline:disabled.focus { +.btn-danger-outline.disabled:focus, .btn-danger-outline.disabled.focus, .btn-danger-outline:disabled:focus, .btn-danger-outline:disabled.focus { border-color: #eba5a3; } -.btn-danger-outline.disabled:hover, -.btn-danger-outline:disabled:hover { +.btn-danger-outline.disabled:hover, .btn-danger-outline:disabled:hover { border-color: #eba5a3; } @@ -2803,16 +2723,11 @@ fieldset[disabled] a.btn { border-radius: 0; } -.btn-link, -.btn-link:active, -.btn-link.active, -.btn-link:disabled { +.btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled { background-color: transparent; } -.btn-link, -.btn-link:focus, -.btn-link:active { +.btn-link, .btn-link:focus, .btn-link:active { border-color: transparent; } @@ -2820,15 +2735,13 @@ fieldset[disabled] a.btn { border-color: transparent; } -.btn-link:focus, -.btn-link:hover { +.btn-link:focus, .btn-link:hover { color: #014c8c; text-decoration: underline; background-color: transparent; } -.btn-link:disabled:focus, -.btn-link:disabled:hover { +.btn-link:disabled:focus, .btn-link:disabled:hover { color: #818a91; text-decoration: none; } @@ -2842,7 +2755,7 @@ fieldset[disabled] a.btn { .btn-sm, .btn-group-sm > .btn { padding: .25rem .75rem; - font-size: .85rem; + font-size: .875rem; line-height: 1.5; border-radius: .2rem; } @@ -2905,6 +2818,7 @@ input[type="button"].btn-block { display: inline-block; width: 0; height: 0; + margin-right: .25rem; margin-left: .25rem; vertical-align: middle; content: ""; @@ -2933,6 +2847,7 @@ input[type="button"].btn-block { padding: 5px 0; margin: 2px 0 0; font-size: 1rem; + color: #373a3c; text-align: left; list-style: none; background-color: #fff; @@ -2963,30 +2878,24 @@ input[type="button"].btn-block { border: 0; } -.dropdown-item:focus, -.dropdown-item:hover { +.dropdown-item:focus, .dropdown-item:hover { color: #2b2d2f; text-decoration: none; background-color: #f5f5f5; } -.dropdown-item.active, -.dropdown-item.active:focus, -.dropdown-item.active:hover { +.dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover { color: #fff; text-decoration: none; background-color: #0275d8; outline: 0; } -.dropdown-item.disabled, -.dropdown-item.disabled:focus, -.dropdown-item.disabled:hover { +.dropdown-item.disabled, .dropdown-item.disabled:focus, .dropdown-item.disabled:hover { color: #818a91; } -.dropdown-item.disabled:focus, -.dropdown-item.disabled:hover { +.dropdown-item.disabled:focus, .dropdown-item.disabled:hover { text-decoration: none; cursor: not-allowed; background-color: transparent; @@ -3015,7 +2924,7 @@ input[type="button"].btn-block { .dropdown-header { display: block; padding: 3px 20px; - font-size: .85rem; + font-size: .875rem; line-height: 1.5; color: #818a91; white-space: nowrap; @@ -3062,9 +2971,7 @@ input[type="button"].btn-block { float: left; } -.btn-group > .btn:focus, -.btn-group > .btn:active, -.btn-group > .btn.active, +.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { @@ -3251,6 +3158,10 @@ input[type="button"].btn-block { margin-bottom: 0; } +.input-group .form-control:focus, .input-group .form-control:active, .input-group .form-control:hover { + z-index: 3; +} + .input-group-addon, .input-group-btn, .input-group .form-control { @@ -3282,14 +3193,16 @@ input[type="button"].btn-block { border-radius: .25rem; } -.input-group-addon.form-control-sm, .input-group-sm > .input-group-addon, +.input-group-addon.form-control-sm, +.input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn { padding: .275rem .75rem; - font-size: .85rem; + font-size: .875rem; border-radius: .2rem; } -.input-group-addon.form-control-lg, .input-group-lg > .input-group-addon, +.input-group-addon.form-control-lg, +.input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn { padding: .75rem 1.25rem; font-size: 1.25rem; @@ -3345,10 +3258,8 @@ input[type="button"].btn-block { margin-left: -1px; } -.input-group-btn > .btn:focus, -.input-group-btn > .btn:active, -.input-group-btn > .btn:hover { - z-index: 2; +.input-group-btn > .btn:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover { + z-index: 3; } .input-group-btn:first-child > .btn, @@ -3362,6 +3273,13 @@ input[type="button"].btn-block { 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 { + z-index: 3; +} + .c-input { position: relative; display: inline; @@ -3458,6 +3376,7 @@ input[type="button"].btn-block { -webkit-appearance: none; padding: .375rem 1.75rem .375rem .75rem; padding-right: .75rem \9; + color: #55595c; vertical-align: middle; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right .75rem center; background-image: none \9; @@ -3517,7 +3436,7 @@ input[type="button"].btn-block { -ms-user-select: none; user-select: none; background-color: #fff; - border: .075rem solid #ddd; + border: 1px solid #ddd; border-radius: .25rem; } @@ -3538,7 +3457,7 @@ input[type="button"].btn-block { color: #555; content: "Browse"; background-color: #eee; - border: .075rem solid #ddd; + border: 1px solid #ddd; border-radius: 0 .25rem .25rem 0; } @@ -3552,8 +3471,7 @@ input[type="button"].btn-block { display: inline-block; } -.nav-link:focus, -.nav-link:hover { +.nav-link:focus, .nav-link:hover { text-decoration: none; } @@ -3561,14 +3479,17 @@ input[type="button"].btn-block { color: #818a91; } -.nav-link.disabled, -.nav-link.disabled:focus, -.nav-link.disabled:hover { +.nav-link.disabled, .nav-link.disabled:focus, .nav-link.disabled:hover { color: #818a91; cursor: not-allowed; background-color: transparent; } +.nav-inline .nav-item { + display: inline-block; +} + +.nav-inline .nav-item + .nav-item, .nav-inline .nav-link + .nav-link { margin-left: 1rem; } @@ -3599,22 +3520,17 @@ input[type="button"].btn-block { border-radius: .25rem .25rem 0 0; } -.nav-tabs .nav-link:focus, -.nav-tabs .nav-link:hover { +.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: #eceeef #eceeef #ddd; } -.nav-tabs .nav-link.disabled, -.nav-tabs .nav-link.disabled:focus, -.nav-tabs .nav-link.disabled:hover { +.nav-tabs .nav-link.disabled, .nav-tabs .nav-link.disabled:focus, .nav-tabs .nav-link.disabled:hover { color: #818a91; background-color: transparent; border-color: transparent; } -.nav-tabs .nav-link.active, -.nav-tabs .nav-link.active:focus, -.nav-tabs .nav-link.active:hover, +.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 { @@ -3623,6 +3539,12 @@ input[type="button"].btn-block { border-color: #ddd #ddd transparent; } +.nav-pills::after { + display: table; + clear: both; + content: ""; +} + .nav-pills .nav-item { float: left; } @@ -3637,9 +3559,7 @@ input[type="button"].btn-block { border-radius: .25rem; } -.nav-pills .nav-link.active, -.nav-pills .nav-link.active:focus, -.nav-pills .nav-link.active:hover, +.nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .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 { @@ -3683,7 +3603,7 @@ input[type="button"].btn-block { content: ""; } -@media (min-width: 34em) { +@media (min-width: 544px) { .navbar { border-radius: .25rem; } @@ -3693,7 +3613,7 @@ input[type="button"].btn-block { z-index: 1000; } -@media (min-width: 34em) { +@media (min-width: 544px) { .navbar-full { border-radius: 0; } @@ -3707,7 +3627,7 @@ input[type="button"].btn-block { z-index: 1030; } -@media (min-width: 34em) { +@media (min-width: 544px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; @@ -3730,7 +3650,7 @@ input[type="button"].btn-block { width: 100%; } -@media (min-width: 34em) { +@media (min-width: 544px) { .navbar-sticky-top { border-radius: 0; } @@ -3744,8 +3664,7 @@ input[type="button"].btn-block { font-size: 1.25rem; } -.navbar-brand:focus, -.navbar-brand:hover { +.navbar-brand:focus, .navbar-brand:hover { text-decoration: none; } @@ -3772,28 +3691,27 @@ input[type="button"].btn-block { font-size: 1.25rem; line-height: 1; background: none; - border: .0625rem solid transparent; + border: 1px solid transparent; border-radius: .25rem; } -.navbar-toggler:focus, -.navbar-toggler:hover { +.navbar-toggler:focus, .navbar-toggler:hover { text-decoration: none; } -@media (min-width: 34em) { +@media (min-width: 544px) { .navbar-toggleable-xs { display: block !important; } } -@media (min-width: 48em) { +@media (min-width: 768px) { .navbar-toggleable-sm { display: block !important; } } -@media (min-width: 62em) { +@media (min-width: 992px) { .navbar-toggleable-md { display: block !important; } @@ -3821,8 +3739,7 @@ input[type="button"].btn-block { color: rgba(0, 0, 0, .8); } -.navbar-light .navbar-brand:focus, -.navbar-light .navbar-brand:hover { +.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { color: rgba(0, 0, 0, .8); } @@ -3830,14 +3747,11 @@ input[type="button"].btn-block { color: rgba(0, 0, 0, .3); } -.navbar-light .navbar-nav .nav-link:focus, -.navbar-light .navbar-nav .nav-link:hover { +.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgba(0, 0, 0, .6); } -.navbar-light .navbar-nav .open > .nav-link, -.navbar-light .navbar-nav .open > .nav-link:focus, -.navbar-light .navbar-nav .open > .nav-link:hover, +.navbar-light .navbar-nav .open > .nav-link, .navbar-light .navbar-nav .open > .nav-link:focus, .navbar-light .navbar-nav .open > .nav-link:hover, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .active > .nav-link:focus, .navbar-light .navbar-nav .active > .nav-link:hover, @@ -3858,8 +3772,7 @@ input[type="button"].btn-block { color: white; } -.navbar-dark .navbar-brand:focus, -.navbar-dark .navbar-brand:hover { +.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { color: white; } @@ -3867,14 +3780,11 @@ input[type="button"].btn-block { color: rgba(255, 255, 255, .5); } -.navbar-dark .navbar-nav .nav-link:focus, -.navbar-dark .navbar-nav .nav-link:hover { +.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgba(255, 255, 255, .75); } -.navbar-dark .navbar-nav .open > .nav-link, -.navbar-dark .navbar-nav .open > .nav-link:focus, -.navbar-dark .navbar-nav .open > .nav-link:hover, +.navbar-dark .navbar-nav .open > .nav-link, .navbar-dark .navbar-nav .open > .nav-link:focus, .navbar-dark .navbar-nav .open > .nav-link:hover, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .active > .nav-link:focus, .navbar-dark .navbar-nav .active > .nav-link:hover, @@ -3893,9 +3803,10 @@ input[type="button"].btn-block { .card { position: relative; + display: block; margin-bottom: .75rem; background-color: #fff; - border: .0625rem solid #e5e5e5; + border: 1px solid #e5e5e5; border-radius: .25rem; } @@ -3935,21 +3846,21 @@ input[type="button"].btn-block { .card-header { padding: .75rem 1.25rem; background-color: #f5f5f5; - border-bottom: .0625rem solid #e5e5e5; + border-bottom: 1px solid #e5e5e5; } .card-header:first-child { - border-radius: .1875rem .1875rem 0 0; + border-radius: .25rem .25rem 0 0; } .card-footer { padding: .75rem 1.25rem; background-color: #f5f5f5; - border-top: .0625rem solid #e5e5e5; + border-top: 1px solid #e5e5e5; } .card-footer:last-child { - border-radius: 0 0 .1875rem .1875rem; + border-radius: 0 0 .25rem .25rem; } .card-primary { @@ -3977,9 +3888,39 @@ input[type="button"].btn-block { border-color: #d9534f; } +.card-primary-outline { + background-color: transparent; + border-color: #0275d8; +} + +.card-secondary-outline { + background-color: transparent; + border-color: #ccc; +} + +.card-info-outline { + background-color: transparent; + border-color: #5bc0de; +} + +.card-success-outline { + background-color: transparent; + border-color: #5cb85c; +} + +.card-warning-outline { + background-color: transparent; + border-color: #f0ad4e; +} + +.card-danger-outline { + background-color: transparent; + border-color: #d9534f; +} + .card-inverse .card-header, .card-inverse .card-footer { - border-bottom: .075rem solid rgba(255, 255, 255, .2); + border-bottom: 1px solid rgba(255, 255, 255, .2); } .card-inverse .card-header, @@ -3995,8 +3936,7 @@ input[type="button"].btn-block { color: rgba(255, 255, 255, .65); } -.card-inverse .card-link:focus, -.card-inverse .card-link:hover { +.card-inverse .card-link:focus, .card-inverse .card-link:hover { color: #fff; } @@ -4027,7 +3967,7 @@ input[type="button"].btn-block { border-radius: 0 0 .25rem .25rem; } -@media (min-width: 34em) { +@media (min-width: 544px) { .card-deck { display: table; table-layout: fixed; @@ -4044,7 +3984,7 @@ input[type="button"].btn-block { } } -@media (min-width: 34em) { +@media (min-width: 544px) { .card-group { display: table; width: 100%; @@ -4058,12 +3998,20 @@ input[type="button"].btn-block { margin-left: 0; border-left: 0; } + .card-group .card:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } .card-group .card:first-child .card-img-top { border-top-right-radius: 0; } .card-group .card:first-child .card-img-bottom { border-bottom-right-radius: 0; } + .card-group .card:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } .card-group .card:last-child .card-img-top { border-top-left-radius: 0; } @@ -4079,7 +4027,7 @@ input[type="button"].btn-block { } } -@media (min-width: 34em) { +@media (min-width: 544px) { .card-columns { -webkit-column-count: 3; -moz-column-count: 3; @@ -4131,51 +4079,22 @@ input[type="button"].btn-block { border-radius: .25rem; } -.pagination > li { +.page-item { display: inline; } -.pagination > li > a, -.pagination > li > span { - position: relative; - float: left; - padding: .5rem .75rem; - margin-left: -1px; - line-height: 1.5; - color: #0275d8; - text-decoration: none; - background-color: #fff; - border: 1px solid #ddd; -} - -.pagination > li:first-child > a, -.pagination > li:first-child > span { +.page-item:first-child .page-link { margin-left: 0; border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; } -.pagination > li:last-child > a, -.pagination > li:last-child > span { +.page-item:last-child .page-link { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; } -.pagination > li > a:focus, -.pagination > li > a:hover, -.pagination > li > span:focus, -.pagination > li > span:hover { - color: #014c8c; - background-color: #eceeef; - border-color: #ddd; -} - -.pagination > .active > a, -.pagination > .active > a:focus, -.pagination > .active > a:hover, -.pagination > .active > span, -.pagination > .active > span:focus, -.pagination > .active > span:hover { +.page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover { z-index: 2; color: #fff; cursor: default; @@ -4183,52 +4102,59 @@ input[type="button"].btn-block { border-color: #0275d8; } -.pagination > .disabled > span, -.pagination > .disabled > span:focus, -.pagination > .disabled > span:hover, -.pagination > .disabled > a, -.pagination > .disabled > a:focus, -.pagination > .disabled > a:hover { +.page-item.disabled .page-link, .page-item.disabled .page-link:focus, .page-item.disabled .page-link:hover { color: #818a91; cursor: not-allowed; background-color: #fff; border-color: #ddd; } -.pagination-lg > li > a, -.pagination-lg > li > span { +.page-link { + position: relative; + float: left; + padding: .5rem .75rem; + margin-left: -1px; + line-height: 1.5; + color: #0275d8; + text-decoration: none; + background-color: #fff; + border: 1px solid #ddd; +} + +.page-link:focus, .page-link:hover { + color: #014c8c; + background-color: #eceeef; + border-color: #ddd; +} + +.pagination-lg .page-link { padding: .75rem 1.5rem; font-size: 1.25rem; line-height: 1.333333; } -.pagination-lg > li:first-child > a, -.pagination-lg > li:first-child > span { +.pagination-lg .page-item:first-child .page-link { border-top-left-radius: .3rem; border-bottom-left-radius: .3rem; } -.pagination-lg > li:last-child > a, -.pagination-lg > li:last-child > span { +.pagination-lg .page-item:last-child .page-link { border-top-right-radius: .3rem; border-bottom-right-radius: .3rem; } -.pagination-sm > li > a, -.pagination-sm > li > span { +.pagination-sm .page-link { padding: .275rem .75rem; - font-size: .85rem; + font-size: .875rem; line-height: 1.5; } -.pagination-sm > li:first-child > a, -.pagination-sm > li:first-child > span { +.pagination-sm .page-item:first-child .page-link { border-top-left-radius: .2rem; border-bottom-left-radius: .2rem; } -.pagination-sm > li:last-child > a, -.pagination-sm > li:last-child > span { +.pagination-sm .page-item:last-child .page-link { border-top-right-radius: .2rem; border-bottom-right-radius: .2rem; } @@ -4260,15 +4186,12 @@ input[type="button"].btn-block { border-radius: 15px; } -.pager li > a:focus, -.pager li > a:hover { +.pager li > a:focus, .pager li > a:hover { text-decoration: none; background-color: #eceeef; } -.pager .disabled > a, -.pager .disabled > a:focus, -.pager .disabled > a:hover { +.pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover { color: #818a91; cursor: not-allowed; background-color: #fff; @@ -4312,8 +4235,7 @@ input[type="button"].btn-block { top: -1px; } -a.label:focus, -a.label:hover { +a.label:focus, a.label:hover { color: #fff; text-decoration: none; cursor: pointer; @@ -4322,15 +4244,14 @@ a.label:hover { .label-pill { padding-right: .6em; padding-left: .6em; - border-radius: 1rem; + border-radius: 10rem; } .label-default { background-color: #818a91; } -.label-default[href]:focus, -.label-default[href]:hover { +.label-default[href]:focus, .label-default[href]:hover { background-color: #687077; } @@ -4338,8 +4259,7 @@ a.label:hover { background-color: #0275d8; } -.label-primary[href]:focus, -.label-primary[href]:hover { +.label-primary[href]:focus, .label-primary[href]:hover { background-color: #025aa5; } @@ -4347,8 +4267,7 @@ a.label:hover { background-color: #5cb85c; } -.label-success[href]:focus, -.label-success[href]:hover { +.label-success[href]:focus, .label-success[href]:hover { background-color: #449d44; } @@ -4356,8 +4275,7 @@ a.label:hover { background-color: #5bc0de; } -.label-info[href]:focus, -.label-info[href]:hover { +.label-info[href]:focus, .label-info[href]:hover { background-color: #31b0d5; } @@ -4365,8 +4283,7 @@ a.label:hover { background-color: #f0ad4e; } -.label-warning[href]:focus, -.label-warning[href]:hover { +.label-warning[href]:focus, .label-warning[href]:hover { background-color: #ec971f; } @@ -4374,8 +4291,7 @@ a.label:hover { background-color: #d9534f; } -.label-danger[href]:focus, -.label-danger[href]:hover { +.label-danger[href]:focus, .label-danger[href]:hover { background-color: #c9302c; } @@ -4386,16 +4302,16 @@ a.label:hover { border-radius: .3rem; } -.jumbotron-hr { - border-top-color: #d0d5d8; -} - -@media (min-width: 34em) { +@media (min-width: 544px) { .jumbotron { padding: 4rem 2rem; } } +.jumbotron-hr { + border-top-color: #d0d5d8; +} + .jumbotron-fluid { padding-right: 0; padding-left: 0; @@ -4556,7 +4472,7 @@ a.label:hover { border-bottom-right-radius: .25rem; } -@media screen and (min-width: 0 \0) { +@media screen and (min-width: 0\0) { .progress { background-color: #eee; border-radius: .25rem; @@ -4593,7 +4509,7 @@ a.label:hover { background-size: 1rem 1rem; } -@media screen and (min-width: 0 \0) { +@media screen and (min-width: 0\0) { .progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); @@ -4612,7 +4528,7 @@ a.label:hover { animation: progress-bar-stripes 2s linear infinite; } -@media screen and (min-width: 0 \0) { +@media screen and (min-width: 0\0) { .progress-animated .progress-bar-striped { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; @@ -4628,7 +4544,7 @@ a.label:hover { background-color: #5cb85c; } -@media screen and (min-width: 0 \0) { +@media screen and (min-width: 0\0) { .progress-success .progress-bar { background-color: #5cb85c; } @@ -4642,7 +4558,7 @@ a.label:hover { background-color: #5bc0de; } -@media screen and (min-width: 0 \0) { +@media screen and (min-width: 0\0) { .progress-info .progress-bar { background-color: #5bc0de; } @@ -4656,7 +4572,7 @@ a.label:hover { background-color: #f0ad4e; } -@media screen and (min-width: 0 \0) { +@media screen and (min-width: 0\0) { .progress-warning .progress-bar { background-color: #f0ad4e; } @@ -4670,7 +4586,7 @@ a.label:hover { background-color: #d9534f; } -@media screen and (min-width: 0 \0) { +@media screen and (min-width: 0\0) { .progress-danger .progress-bar { background-color: #d9534f; } @@ -4744,9 +4660,9 @@ a.label:hover { position: relative; display: block; padding: .75rem 1.25rem; - margin-bottom: -.0625rem; + margin-bottom: -1px; background-color: #fff; - border: .0625rem solid #ddd; + border: 1px solid #ddd; } .list-group-item:first-child { @@ -4761,10 +4677,18 @@ a.label:hover { } .list-group-flush .list-group-item { - border-width: .0625rem 0; + border-width: 1px 0; border-radius: 0; } +.list-group-flush:first-child .list-group-item:first-child { + border-top: 0; +} + +.list-group-flush:last-child .list-group-item:last-child { + border-bottom: 0; +} + a.list-group-item, button.list-group-item { width: 100%; @@ -4777,8 +4701,7 @@ button.list-group-item .list-group-item-heading { color: #333; } -a.list-group-item:focus, -a.list-group-item:hover, +a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover { color: #555; @@ -4786,29 +4709,21 @@ button.list-group-item:hover { background-color: #f5f5f5; } -.list-group-item.disabled, -.list-group-item.disabled:focus, -.list-group-item.disabled:hover { +.list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover { color: #818a91; cursor: not-allowed; background-color: #eceeef; } -.list-group-item.disabled .list-group-item-heading, -.list-group-item.disabled:focus .list-group-item-heading, -.list-group-item.disabled:hover .list-group-item-heading { +.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading { color: inherit; } -.list-group-item.disabled .list-group-item-text, -.list-group-item.disabled:focus .list-group-item-text, -.list-group-item.disabled:hover .list-group-item-text { +.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text { color: #818a91; } -.list-group-item.active, -.list-group-item.active:focus, -.list-group-item.active:hover { +.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { z-index: 2; color: #fff; background-color: #0275d8; @@ -4817,19 +4732,15 @@ button.list-group-item:hover { .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, -.list-group-item.active .list-group-item-heading > .small, -.list-group-item.active:focus .list-group-item-heading, +.list-group-item.active .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > small, -.list-group-item.active:focus .list-group-item-heading > .small, -.list-group-item.active:hover .list-group-item-heading, +.list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > .small { color: inherit; } -.list-group-item.active .list-group-item-text, -.list-group-item.active:focus .list-group-item-text, -.list-group-item.active:hover .list-group-item-text { +.list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text { color: #a8d6fe; } @@ -4848,17 +4759,14 @@ button.list-group-item-success .list-group-item-heading { color: inherit; } -a.list-group-item-success:focus, -a.list-group-item-success:hover, +a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover { color: #3c763d; background-color: #d0e9c6; } -a.list-group-item-success.active, -a.list-group-item-success.active:focus, -a.list-group-item-success.active:hover, +a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover, button.list-group-item-success.active, button.list-group-item-success.active:focus, button.list-group-item-success.active:hover { @@ -4882,17 +4790,14 @@ button.list-group-item-info .list-group-item-heading { color: inherit; } -a.list-group-item-info:focus, -a.list-group-item-info:hover, +a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover { color: #31708f; background-color: #c4e3f3; } -a.list-group-item-info.active, -a.list-group-item-info.active:focus, -a.list-group-item-info.active:hover, +a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover, button.list-group-item-info.active, button.list-group-item-info.active:focus, button.list-group-item-info.active:hover { @@ -4916,17 +4821,14 @@ button.list-group-item-warning .list-group-item-heading { color: inherit; } -a.list-group-item-warning:focus, -a.list-group-item-warning:hover, +a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover { color: #8a6d3b; background-color: #faf2cc; } -a.list-group-item-warning.active, -a.list-group-item-warning.active:focus, -a.list-group-item-warning.active:hover, +a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover, button.list-group-item-warning.active, button.list-group-item-warning.active:focus, button.list-group-item-warning.active:hover { @@ -4950,17 +4852,14 @@ button.list-group-item-danger .list-group-item-heading { color: inherit; } -a.list-group-item-danger:focus, -a.list-group-item-danger:hover, +a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover { color: #a94442; background-color: #ebcccc; } -a.list-group-item-danger.active, -a.list-group-item-danger.active:focus, -a.list-group-item-danger.active:hover, +a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover, button.list-group-item-danger.active, button.list-group-item-danger.active:focus, button.list-group-item-danger.active:hover { @@ -5013,6 +4912,10 @@ button.list-group-item-danger.active:hover { padding-bottom: 75%; } +.embed-responsive-1by1 { + padding-bottom: 100%; +} + .close { float: right; font-size: 1.5rem; @@ -5023,8 +4926,7 @@ button.list-group-item-danger.active:hover { opacity: .2; } -.close:focus, -.close:hover { +.close:focus, .close:hover { color: #000; text-decoration: none; cursor: pointer; @@ -5058,8 +4960,10 @@ button.close { .modal.fade .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out; - -o-transition: -o-transform .3s ease-out; + -o-transition: transform .3s ease-out, -o-transform .3s ease-out; + transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; + transition: transform .3s ease-out, -webkit-transform .3s ease-out, -o-transform .3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); @@ -5170,7 +5074,7 @@ button.close { overflow: scroll; } -@media (min-width: 34em) { +@media (min-width: 544px) { .modal-dialog { width: 600px; margin: 30px auto; @@ -5180,7 +5084,7 @@ button.close { } } -@media (min-width: 48em) { +@media (min-width: 768px) { .modal-lg { width: 900px; } @@ -5191,7 +5095,7 @@ button.close { z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: .85rem; + font-size: .875rem; font-style: normal; font-weight: normal; line-height: 1.5; @@ -5214,14 +5118,12 @@ button.close { opacity: .9; } -.tooltip.tooltip-top, -.tooltip.bs-tether-element-attached-bottom { +.tooltip.tooltip-top, .tooltip.bs-tether-element-attached-bottom { padding: 5px 0; margin-top: -3px; } -.tooltip.tooltip-top .tooltip-arrow, -.tooltip.bs-tether-element-attached-bottom .tooltip-arrow { +.tooltip.tooltip-top .tooltip-arrow, .tooltip.bs-tether-element-attached-bottom .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; @@ -5229,14 +5131,12 @@ button.close { border-top-color: #000; } -.tooltip.tooltip-right, -.tooltip.bs-tether-element-attached-left { +.tooltip.tooltip-right, .tooltip.bs-tether-element-attached-left { padding: 0 5px; margin-left: 3px; } -.tooltip.tooltip-right .tooltip-arrow, -.tooltip.bs-tether-element-attached-left .tooltip-arrow { +.tooltip.tooltip-right .tooltip-arrow, .tooltip.bs-tether-element-attached-left .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; @@ -5244,14 +5144,12 @@ button.close { border-right-color: #000; } -.tooltip.tooltip-bottom, -.tooltip.bs-tether-element-attached-top { +.tooltip.tooltip-bottom, .tooltip.bs-tether-element-attached-top { padding: 5px 0; margin-top: 3px; } -.tooltip.tooltip-bottom .tooltip-arrow, -.tooltip.bs-tether-element-attached-top .tooltip-arrow { +.tooltip.tooltip-bottom .tooltip-arrow, .tooltip.bs-tether-element-attached-top .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; @@ -5259,14 +5157,12 @@ button.close { border-bottom-color: #000; } -.tooltip.tooltip-left, -.tooltip.bs-tether-element-attached-right { +.tooltip.tooltip-left, .tooltip.bs-tether-element-attached-right { padding: 0 5px; margin-left: -3px; } -.tooltip.tooltip-left .tooltip-arrow, -.tooltip.bs-tether-element-attached-right .tooltip-arrow { +.tooltip.tooltip-left .tooltip-arrow, .tooltip.bs-tether-element-attached-right .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; @@ -5300,7 +5196,7 @@ button.close { max-width: 276px; padding: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: .85rem; + font-size: .875rem; font-style: normal; font-weight: normal; line-height: 1.5; @@ -5323,13 +5219,11 @@ button.close { line-break: auto; } -.popover.popover-top, -.popover.bs-tether-element-attached-bottom { +.popover.popover-top, .popover.bs-tether-element-attached-bottom { margin-top: -10px; } -.popover.popover-top .popover-arrow, -.popover.bs-tether-element-attached-bottom .popover-arrow { +.popover.popover-top .popover-arrow, .popover.bs-tether-element-attached-bottom .popover-arrow { bottom: -11px; left: 50%; margin-left: -11px; @@ -5337,8 +5231,7 @@ button.close { border-bottom-width: 0; } -.popover.popover-top .popover-arrow::after, -.popover.bs-tether-element-attached-bottom .popover-arrow::after { +.popover.popover-top .popover-arrow::after, .popover.bs-tether-element-attached-bottom .popover-arrow::after { bottom: 1px; margin-left: -10px; content: ""; @@ -5346,13 +5239,11 @@ button.close { border-bottom-width: 0; } -.popover.popover-right, -.popover.bs-tether-element-attached-left { +.popover.popover-right, .popover.bs-tether-element-attached-left { margin-left: 10px; } -.popover.popover-right .popover-arrow, -.popover.bs-tether-element-attached-left .popover-arrow { +.popover.popover-right .popover-arrow, .popover.bs-tether-element-attached-left .popover-arrow { top: 50%; left: -11px; margin-top: -11px; @@ -5360,8 +5251,7 @@ button.close { border-left-width: 0; } -.popover.popover-right .popover-arrow::after, -.popover.bs-tether-element-attached-left .popover-arrow::after { +.popover.popover-right .popover-arrow::after, .popover.bs-tether-element-attached-left .popover-arrow::after { bottom: -10px; left: 1px; content: ""; @@ -5369,13 +5259,11 @@ button.close { border-left-width: 0; } -.popover.popover-bottom, -.popover.bs-tether-element-attached-top { +.popover.popover-bottom, .popover.bs-tether-element-attached-top { margin-top: 10px; } -.popover.popover-bottom .popover-arrow, -.popover.bs-tether-element-attached-top .popover-arrow { +.popover.popover-bottom .popover-arrow, .popover.bs-tether-element-attached-top .popover-arrow { top: -11px; left: 50%; margin-left: -11px; @@ -5383,8 +5271,7 @@ button.close { border-bottom-color: rgba(0, 0, 0, .25); } -.popover.popover-bottom .popover-arrow::after, -.popover.bs-tether-element-attached-top .popover-arrow::after { +.popover.popover-bottom .popover-arrow::after, .popover.bs-tether-element-attached-top .popover-arrow::after { top: 1px; margin-left: -10px; content: ""; @@ -5392,13 +5279,11 @@ button.close { border-bottom-color: #fff; } -.popover.popover-left, -.popover.bs-tether-element-attached-right { +.popover.popover-left, .popover.bs-tether-element-attached-right { margin-left: -10px; } -.popover.popover-left .popover-arrow, -.popover.bs-tether-element-attached-right .popover-arrow { +.popover.popover-left .popover-arrow, .popover.bs-tether-element-attached-right .popover-arrow { top: 50%; right: -11px; margin-top: -11px; @@ -5406,8 +5291,7 @@ button.close { border-left-color: rgba(0, 0, 0, .25); } -.popover.popover-left .popover-arrow::after, -.popover.bs-tether-element-attached-right .popover-arrow::after { +.popover.popover-left .popover-arrow::after, .popover.bs-tether-element-attached-right .popover-arrow::after { right: 1px; bottom: -10px; content: ""; @@ -5428,8 +5312,7 @@ button.close { padding: 9px 14px; } -.popover-arrow, -.popover-arrow::after { +.popover-arrow, .popover-arrow::after { position: absolute; display: block; width: 0; @@ -5473,29 +5356,27 @@ button.close { @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .carousel-item { -webkit-transition: -webkit-transform .6s ease-in-out; - -o-transition: -o-transform .6s ease-in-out; + -o-transition: transform .6s ease-in-out, -o-transform .6s ease-in-out; + transition: -webkit-transform .6s ease-in-out; transition: transform .6s ease-in-out; + transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out, -o-transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } - .carousel-inner > .carousel-item.next, - .carousel-inner > .carousel-item.active.right { + .carousel-inner > .carousel-item.next, .carousel-inner > .carousel-item.active.right { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } - .carousel-inner > .carousel-item.prev, - .carousel-inner > .carousel-item.active.left { + .carousel-inner > .carousel-item.prev, .carousel-inner > .carousel-item.active.left { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } - .carousel-inner > .carousel-item.next.left, - .carousel-inner > .carousel-item.prev.right, - .carousel-inner > .carousel-item.active { + .carousel-inner > .carousel-item.next.left, .carousel-inner > .carousel-item.prev.right, .carousel-inner > .carousel-item.active { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); @@ -5573,8 +5454,7 @@ button.close { background-repeat: repeat-x; } -.carousel-control:focus, -.carousel-control:hover { +.carousel-control:focus, .carousel-control:hover { color: #fff; text-decoration: none; outline: 0; @@ -5660,7 +5540,7 @@ button.close { text-shadow: none; } -@media (min-width: 34em) { +@media (min-width: 544px) { .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; @@ -5696,12 +5576,64 @@ button.close { margin-left: auto; } -.pull-right { +.pull-xs-left { + float: left !important; +} + +.pull-xs-right { float: right !important; } -.pull-left { - float: left !important; +.pull-xs-none { + float: none !important; +} + +@media (min-width: 544px) { + .pull-sm-left { + float: left !important; + } + .pull-sm-right { + float: right !important; + } + .pull-sm-none { + float: none !important; + } +} + +@media (min-width: 768px) { + .pull-md-left { + float: left !important; + } + .pull-md-right { + float: right !important; + } + .pull-md-none { + float: none !important; + } +} + +@media (min-width: 992px) { + .pull-lg-left { + float: left !important; + } + .pull-lg-right { + float: right !important; + } + .pull-lg-none { + float: none !important; + } +} + +@media (min-width: 1200px) { + .pull-xl-left { + float: left !important; + } + .pull-xl-right { + float: right !important; + } + .pull-xl-none { + float: none !important; + } } .sr-only { @@ -5715,8 +5647,7 @@ button.close { border: 0; } -.sr-only-focusable:active, -.sr-only-focusable:focus { +.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; @@ -5725,12 +5656,8 @@ button.close { clip: auto; } -[hidden] { - display: none !important; -} - .invisible { - visibility: hidden; + visibility: hidden !important; } .text-hide { @@ -5741,24 +5668,12 @@ button.close { border: 0; } -.text-left { - text-align: left; -} - -.text-right { - text-align: right; -} - -.text-center { - text-align: center; -} - .text-justify { - text-align: justify; + text-align: justify !important; } .text-nowrap { - white-space: nowrap; + white-space: nowrap !important; } .text-truncate { @@ -5768,75 +5683,87 @@ button.close { } .text-xs-left { - text-align: left; + text-align: left !important; } .text-xs-right { - text-align: right; + text-align: right !important; } .text-xs-center { - text-align: center; + text-align: center !important; } -@media (min-width: 34em) { +@media (min-width: 544px) { .text-sm-left { - text-align: left; + text-align: left !important; } .text-sm-right { - text-align: right; + text-align: right !important; } .text-sm-center { - text-align: center; + text-align: center !important; } } -@media (min-width: 48em) { +@media (min-width: 768px) { .text-md-left { - text-align: left; + text-align: left !important; } .text-md-right { - text-align: right; + text-align: right !important; } .text-md-center { - text-align: center; + text-align: center !important; } } -@media (min-width: 62em) { +@media (min-width: 992px) { .text-lg-left { - text-align: left; + text-align: left !important; } .text-lg-right { - text-align: right; + text-align: right !important; } .text-lg-center { - text-align: center; + text-align: center !important; } } -@media (min-width: 75em) { +@media (min-width: 1200px) { .text-xl-left { - text-align: left; + text-align: left !important; } .text-xl-right { - text-align: right; + text-align: right !important; } .text-xl-center { - text-align: center; + text-align: center !important; } } .text-lowercase { - text-transform: lowercase; + text-transform: lowercase !important; } .text-uppercase { - text-transform: uppercase; + text-transform: uppercase !important; } .text-capitalize { - text-transform: capitalize; + text-transform: capitalize !important; +} + +.font-weight-normal { + font-weight: normal; +} + +.font-weight-bold { + font-weight: bold; +} + +.font-italic { + font-style: italic; } .text-muted { @@ -5844,47 +5771,42 @@ button.close { } .text-primary { - color: #0275d8; + color: #0275d8 !important; } -a.text-primary:focus, -a.text-primary:hover { +a.text-primary:focus, a.text-primary:hover { color: #025aa5; } .text-success { - color: #5cb85c; + color: #5cb85c !important; } -a.text-success:focus, -a.text-success:hover { +a.text-success:focus, a.text-success:hover { color: #449d44; } .text-info { - color: #5bc0de; + color: #5bc0de !important; } -a.text-info:focus, -a.text-info:hover { +a.text-info:focus, a.text-info:hover { color: #31b0d5; } .text-warning { - color: #f0ad4e; + color: #f0ad4e !important; } -a.text-warning:focus, -a.text-warning:hover { +a.text-warning:focus, a.text-warning:hover { color: #ec971f; } .text-danger { - color: #d9534f; + color: #d9534f !important; } -a.text-danger:focus, -a.text-danger:hover { +a.text-danger:focus, a.text-danger:hover { color: #c9302c; } @@ -5898,57 +5820,57 @@ a.text-danger:hover { } .bg-primary { - color: #fff; - background-color: #0275d8; + color: #fff !important; + background-color: #0275d8 !important; } -a.bg-primary:focus, -a.bg-primary:hover { +a.bg-primary:focus, a.bg-primary:hover { background-color: #025aa5; } .bg-success { - color: #fff; - background-color: #5cb85c; + color: #fff !important; + background-color: #5cb85c !important; } -a.bg-success:focus, -a.bg-success:hover { +a.bg-success:focus, a.bg-success:hover { background-color: #449d44; } .bg-info { - color: #fff; - background-color: #5bc0de; + color: #fff !important; + background-color: #5bc0de !important; } -a.bg-info:focus, -a.bg-info:hover { +a.bg-info:focus, a.bg-info:hover { background-color: #31b0d5; } .bg-warning { - color: #fff; - background-color: #f0ad4e; + color: #fff !important; + background-color: #f0ad4e !important; } -a.bg-warning:focus, -a.bg-warning:hover { +a.bg-warning:focus, a.bg-warning:hover { background-color: #ec971f; } .bg-danger { - color: #fff; - background-color: #d9534f; + color: #fff !important; + background-color: #d9534f !important; } -a.bg-danger:focus, -a.bg-danger:hover { +a.bg-danger:focus, a.bg-danger:hover { background-color: #c9302c; } +.m-x-auto { + margin-right: auto !important; + margin-left: auto !important; +} + .m-a-0 { - margin: 0 !important; + margin: 0 0 !important; } .m-t-0 { @@ -5977,103 +5899,98 @@ a.bg-danger:hover { margin-bottom: 0 !important; } -.m-a { - margin: 1rem !important; +.m-a-1 { + margin: 1rem 1rem !important; } -.m-t { +.m-t-1 { margin-top: 1rem !important; } -.m-r { +.m-r-1 { margin-right: 1rem !important; } -.m-b { +.m-b-1 { margin-bottom: 1rem !important; } -.m-l { +.m-l-1 { margin-left: 1rem !important; } -.m-x { +.m-x-1 { margin-right: 1rem !important; margin-left: 1rem !important; } -.m-y { +.m-y-1 { margin-top: 1rem !important; margin-bottom: 1rem !important; } -.m-x-auto { - margin-right: auto !important; - margin-left: auto !important; -} - -.m-a-md { - margin: 1.5rem !important; +.m-a-2 { + margin: 1.5rem 1.5rem !important; } -.m-t-md { +.m-t-2 { margin-top: 1.5rem !important; } -.m-r-md { +.m-r-2 { margin-right: 1.5rem !important; } -.m-b-md { +.m-b-2 { margin-bottom: 1.5rem !important; } -.m-l-md { +.m-l-2 { margin-left: 1.5rem !important; } -.m-x-md { +.m-x-2 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } -.m-y-md { +.m-y-2 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } -.m-a-lg { - margin: 3rem !important; +.m-a-3 { + margin: 3rem 3rem !important; } -.m-t-lg { +.m-t-3 { margin-top: 3rem !important; } -.m-r-lg { +.m-r-3 { margin-right: 3rem !important; } -.m-b-lg { +.m-b-3 { margin-bottom: 3rem !important; } -.m-l-lg { +.m-l-3 { margin-left: 3rem !important; } -.m-x-lg { +.m-x-3 { margin-right: 3rem !important; margin-left: 3rem !important; } -.m-y-lg { +.m-y-3 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .p-a-0 { - padding: 0 !important; + padding: 0 0 !important; } .p-t-0 { @@ -6102,92 +6019,92 @@ a.bg-danger:hover { padding-bottom: 0 !important; } -.p-a { - padding: 1rem !important; +.p-a-1 { + padding: 1rem 1rem !important; } -.p-t { +.p-t-1 { padding-top: 1rem !important; } -.p-r { +.p-r-1 { padding-right: 1rem !important; } -.p-b { +.p-b-1 { padding-bottom: 1rem !important; } -.p-l { +.p-l-1 { padding-left: 1rem !important; } -.p-x { +.p-x-1 { padding-right: 1rem !important; padding-left: 1rem !important; } -.p-y { +.p-y-1 { padding-top: 1rem !important; padding-bottom: 1rem !important; } -.p-a-md { - padding: 1.5rem !important; +.p-a-2 { + padding: 1.5rem 1.5rem !important; } -.p-t-md { +.p-t-2 { padding-top: 1.5rem !important; } -.p-r-md { +.p-r-2 { padding-right: 1.5rem !important; } -.p-b-md { +.p-b-2 { padding-bottom: 1.5rem !important; } -.p-l-md { +.p-l-2 { padding-left: 1.5rem !important; } -.p-x-md { +.p-x-2 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } -.p-y-md { +.p-y-2 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } -.p-a-lg { - padding: 3rem !important; +.p-a-3 { + padding: 3rem 3rem !important; } -.p-t-lg { +.p-t-3 { padding-top: 3rem !important; } -.p-r-lg { +.p-r-3 { padding-right: 3rem !important; } -.p-b-lg { +.p-b-3 { padding-bottom: 3rem !important; } -.p-l-lg { +.p-l-3 { padding-left: 3rem !important; } -.p-x-lg { +.p-x-3 { padding-right: 3rem !important; padding-left: 3rem !important; } -.p-y-lg { +.p-y-3 { padding-top: 3rem !important; padding-bottom: 3rem !important; } @@ -6204,49 +6121,49 @@ a.bg-danger:hover { display: none !important; } -@media (max-width: 33.9em) { +@media (max-width: 543px) { .hidden-xs-down { display: none !important; } } -@media (min-width: 34em) { +@media (min-width: 544px) { .hidden-sm-up { display: none !important; } } -@media (max-width: 47.9em) { +@media (max-width: 767px) { .hidden-sm-down { display: none !important; } } -@media (min-width: 48em) { +@media (min-width: 768px) { .hidden-md-up { display: none !important; } } -@media (max-width: 61.9em) { +@media (max-width: 991px) { .hidden-md-down { display: none !important; } } -@media (min-width: 62em) { +@media (min-width: 992px) { .hidden-lg-up { display: none !important; } } -@media (max-width: 74.9em) { +@media (max-width: 1199px) { .hidden-lg-down { display: none !important; } } -@media (min-width: 75em) { +@media (min-width: 1200px) { .hidden-xl-up { display: none !important; } |