2 * Bootstrap Docs (https://getbootstrap.com)
3 * Copyright 2011-2017 The Bootstrap Authors
4 * Copyright 2011-2017 Twitter, Inc.
5 * Licensed under the Creative Commons Attribution 3.0 Unported License. For
6 * details, see https://creativecommons.org/licenses/by/3.0/.
17 background-color: #563d7c;
19 .bd-booticon.inverse {
21 background-color: #fff; }
22 .bd-booticon.outline {
23 background-color: transparent
;
24 border: 1px solid
#cdbfe3; }
26 .bd-navbar .navbar-nav .nav-link {
28 .bd-navbar .navbar-nav .nav-link.active, .bd-navbar .navbar-nav .nav-link:hover, .bd-navbar .navbar-nav .nav-link:focus {
30 background-color: transparent
; }
31 .bd-navbar .navbar-nav .nav-link.active {
35 .bd-navbar .dropdown-menu {
40 padding: 3rem 15px 2rem;
43 background-image: linear-gradient
(135deg, #271b38, #563d7c, #7952b3); }
44 .bd-masthead .bd-booticon {
47 border-color: #cdbfe3; }
57 .bd-masthead .version {
59 margin-bottom: 2rem; }
66 border-color: #ffe484; }
67 .bd-masthead .btn:hover {
69 background-color: #ffe484;
70 border-color: #ffe484; }
71 .bd-masthead .carbonad {
72 margin-bottom: -2rem !important
; }
73 @media
(min-width: 576px) {
76 padding-bottom: 2rem; }
79 .bd-masthead .carbonad {
80 margin-bottom: 0 !important
; } }
81 @media
(min-width: 768px) {
83 padding-bottom: 4rem; }
84 .bd-masthead .bd-header {
85 margin-bottom: 4rem; }
90 .bd-masthead .carbonad {
91 margin-top: 3rem !important
; } }
92 @media
(min-width: 992px) {
104 background-color: #fff;
105 border-top: 1px solid
#eee; }
106 .bd-featurette .highlight {
108 .bd-featurette .lead {
113 text-align: center
; }
114 @media
(min-width: 576px) {
116 text-align: left
; } }
117 @media
(min-width: 768px) {
118 .bd-featurette .col-sm-6:first-child {
119 padding-right: 45px; }
120 .bd-featurette .col-sm-6:last-child {
121 padding-left: 45px; } }
123 .bd-featurette-title {
124 margin-bottom: .5rem;
128 text-align: center
; }
132 margin: 2.5rem auto
; }
133 @media
(min-width: 576px) {
140 margin-bottom: .5rem;
146 margin-bottom: 1.25rem;
149 .bd-featurette-img:hover {
151 text-decoration: none
; }
153 .bd-featurette-img img {
155 margin-bottom: 1rem; }
157 @media (min-width: 480px) {
158 .bd-featurette .img-fluid {
159 margin-top: 2rem; } }
161 @media (min-width: 768px) {
164 padding-bottom: 6rem; }
165 .bd-featurette-title {
167 .bd-featurette-title + .lead {
169 .bd-featurette .lead {
171 .bd-featurette .img-fluid {
178 .bd-featured-sites .col-6 {
181 .bd-featured-sites .img-fluid {
184 @media (min-width: 768px) {
185 .bd-featured-sites .col-sm-3:first-child img {
186 border-top-left-radius: .25rem;
187 border-bottom-left-radius: .25rem; }
188 .bd-featured-sites .col-sm-3:last-child img {
189 border-top-right-radius: .25rem;
190 border-bottom-right-radius: .25rem; } }
194 padding: 15px 15px 15px 160px;
195 margin: 50px -15px 0;
200 border: solid
#866ab3;
201 border-width: 1px 0 0; }
204 text-decoration: none
; }
205 @media
(min-width: 576px) {
210 border-radius: 4px; } }
211 @media
(min-width: 992px) {
217 .bd-masthead #carbonads {
218 position: static
; } }
222 margin-left: -145px; }
226 color: #cdbfe3 !important
; }
228 .bd-content > table {
234 .bd-content
> table
> thead
> tr
> th
,
235 .bd-content
> table
> thead
> tr
> td
,
236 .bd-content
> table
> tbody
> tr
> th
,
237 .bd-content
> table
> tbody
> tr
> td
,
238 .bd-content
> table
> tfoot
> tr
> th
,
239 .bd-content > table > tfoot > tr > td {
242 border: 1px solid
#eceeef; }
243 .bd-content
> table
> thead
> tr
> th
> p:last-child
,
244 .bd-content
> table
> thead
> tr
> td
> p:last-child
,
245 .bd-content
> table
> tbody
> tr
> th
> p:last-child
,
246 .bd-content
> table
> tbody
> tr
> td
> p:last-child
,
247 .bd-content
> table
> tfoot
> tr
> th
> p:last-child
,
248 .bd-content > table > tfoot > tr > td > p:last-child {
250 .bd-content > table td:first-child > code {
251 white-space: nowrap
; }
253 .bd-content > h2:not(:first-child) {
257 margin-top: 1.5rem; }
260 .bd-content > ol li {
261 margin-bottom: .25rem; }
263 @media (min-width: 576px) {
268 font-weight: 300; } }
270 #markdown-toc > li:first-child
{
276 margin-bottom: .25rem; }
280 margin-bottom: 1.5rem;
283 background-color: #563d7c; }
284 .bd-pageheader .container {
285 position: relative
; }
294 @media
(min-width: 576px) {
297 padding-bottom: 4rem;
300 .bd-pageheader .carbonad {
301 margin: 2rem 0 0 !important
; } }
302 @media
(min-width: 768px) {
306 font-size: 1.5rem; } }
307 @media
(min-width: 992px) {
310 margin-right: 380px; }
311 .bd-pageheader .carbonad {
315 margin: 0 !important
; } }
321 background-color: #563d7c;
323 #skippy .skiplink-text
{
325 outline: 1px dotted
; }
327 @media (min-width: 768px) {
329 padding-left: 1rem; } }
333 margin-bottom: 1.5rem; }
334 .bd-search .form-control {
337 padding-bottom: .4rem;
338 background-color: #fafafa; }
339 .bd-search .form-control:focus {
340 background-color: #fff; }
348 .bd-search-results:empty {
350 .bd-search-results .dropdown-item {
351 padding-right: .75rem;
352 padding-left: .75rem; }
353 .bd-search-results .dropdown-item:first-child {
354 margin-top: .25rem; }
355 .bd-search-results .dropdown-item:last-child {
356 margin-bottom: .25rem; }
357 .bd-search-results .no-results {
358 padding: .75rem 1rem;
361 white-space: normal
; }
368 padding: .25rem .75rem;
374 text-decoration: none
; }
376 .active > .bd-toc-link {
380 .active > .bd-sidenav {
383 .bd-toc-item.active {
385 margin-bottom: 1rem; }
387 .bd-toc-item:first-child {
390 .bd-toc-item:last-child {
391 margin-bottom: 2rem; }
393 .bd-sidebar .nav > li > a {
395 padding: .25rem .75rem;
399 .bd-sidebar
.nav
> li
> a:hover
,
400 .bd-sidebar .nav > li > a:focus {
402 text-decoration: none
;
403 background-color: transparent
; }
405 .bd-sidebar
.nav
> .active
> a
,
406 .bd-sidebar
.nav
> .active:hover
> a
,
407 .bd-sidebar .nav > .active:focus > a {
410 background-color: transparent
; }
417 background-color: #f7f7f7; }
425 @media
(min-width: 576px) {
427 text-align: left
; } }
431 margin-bottom: 1rem; }
432 .bd-footer-links li {
433 display: inline-block
; }
434 .bd-footer-links li + li {
437 .bd-example-row .row + .row {
440 .bd-example-row
.row
> .col
,
441 .bd-example-row .row > [class^="col-"] {
443 padding-bottom: .75rem;
444 background-color: rgba
(86, 61, 124, 0.15);
445 border: 1px solid rgba
(86, 61, 124, 0.2); }
447 .bd-example-row
.flex-items-top
,
448 .bd-example-row
.flex-items-middle
,
449 .bd-example-row .flex-items-bottom {
451 background-color: rgba
(255, 0, 0, 0.1); }
453 .bd-example-row-flex-cols .row {
455 background-color: rgba
(255, 0, 0, 0.1); }
458 background-color: rgba
(86, 61, 124, 0.15);
459 border: 1px solid rgba
(86, 61, 124, 0.15); }
461 .bd-example-container {
467 .bd-example-container-header {
469 margin-bottom: .5rem;
470 background-color: #daeeff;
471 border-radius: .25rem; }
473 .bd-example-container-sidebar {
477 background-color: #fae3c4;
478 border-radius: .25rem; }
480 .bd-example-container-body {
482 margin-right: 4.5rem;
483 background-color: #957bbe;
484 border-radius: .25rem; }
486 .bd-example-container-fluid {
493 border: solid
#f7f7f9;
494 border-width: .2rem 0 0; }
499 @media
(min-width: 576px) {
505 border-width: .2rem; } }
506 .bd-example
+ .highlight
,
507 .bd-example + .clipboard + .highlight {
511 .bd-example .pos-f-t {
514 @media
(min-width: 576px) {
515 .bd-example .pos-f-t {
517 .bd-example > .form-control + .form-control {
519 .bd-example
> .nav
+ .nav
,
520 .bd-example
> .alert
+ .alert
,
521 .bd-example
> .navbar
+ .navbar
,
522 .bd-example
> .progress
+ .progress
,
523 .bd-example > .progress + .btn {
525 .bd-example > .dropdown-menu:first-child {
528 .bd-example > .form-group:last-child {
531 .bd-example > .close {
534 .bd-example-type .table .type-info {
536 vertical-align: middle
; }
538 .bd-example-type .table td {
540 border-color: #eee; }
542 .bd-example-type .table tr:first-child td {
550 .bd-example-type h6 {
553 .bd-example-bg-classes p {
556 .bd-example > img + img {
557 margin-left: .5rem; }
559 .bd-example > .btn-group {
561 margin-bottom: .25rem; }
563 .bd-example > .btn-toolbar + .btn-toolbar {
566 .bd-example-control-sizing select
,
567 .bd-example-control-sizing input[type="text"] + input[type="text"] {
570 .bd-example-form .input-group {
571 margin-bottom: .5rem; }
573 .bd-example > textarea.form-control {
576 .bd-example > .list-group {
579 .bd-example
.fixed-top
,
580 .bd-example .sticky-top {
582 margin: -1rem -1rem 1rem; }
584 .bd-example .fixed-bottom {
586 margin: 1rem -1rem -1rem; }
588 @media (min-width: 576px) {
589 .bd-example
.fixed-top
,
590 .bd-example .sticky-top {
591 margin: -1.5rem -1.5rem 1rem; }
592 .bd-example .fixed-bottom {
593 margin: 1rem -1.5rem -1.5rem; } }
595 .bd-example .pagination {
597 margin-bottom: .5rem; }
600 background-color: #fafafa; }
601 .bd-example-modal .modal {
609 .bd-example-modal .modal-dialog {
614 .bd-example-tabs .nav-tabs {
615 margin-bottom: 1rem; }
617 .bd-example-tooltips {
618 text-align: center
; }
620 .bd-example-tooltips > .btn {
622 margin-bottom: .25rem; }
624 .bd-example-popover-static {
625 padding-bottom: 1.5rem;
626 background-color: #f9f9f9; }
628 .bd-example-popover-static .popover {
636 white-space: nowrap
; }
638 .bd-example-tooltip-static .tooltip {
640 display: inline-block
;
650 .bd-example
> .bg-primary:not
(.navbar
),
651 .bd-example
> .bg-success:not
(.navbar
),
652 .bd-example
> .bg-info:not
(.navbar
),
653 .bd-example
> .bg-warning:not
(.navbar
),
654 .bd-example
> .bg-danger:not
(.navbar
),
655 .bd-example
> .bg-inverse:not
(.navbar
),
656 .bd-example > .bg-faded:not(.navbar) {
659 margin-bottom: .5rem; }
661 .bd-example-border-utils [class^="border-"] {
662 display: inline-block
;
666 background-color: #f5f5f5;
672 background-color: #f7f7f9;
673 -ms-overflow-style: -ms-autohiding-scrollbar
; }
674 @media
(min-width: 576px) {
684 background-color: transparent
;
687 .highlight pre code {
691 .table-responsive .highlight pre {
692 white-space: normal
; }
695 .responsive-utilities th small {
700 .responsive-utilities tbody th {
701 font-weight: normal
; }
703 .responsive-utilities td {
704 text-align: center
; }
706 .responsive-utilities .is-visible {
708 background-color: #dff0d8 !important
; }
710 .responsive-utilities .is-hidden {
712 background-color: #f9f9f9 !important
; }
714 .responsive-utilities-test {
715 margin-top: .25rem; }
717 .responsive-utilities-test .col-6 {
719 margin-bottom: .5rem; }
721 .responsive-utilities-test span {
728 border-radius: .25rem; }
730 .visible-on
.col-6
> .not-visible
,
731 .hidden-on .col-6 > .not-visible {
733 border: 1px solid
#ddd; }
735 .visible-on
.col-6
.visible
,
736 .hidden-on .col-6 .visible {
738 background-color: #dff0d8;
739 border: 1px solid
#d6e9c6; }
741 @media (max-width: 575px) {
743 display: none
!important
; } }
745 @media (min-width: 576px) and
(max-width: 767px) {
747 display: none
!important
; } }
749 @media (min-width: 768px) and
(max-width: 991px) {
751 display: none
!important
; } }
753 @media (min-width: 992px) and
(max-width: 1199px) {
755 display: none
!important
; } }
757 @media (min-width: 1200px) {
759 display: none
!important
; } }
764 border-color: #7952b3; }
765 .btn-bs:hover, .btn-bs:focus, .btn-bs:active {
767 background-color: #7952b3;
768 border-color: #7952b3; }
773 margin-bottom: 1.25rem;
774 border: 1px solid
#eee;
775 border-left-width: .25rem;
776 border-radius: .25rem; }
780 margin-bottom: .25rem; }
782 .bd-callout p:last-child {
786 border-radius: .25rem; }
788 .bd-callout + .bd-callout {
789 margin-top: -.25rem; }
792 border-left-color: #5bc0de; }
793 .bd-callout-info h4 {
796 .bd-callout-warning {
797 border-left-color: #f0ad4e; }
798 .bd-callout-warning h4 {
802 border-left-color: #d9534f; }
803 .bd-callout-danger h4 {
806 .bd-examples .img-thumbnail {
807 margin-bottom: .75rem; }
810 margin-bottom: .25rem; }
813 margin-bottom: 1.25rem; }
815 @media (max-width: 480px) {
817 margin-right: -.75rem;
818 margin-left: -.75rem; }
819 .bd-examples > [class^="col-"] {
820 padding-right: .75rem;
821 padding-left: .75rem; } }
824 margin-bottom: 1.5rem; }
825 .bd-team .team-member {
828 .bd-team .team-member:hover {
830 text-decoration: none
; }
831 .bd-team .github-btn {
841 border-radius: .25rem; }
843 .bd-browser-bugs td p {
846 .bd-browser-bugs th:first-child {
855 background-color: #f9f9f9;
856 border-radius: .25rem; }
860 text-align: center
; }
862 .bd-brand-item + .bd-brand-item {
863 border-top: 1px solid
#fff; }
865 .bd-brand-logos .inverse {
867 background-color: #563d7c; }
874 .bd-brand-item .bd-booticon {
878 @media (min-width: 768px) {
882 .bd-brand-item + .bd-brand-item {
884 border-left: 1px solid
#fff; }
896 margin-right: .25rem;
898 border-radius: .25rem; }
899 @media
(min-width: 768px) {
904 .color-swatches .bd-purple {
905 background-color: #563d7c; }
907 .color-swatches .bd-purple-light {
908 background-color: #cdbfe3; }
910 .color-swatches .bd-purple-lighter {
911 background-color: #e5e1ea; }
913 .color-swatches .bd-gray {
914 background-color: #f9f9f9; }
920 .bd-clipboard + .highlight {
929 padding: .25rem .5rem;
933 background-color: transparent
;
934 border-radius: .25rem; }
935 .btn-clipboard:hover {
937 background-color: #027de7; }
939 @media (min-width: 768px) {
944 background-color: #ffc; }
968 background-color: #fcc;
969 border: 1px solid
#c00; }
972 font-style: italic
; }
981 background-color: #cfc;
982 border: 1px solid
#0c0; }
1128 .language-bash::before {
1131 user-select: none
; }
1133 .language-powershell::before {
1136 user-select: none
; }
1141 @media (max-width: 480px) {
1145 *:hover
> .anchorjs-link
{
1147 transition: color
.16s linear
; }
1149 *:hover
> .anchorjs-link:hover
,
1150 .anchorjs-link:focus {
1151 text-decoration: none
;