clrghouz/public/css/fixes.css

/* 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;
}