This repository has been archived on 2022-05-10. You can view files and clone it, but cannot push or open issues or pull requests.
tghandbook/style/bgus.scss
2020-06-16 18:00:29 +02:00

107 lines
2.2 KiB
SCSS

.bgus_hidden {
display: none !important;
}
.bgus_nobreak {
white-space: nowrap;
}
#bgus_fz_searchbox {
position: fixed;
top: 20px;
left: 30%;
right: 30%;
background: rgba(10, 10, 10, 0.8);
display: flex;
flex-direction: column;
z-index: 9999;
color: #fff;
input {
font-size: 14pt;
padding: 5pt 8pt;
border: 1px solid #555;
margin: 5px;
margin-bottom: 0;
background-color: #111;
color: #fff;
}
ul {
list-style: none;
margin: 5px;
padding: 0;
li {
padding: 5px;
cursor: pointer;
&:hover {
background-color: rgba(100, 100, 100, 0.5);
}
&.selected {
border-left: 3px solid white;
}
}
}
}
.bgus_twistie:after {
color: red;
display: inline-block;
font-weight: bold;
margin-left: 0.2em;
content: "";
}
.bgus_collapsed > .bgus_nested_element > .bgus_twistie:after {
content: "";
}
:not(.bgus_collapsed) > .bgus_nested_element + .tooltiptext {
z-index: unset;
visibility: inherit;
opacity: 1;
position: relative;
width: auto;
border-left-width: 3px;
background: transparent;
margin: 5px;
margin-right: 0px;
font-size: 8pt;
padding: 5px 8px;
line-height: 10pt;
}
.bgus_collapsable:not(.bgus_collapsed) + br {
display: none;
}
table.wikitable > tbody > tr > td:nth-child(2) {
min-width: 30%;
padding: 10px;
}
.bgchem .bgus_fz_selected {
background-color: #525242;
}
input[type="checkbox"] + span[data-src] {
font-weight: bold;
cursor: text;
&:before {
display: inline-block;
width: 1.5em; /* Prevent autoscroll with sudden line wraps when revealing checkboxes */
text-align: center;
content: "";
}
}
.bgus_cbox {
input[type="checkbox"] + span[data-src]:before {
content: "[_]";
margin-right: 0.5em;
}
input[type="checkbox"]:checked + span[data-src]:before {
content: "[X]";
margin-right: 0.5em;
}
input[type="checkbox"]:checked + span[data-src] {
text-decoration: line-through;
}
input[type="checkbox"] + span[data-src] {
cursor: pointer;
}
input[type="checkbox"] + span[data-src] {
color: orange;
}
input[type="checkbox"]:checked + span[data-src] {
color: green;
}
}