clrghouz/public/css/fixes.css

147 lines
3.6 KiB
CSS
Vendored

/* Fixes for select 2 and our theme */
/*
.select2 .select2-container .select2-container--classic { width: 80% !important;}
*/
.select2-container .select2-selection--single { border-radius: 0 4px 4px 0; height: inherit;}
.select2-container .select2-selection--single .select2-selection__rendered { line-height: 36px; }
.select2-container--classic .select2-selection--single .select2-selection__arrow { line-height: 36px; }
.select2-results { color: #000; }
/*
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
*/
.select2-container--default .select2-results__option--selected { background-color: #024cc4; color: #eeeeee;}
/* 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;
}