aboutsummaryrefslogtreecommitdiff
path: root/dist/css/bootstrap.css
diff options
context:
space:
mode:
Diffstat (limited to 'dist/css/bootstrap.css')
-rw-r--r--dist/css/bootstrap.css615
1 files changed, 432 insertions, 183 deletions
diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css
index 1f46adfb9..6f2762c17 100644
--- a/dist/css/bootstrap.css
+++ b/dist/css/bootstrap.css
@@ -93,6 +93,10 @@ html {
width: device-width;
}
+article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
+ display: block;
+}
+
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
@@ -855,51 +859,99 @@ pre code {
}
.col-1 {
- width: 8.333333%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 8.333333%;
+ -ms-flex: 0 0 8.333333%;
+ flex: 0 0 8.333333%;
+ max-width: 8.333333%;
}
.col-2 {
- width: 16.666667%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 16.666667%;
+ -ms-flex: 0 0 16.666667%;
+ flex: 0 0 16.666667%;
+ max-width: 16.666667%;
}
.col-3 {
- width: 25%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 25%;
+ -ms-flex: 0 0 25%;
+ flex: 0 0 25%;
+ max-width: 25%;
}
.col-4 {
- width: 33.333333%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 33.333333%;
+ -ms-flex: 0 0 33.333333%;
+ flex: 0 0 33.333333%;
+ max-width: 33.333333%;
}
.col-5 {
- width: 41.666667%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 41.666667%;
+ -ms-flex: 0 0 41.666667%;
+ flex: 0 0 41.666667%;
+ max-width: 41.666667%;
}
.col-6 {
- width: 50%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 50%;
+ -ms-flex: 0 0 50%;
+ flex: 0 0 50%;
+ max-width: 50%;
}
.col-7 {
- width: 58.333333%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 58.333333%;
+ -ms-flex: 0 0 58.333333%;
+ flex: 0 0 58.333333%;
+ max-width: 58.333333%;
}
.col-8 {
- width: 66.666667%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 66.666667%;
+ -ms-flex: 0 0 66.666667%;
+ flex: 0 0 66.666667%;
+ max-width: 66.666667%;
}
.col-9 {
- width: 75%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 75%;
+ -ms-flex: 0 0 75%;
+ flex: 0 0 75%;
+ max-width: 75%;
}
.col-10 {
- width: 83.333333%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 83.333333%;
+ -ms-flex: 0 0 83.333333%;
+ flex: 0 0 83.333333%;
+ max-width: 83.333333%;
}
.col-11 {
- width: 91.666667%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 91.666667%;
+ -ms-flex: 0 0 91.666667%;
+ flex: 0 0 91.666667%;
+ max-width: 91.666667%;
}
.col-12 {
- width: 100%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 100%;
+ -ms-flex: 0 0 100%;
+ flex: 0 0 100%;
+ max-width: 100%;
}
.pull-0 {
@@ -1069,40 +1121,88 @@ pre code {
width: auto;
}
.col-sm-1 {
- width: 8.333333%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 8.333333%;
+ -ms-flex: 0 0 8.333333%;
+ flex: 0 0 8.333333%;
+ max-width: 8.333333%;
}
.col-sm-2 {
- width: 16.666667%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 16.666667%;
+ -ms-flex: 0 0 16.666667%;
+ flex: 0 0 16.666667%;
+ max-width: 16.666667%;
}
.col-sm-3 {
- width: 25%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 25%;
+ -ms-flex: 0 0 25%;
+ flex: 0 0 25%;
+ max-width: 25%;
}
.col-sm-4 {
- width: 33.333333%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 33.333333%;
+ -ms-flex: 0 0 33.333333%;
+ flex: 0 0 33.333333%;
+ max-width: 33.333333%;
}
.col-sm-5 {
- width: 41.666667%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 41.666667%;
+ -ms-flex: 0 0 41.666667%;
+ flex: 0 0 41.666667%;
+ max-width: 41.666667%;
}
.col-sm-6 {
- width: 50%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 50%;
+ -ms-flex: 0 0 50%;
+ flex: 0 0 50%;
+ max-width: 50%;
}
.col-sm-7 {
- width: 58.333333%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 58.333333%;
+ -ms-flex: 0 0 58.333333%;
+ flex: 0 0 58.333333%;
+ max-width: 58.333333%;
}
.col-sm-8 {
- width: 66.666667%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 66.666667%;
+ -ms-flex: 0 0 66.666667%;
+ flex: 0 0 66.666667%;
+ max-width: 66.666667%;
}
.col-sm-9 {
- width: 75%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 75%;
+ -ms-flex: 0 0 75%;
+ flex: 0 0 75%;
+ max-width: 75%;
}
.col-sm-10 {
- width: 83.333333%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 83.333333%;
+ -ms-flex: 0 0 83.333333%;
+ flex: 0 0 83.333333%;
+ max-width: 83.333333%;
}
.col-sm-11 {
- width: 91.666667%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 91.666667%;
+ -ms-flex: 0 0 91.666667%;
+ flex: 0 0 91.666667%;
+ max-width: 91.666667%;
}
.col-sm-12 {
- width: 100%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 100%;
+ -ms-flex: 0 0 100%;
+ flex: 0 0 100%;
+ max-width: 100%;
}
.pull-sm-0 {
right: auto;
@@ -1239,40 +1339,88 @@ pre code {
width: auto;
}
.col-md-1 {
- width: 8.333333%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 8.333333%;
+ -ms-flex: 0 0 8.333333%;
+ flex: 0 0 8.333333%;
+ max-width: 8.333333%;
}
.col-md-2 {
- width: 16.666667%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 16.666667%;
+ -ms-flex: 0 0 16.666667%;
+ flex: 0 0 16.666667%;
+ max-width: 16.666667%;
}
.col-md-3 {
- width: 25%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 25%;
+ -ms-flex: 0 0 25%;
+ flex: 0 0 25%;
+ max-width: 25%;
}
.col-md-4 {
- width: 33.333333%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 33.333333%;
+ -ms-flex: 0 0 33.333333%;
+ flex: 0 0 33.333333%;
+ max-width: 33.333333%;
}
.col-md-5 {
- width: 41.666667%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 41.666667%;
+ -ms-flex: 0 0 41.666667%;
+ flex: 0 0 41.666667%;
+ max-width: 41.666667%;
}
.col-md-6 {
- width: 50%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 50%;
+ -ms-flex: 0 0 50%;
+ flex: 0 0 50%;
+ max-width: 50%;
}
.col-md-7 {
- width: 58.333333%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 58.333333%;
+ -ms-flex: 0 0 58.333333%;
+ flex: 0 0 58.333333%;
+ max-width: 58.333333%;
}
.col-md-8 {
- width: 66.666667%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 66.666667%;
+ -ms-flex: 0 0 66.666667%;
+ flex: 0 0 66.666667%;
+ max-width: 66.666667%;
}
.col-md-9 {
- width: 75%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 75%;
+ -ms-flex: 0 0 75%;
+ flex: 0 0 75%;
+ max-width: 75%;
}
.col-md-10 {
- width: 83.333333%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 83.333333%;
+ -ms-flex: 0 0 83.333333%;
+ flex: 0 0 83.333333%;
+ max-width: 83.333333%;
}
.col-md-11 {
- width: 91.666667%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 91.666667%;
+ -ms-flex: 0 0 91.666667%;
+ flex: 0 0 91.666667%;
+ max-width: 91.666667%;
}
.col-md-12 {
- width: 100%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 100%;
+ -ms-flex: 0 0 100%;
+ flex: 0 0 100%;
+ max-width: 100%;
}
.pull-md-0 {
right: auto;
@@ -1409,40 +1557,88 @@ pre code {
width: auto;
}
.col-lg-1 {
- width: 8.333333%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 8.333333%;
+ -ms-flex: 0 0 8.333333%;
+ flex: 0 0 8.333333%;
+ max-width: 8.333333%;
}
.col-lg-2 {
- width: 16.666667%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 16.666667%;
+ -ms-flex: 0 0 16.666667%;
+ flex: 0 0 16.666667%;
+ max-width: 16.666667%;
}
.col-lg-3 {
- width: 25%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 25%;
+ -ms-flex: 0 0 25%;
+ flex: 0 0 25%;
+ max-width: 25%;
}
.col-lg-4 {
- width: 33.333333%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 33.333333%;
+ -ms-flex: 0 0 33.333333%;
+ flex: 0 0 33.333333%;
+ max-width: 33.333333%;
}
.col-lg-5 {
- width: 41.666667%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 41.666667%;
+ -ms-flex: 0 0 41.666667%;
+ flex: 0 0 41.666667%;
+ max-width: 41.666667%;
}
.col-lg-6 {
- width: 50%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 50%;
+ -ms-flex: 0 0 50%;
+ flex: 0 0 50%;
+ max-width: 50%;
}
.col-lg-7 {
- width: 58.333333%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 58.333333%;
+ -ms-flex: 0 0 58.333333%;
+ flex: 0 0 58.333333%;
+ max-width: 58.333333%;
}
.col-lg-8 {
- width: 66.666667%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 66.666667%;
+ -ms-flex: 0 0 66.666667%;
+ flex: 0 0 66.666667%;
+ max-width: 66.666667%;
}
.col-lg-9 {
- width: 75%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 75%;
+ -ms-flex: 0 0 75%;
+ flex: 0 0 75%;
+ max-width: 75%;
}
.col-lg-10 {
- width: 83.333333%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 83.333333%;
+ -ms-flex: 0 0 83.333333%;
+ flex: 0 0 83.333333%;
+ max-width: 83.333333%;
}
.col-lg-11 {
- width: 91.666667%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 91.666667%;
+ -ms-flex: 0 0 91.666667%;
+ flex: 0 0 91.666667%;
+ max-width: 91.666667%;
}
.col-lg-12 {
- width: 100%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 100%;
+ -ms-flex: 0 0 100%;
+ flex: 0 0 100%;
+ max-width: 100%;
}
.pull-lg-0 {
right: auto;
@@ -1579,40 +1775,88 @@ pre code {
width: auto;
}
.col-xl-1 {
- width: 8.333333%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 8.333333%;
+ -ms-flex: 0 0 8.333333%;
+ flex: 0 0 8.333333%;
+ max-width: 8.333333%;
}
.col-xl-2 {
- width: 16.666667%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 16.666667%;
+ -ms-flex: 0 0 16.666667%;
+ flex: 0 0 16.666667%;
+ max-width: 16.666667%;
}
.col-xl-3 {
- width: 25%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 25%;
+ -ms-flex: 0 0 25%;
+ flex: 0 0 25%;
+ max-width: 25%;
}
.col-xl-4 {
- width: 33.333333%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 33.333333%;
+ -ms-flex: 0 0 33.333333%;
+ flex: 0 0 33.333333%;
+ max-width: 33.333333%;
}
.col-xl-5 {
- width: 41.666667%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 41.666667%;
+ -ms-flex: 0 0 41.666667%;
+ flex: 0 0 41.666667%;
+ max-width: 41.666667%;
}
.col-xl-6 {
- width: 50%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 50%;
+ -ms-flex: 0 0 50%;
+ flex: 0 0 50%;
+ max-width: 50%;
}
.col-xl-7 {
- width: 58.333333%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 58.333333%;
+ -ms-flex: 0 0 58.333333%;
+ flex: 0 0 58.333333%;
+ max-width: 58.333333%;
}
.col-xl-8 {
- width: 66.666667%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 66.666667%;
+ -ms-flex: 0 0 66.666667%;
+ flex: 0 0 66.666667%;
+ max-width: 66.666667%;
}
.col-xl-9 {
- width: 75%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 75%;
+ -ms-flex: 0 0 75%;
+ flex: 0 0 75%;
+ max-width: 75%;
}
.col-xl-10 {
- width: 83.333333%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 83.333333%;
+ -ms-flex: 0 0 83.333333%;
+ flex: 0 0 83.333333%;
+ max-width: 83.333333%;
}
.col-xl-11 {
- width: 91.666667%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 91.666667%;
+ -ms-flex: 0 0 91.666667%;
+ flex: 0 0 91.666667%;
+ max-width: 91.666667%;
}
.col-xl-12 {
- width: 100%;
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 0 100%;
+ -ms-flex: 0 0 100%;
+ flex: 0 0 100%;
+ max-width: 100%;
}
.pull-xl-0 {
right: auto;
@@ -2887,22 +3131,12 @@ tbody.collapse.show {
background-color: transparent;
}
-.show > .dropdown-menu {
- display: block;
-}
-
.show > a {
outline: 0;
}
-.dropdown-menu-right {
- right: 0;
- left: auto;
-}
-
-.dropdown-menu-left {
- right: auto;
- left: 0;
+.dropdown-menu.show {
+ display: block;
}
.dropdown-header {
@@ -2914,12 +3148,6 @@ tbody.collapse.show {
white-space: nowrap;
}
-.dropup .dropdown-menu {
- top: auto;
- bottom: 100%;
- margin-bottom: 0.125rem;
-}
-
.btn-group,
.btn-group-vertical {
position: relative;
@@ -3643,6 +3871,14 @@ tbody.collapse.show {
padding-left: 0;
}
+.navbar-nav .dropdown-menu {
+ position: static !important;
+ float: none;
+ -webkit-transform: unset !important;
+ -o-transform: unset !important;
+ transform: unset !important;
+}
+
.navbar-text {
display: inline-block;
padding-top: 0.5rem;
@@ -3680,10 +3916,6 @@ tbody.collapse.show {
}
@media (max-width: 575px) {
- .navbar-expand-sm .navbar-nav .dropdown-menu {
- position: static;
- float: none;
- }
.navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid {
padding-right: 0;
@@ -3714,7 +3946,8 @@ tbody.collapse.show {
flex-direction: row;
}
.navbar-expand-sm .navbar-nav .dropdown-menu {
- position: absolute;
+ position: absolute !important;
+ top: 100% !important;
}
.navbar-expand-sm .navbar-nav .nav-link {
padding-right: .5rem;
@@ -3738,10 +3971,6 @@ tbody.collapse.show {
}
@media (max-width: 767px) {
- .navbar-expand-md .navbar-nav .dropdown-menu {
- position: static;
- float: none;
- }
.navbar-expand-md > .container,
.navbar-expand-md > .container-fluid {
padding-right: 0;
@@ -3772,7 +4001,8 @@ tbody.collapse.show {
flex-direction: row;
}
.navbar-expand-md .navbar-nav .dropdown-menu {
- position: absolute;
+ position: absolute !important;
+ top: 100% !important;
}
.navbar-expand-md .navbar-nav .nav-link {
padding-right: .5rem;
@@ -3796,10 +4026,6 @@ tbody.collapse.show {
}
@media (max-width: 991px) {
- .navbar-expand-lg .navbar-nav .dropdown-menu {
- position: static;
- float: none;
- }
.navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid {
padding-right: 0;
@@ -3830,7 +4056,8 @@ tbody.collapse.show {
flex-direction: row;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
- position: absolute;
+ position: absolute !important;
+ top: 100% !important;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: .5rem;
@@ -3854,10 +4081,6 @@ tbody.collapse.show {
}
@media (max-width: 1199px) {
- .navbar-expand-xl .navbar-nav .dropdown-menu {
- position: static;
- float: none;
- }
.navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid {
padding-right: 0;
@@ -3888,7 +4111,8 @@ tbody.collapse.show {
flex-direction: row;
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
- position: absolute;
+ position: absolute !important;
+ top: 100% !important;
}
.navbar-expand-xl .navbar-nav .nav-link {
padding-right: .5rem;
@@ -3926,11 +4150,6 @@ tbody.collapse.show {
justify-content: flex-start;
}
-.navbar-expand .navbar-nav .dropdown-menu {
- position: static;
- float: none;
-}
-
.navbar-expand > .container,
.navbar-expand > .container-fluid {
padding-right: 0;
@@ -3946,7 +4165,8 @@ tbody.collapse.show {
}
.navbar-expand .navbar-nav .dropdown-menu {
- position: absolute;
+ position: absolute !important;
+ top: 100% !important;
}
.navbar-expand .navbar-nav .nav-link {
@@ -5210,6 +5430,7 @@ button.close {
position: absolute;
z-index: 1070;
display: block;
+ margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-style: normal;
font-weight: normal;
@@ -5233,62 +5454,80 @@ button.close {
opacity: 0.9;
}
-.tooltip.tooltip-top, .tooltip.bs-tether-element-attached-bottom {
+.tooltip .arrow {
+ position: absolute;
+ display: block;
+ width: 5px;
+ height: 5px;
+}
+
+.tooltip.bs-tooltip-top, .tooltip.bs-tooltip-auto[x-placement^="top"] {
padding: 5px 0;
- margin-top: -3px;
}
-.tooltip.tooltip-top .tooltip-inner::before, .tooltip.bs-tether-element-attached-bottom .tooltip-inner::before {
+.tooltip.bs-tooltip-top .arrow, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow {
bottom: 0;
- left: 50%;
- margin-left: -5px;
+}
+
+.tooltip.bs-tooltip-top .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before {
+ margin-left: -3px;
content: "";
border-width: 5px 5px 0;
border-top-color: #000;
}
-.tooltip.tooltip-right, .tooltip.bs-tether-element-attached-left {
+.tooltip.bs-tooltip-right, .tooltip.bs-tooltip-auto[x-placement^="right"] {
padding: 0 5px;
- margin-left: 3px;
}
-.tooltip.tooltip-right .tooltip-inner::before, .tooltip.bs-tether-element-attached-left .tooltip-inner::before {
- top: 50%;
+.tooltip.bs-tooltip-right .arrow, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow {
left: 0;
- margin-top: -5px;
+}
+
+.tooltip.bs-tooltip-right .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before {
+ margin-top: -3px;
content: "";
border-width: 5px 5px 5px 0;
border-right-color: #000;
}
-.tooltip.tooltip-bottom, .tooltip.bs-tether-element-attached-top {
+.tooltip.bs-tooltip-bottom, .tooltip.bs-tooltip-auto[x-placement^="bottom"] {
padding: 5px 0;
- margin-top: 3px;
}
-.tooltip.tooltip-bottom .tooltip-inner::before, .tooltip.bs-tether-element-attached-top .tooltip-inner::before {
+.tooltip.bs-tooltip-bottom .arrow, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow {
top: 0;
- left: 50%;
- margin-left: -5px;
+}
+
+.tooltip.bs-tooltip-bottom .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
+ margin-left: -3px;
content: "";
border-width: 0 5px 5px;
border-bottom-color: #000;
}
-.tooltip.tooltip-left, .tooltip.bs-tether-element-attached-right {
+.tooltip.bs-tooltip-left, .tooltip.bs-tooltip-auto[x-placement^="left"] {
padding: 0 5px;
- margin-left: -3px;
}
-.tooltip.tooltip-left .tooltip-inner::before, .tooltip.bs-tether-element-attached-right .tooltip-inner::before {
- top: 50%;
+.tooltip.bs-tooltip-left .arrow, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow {
+ right: 0;
+}
+
+.tooltip.bs-tooltip-left .arrow::before, .tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before {
right: 0;
- margin-top: -5px;
+ margin-top: -3px;
content: "";
border-width: 5px 0 5px 5px;
border-left-color: #000;
}
+.tooltip .arrow::before {
+ position: absolute;
+ border-color: transparent;
+ border-style: solid;
+}
+
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
@@ -5298,14 +5537,6 @@ button.close {
border-radius: 0.25rem;
}
-.tooltip-inner::before {
- position: absolute;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
-}
-
.popover {
position: absolute;
top: 0;
@@ -5337,70 +5568,105 @@ button.close {
border-radius: 0.3rem;
}
-.popover.popover-top, .popover.bs-tether-element-attached-bottom {
- margin-top: -10px;
+.popover .arrow {
+ position: absolute;
+ display: block;
+ width: 10px;
+ height: 5px;
}
-.popover.popover-top::before, .popover.popover-top::after, .popover.bs-tether-element-attached-bottom::before, .popover.bs-tether-element-attached-bottom::after {
- left: 50%;
+.popover .arrow::before,
+.popover .arrow::after {
+ position: absolute;
+ display: block;
+ border-color: transparent;
+ border-style: solid;
+}
+
+.popover .arrow::before {
+ content: "";
+ border-width: 11px;
+}
+
+.popover .arrow::after {
+ content: "";
+ border-width: 11px;
+}
+
+.popover.bs-popover-top, .popover.bs-popover-auto[x-placement^="top"] {
+ margin-bottom: 10px;
+}
+
+.popover.bs-popover-top .arrow, .popover.bs-popover-auto[x-placement^="top"] .arrow {
+ bottom: 0;
+}
+
+.popover.bs-popover-top .arrow::before, .popover.bs-popover-auto[x-placement^="top"] .arrow::before,
+.popover.bs-popover-top .arrow::after, .popover.bs-popover-auto[x-placement^="top"] .arrow::after {
border-bottom-width: 0;
}
-.popover.popover-top::before, .popover.bs-tether-element-attached-bottom::before {
+.popover.bs-popover-top .arrow::before, .popover.bs-popover-auto[x-placement^="top"] .arrow::before {
bottom: -11px;
- margin-left: -11px;
+ margin-left: -6px;
border-top-color: rgba(0, 0, 0, 0.25);
}
-.popover.popover-top::after, .popover.bs-tether-element-attached-bottom::after {
+.popover.bs-popover-top .arrow::after, .popover.bs-popover-auto[x-placement^="top"] .arrow::after {
bottom: -10px;
- margin-left: -10px;
+ margin-left: -6px;
border-top-color: #fff;
}
-.popover.popover-right, .popover.bs-tether-element-attached-left {
+.popover.bs-popover-right, .popover.bs-popover-auto[x-placement^="right"] {
margin-left: 10px;
}
-.popover.popover-right::before, .popover.popover-right::after, .popover.bs-tether-element-attached-left::before, .popover.bs-tether-element-attached-left::after {
- top: 50%;
+.popover.bs-popover-right .arrow, .popover.bs-popover-auto[x-placement^="right"] .arrow {
+ left: 0;
+}
+
+.popover.bs-popover-right .arrow::before, .popover.bs-popover-auto[x-placement^="right"] .arrow::before,
+.popover.bs-popover-right .arrow::after, .popover.bs-popover-auto[x-placement^="right"] .arrow::after {
+ margin-top: -8px;
border-left-width: 0;
}
-.popover.popover-right::before, .popover.bs-tether-element-attached-left::before {
+.popover.bs-popover-right .arrow::before, .popover.bs-popover-auto[x-placement^="right"] .arrow::before {
left: -11px;
- margin-top: -11px;
border-right-color: rgba(0, 0, 0, 0.25);
}
-.popover.popover-right::after, .popover.bs-tether-element-attached-left::after {
+.popover.bs-popover-right .arrow::after, .popover.bs-popover-auto[x-placement^="right"] .arrow::after {
left: -10px;
- margin-top: -10px;
border-right-color: #fff;
}
-.popover.popover-bottom, .popover.bs-tether-element-attached-top {
+.popover.bs-popover-bottom, .popover.bs-popover-auto[x-placement^="bottom"] {
margin-top: 10px;
}
-.popover.popover-bottom::before, .popover.popover-bottom::after, .popover.bs-tether-element-attached-top::before, .popover.bs-tether-element-attached-top::after {
- left: 50%;
+.popover.bs-popover-bottom .arrow, .popover.bs-popover-auto[x-placement^="bottom"] .arrow {
+ top: 0;
+}
+
+.popover.bs-popover-bottom .arrow::before, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::before,
+.popover.bs-popover-bottom .arrow::after, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::after {
+ margin-left: -7px;
border-top-width: 0;
}
-.popover.popover-bottom::before, .popover.bs-tether-element-attached-top::before {
+.popover.bs-popover-bottom .arrow::before, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::before {
top: -11px;
- margin-left: -11px;
border-bottom-color: rgba(0, 0, 0, 0.25);
}
-.popover.popover-bottom::after, .popover.bs-tether-element-attached-top::after {
+.popover.bs-popover-bottom .arrow::after, .popover.bs-popover-auto[x-placement^="bottom"] .arrow::after {
top: -10px;
- margin-left: -10px;
border-bottom-color: #fff;
}
-.popover.popover-bottom .popover-title::before, .popover.bs-tether-element-attached-top .popover-title::before {
+.popover.bs-popover-bottom .popover-title::before, .popover.bs-popover-auto[x-placement^="bottom"] .popover-title::before {
position: absolute;
top: 0;
left: 50%;
@@ -5411,24 +5677,27 @@ button.close {
border-bottom: 1px solid #f7f7f7;
}
-.popover.popover-left, .popover.bs-tether-element-attached-right {
- margin-left: -10px;
+.popover.bs-popover-left, .popover.bs-popover-auto[x-placement^="left"] {
+ margin-right: 10px;
+}
+
+.popover.bs-popover-left .arrow, .popover.bs-popover-auto[x-placement^="left"] .arrow {
+ right: 0;
}
-.popover.popover-left::before, .popover.popover-left::after, .popover.bs-tether-element-attached-right::before, .popover.bs-tether-element-attached-right::after {
- top: 50%;
+.popover.bs-popover-left .arrow::before, .popover.bs-popover-auto[x-placement^="left"] .arrow::before,
+.popover.bs-popover-left .arrow::after, .popover.bs-popover-auto[x-placement^="left"] .arrow::after {
+ margin-top: -8px;
border-right-width: 0;
}
-.popover.popover-left::before, .popover.bs-tether-element-attached-right::before {
+.popover.bs-popover-left .arrow::before, .popover.bs-popover-auto[x-placement^="left"] .arrow::before {
right: -11px;
- margin-top: -11px;
border-left-color: rgba(0, 0, 0, 0.25);
}
-.popover.popover-left::after, .popover.bs-tether-element-attached-right::after {
+.popover.bs-popover-left .arrow::after, .popover.bs-popover-auto[x-placement^="left"] .arrow::after {
right: -10px;
- margin-top: -10px;
border-left-color: #fff;
}
@@ -5452,26 +5721,6 @@ button.close {
color: #292b2c;
}
-.popover::before,
-.popover::after {
- position: absolute;
- display: block;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
-}
-
-.popover::before {
- content: "";
- border-width: 11px;
-}
-
-.popover::after {
- content: "";
- border-width: 10px;
-}
-
.carousel {
position: relative;
}
generated by cgit v1.2.3 (git 2.25.1) at 2026-06-07 10:57:54 +0000