171 lines
3.8 KiB
CSS
Vendored
171 lines
3.8 KiB
CSS
Vendored
/* Fixes for select 2 and our theme */
|
|
/* The opened input box */
|
|
.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
|
|
line-height: 1.0;
|
|
border: 1px solid #aaa;
|
|
}
|
|
|
|
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option {
|
|
line-height: 1.2;
|
|
padding: 0.3rem 0.2rem 0.3rem 0.4rem;
|
|
font-size: 85%;
|
|
}
|
|
|
|
select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear, .select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear
|
|
{
|
|
width: 0.5rem;
|
|
height: 0.5rem;
|
|
}
|
|
|
|
.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered .select2-selection__placeholder
|
|
{
|
|
line-height: 1.0;
|
|
font-size: 90%;
|
|
}
|
|
|
|
/* SimpleMDE Toolbar fixes */
|
|
.editor-toolbar {
|
|
background-color: #fff;
|
|
color: #000;
|
|
opacity: 1;
|
|
}
|
|
|
|
div.CodeMirror-wrap.form-control.is-invalid {
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
}
|
|
|
|
/* Bootstrap 5 fixes */
|
|
/* select import, round the right side */
|
|
.input-group .form-select {
|
|
border-top-right-radius: 4px !important;
|
|
border-bottom-right-radius: 4px !important;
|
|
}
|
|
|
|
/* Using OL instead of UL */
|
|
ol {
|
|
text-align: left;
|
|
}
|
|
|
|
#content ol {
|
|
margin: 0 1ch;
|
|
padding-left: 1ch;
|
|
list-style-type: none;
|
|
}
|
|
|
|
#content ol:not(.pagination) li {
|
|
margin: 0 1ch;
|
|
text-indent: -3ch;
|
|
padding-left: 3ch;
|
|
display: block;
|
|
counter-increment: count-me;
|
|
}
|
|
|
|
#content ol:not(.pagination) li::before {
|
|
content: counter(count-me) ") ";
|
|
color: #0a0;
|
|
}
|
|
|
|
#content ol li:last-child {
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
/* Fix h5 which is 25% larger than h4 */
|
|
#content h4:not(.alert-heading) {
|
|
color: #c60;
|
|
}
|
|
#content h5:not(.alert-heading) {
|
|
font-size: 0.9rem;
|
|
}
|
|
|
|
/* Fix markdown parser that renders <li><p> */
|
|
#content ul:not(.pagination) li p {
|
|
margin-left: -1ch;
|
|
}
|
|
|
|
.btn.btn-success a {
|
|
color: white;
|
|
}
|
|
|
|
/* Stop dropdown menu animation - also fixes collapsing transition layout */
|
|
.collapsing {
|
|
-webkit-transition: none;
|
|
transition: none;
|
|
display: none;
|
|
}
|
|
|
|
/* dropdown menu fixes */
|
|
#nav-menu div.collapse.navbar-collapse.show ul {
|
|
padding: 5px 20px 5px 5px;
|
|
}
|
|
#nav-menu div.collapse.navbar-collapse.show li {
|
|
display: list-item;
|
|
}
|
|
#nav-menu div.collapse.navbar-collapse.show li a {
|
|
padding: 5px 5px 5px 5px;
|
|
margin: 0;
|
|
font-size: 85%;
|
|
}
|
|
|
|
/* fix chevrons to our accordion displays */
|
|
.accordion-button:not(.collapsed)::after {
|
|
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23dc3545'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
|
|
}
|
|
.accordion-button:not(.collapsed) {
|
|
color: inherit;
|
|
background-color: inherit;
|
|
}
|
|
.accordion-button::after {
|
|
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23dc3545'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
|
|
}
|
|
.accordion-button {
|
|
padding: 0;
|
|
color: inherit;
|
|
background-color: inherit;
|
|
}
|
|
|
|
/* h1 headings reference */
|
|
h1>small.float-end {
|
|
padding-top: 2rem;
|
|
}
|
|
h1>small:before {
|
|
color: #acacac;
|
|
content: '[';
|
|
}
|
|
h1>small:after {
|
|
color: #acacac;
|
|
content: ']';
|
|
}
|
|
/* Enable smaller text in h1, but not tiny as used at the float-end */
|
|
h1 > small:not(.float-end) {
|
|
font-size: 50% !important;
|
|
}
|
|
|
|
h1 sup {
|
|
text-shadow: none;
|
|
font-size: 50%;
|
|
top: -1em;
|
|
}
|
|
h1>small.success {
|
|
color: #005300 !important;
|
|
}
|
|
h1>small.success:before {
|
|
color: #00aa00;
|
|
content: '[';
|
|
}
|
|
h1>small.success:after {
|
|
color: #00aa00;
|
|
content: ']';
|
|
}
|
|
|
|
/* Ensure our greyframe titled boxes are full width */
|
|
.titledbox {
|
|
margin-right: 0;
|
|
margin-left: 0;
|
|
}
|
|
|
|
/* Usage of label for radio icons, but using span instead */
|
|
span.label.form-label {
|
|
font-size: 75%;
|
|
margin-bottom: 1px;
|
|
} |