tghandbook/style/bgus.scss

181 lines
3.5 KiB
SCSS
Raw Normal View History

2020-06-17 08:33:49 +00:00
@import "vars.scss";
2020-06-16 16:00:29 +00:00
.bgus_hidden {
display: none !important;
}
.bgus_nobreak {
white-space: nowrap;
}
#bgus_fz_searchbox {
position: fixed;
2020-06-19 18:26:43 +00:00
top: 80px;
left: 20%;
right: 20%;
2020-06-16 16:00:29 +00:00
background: rgba(10, 10, 10, 0.8);
display: flex;
flex-direction: column;
z-index: 999;
2020-06-16 16:00:29 +00:00
color: #fff;
border-radius: 2px;
2020-06-16 19:13:18 +00:00
}
@media (min-width: 600px) {
#bgus_fz_searchbox {
left: 30%;
right: 30%;
}
}
2020-06-16 19:13:18 +00:00
#bgus_fz_searchbox input {
font-size: 10pt;
2020-06-16 19:13:18 +00:00
padding: 5pt 8pt;
border: 1px solid #555;
margin: 5px;
margin-bottom: 0;
background-color: #111;
color: #fff;
outline: none;
&:focus {
border-color: #aaa;
}
2020-06-16 19:13:18 +00:00
}
#bgus_fz_searchbox ul {
list-style: none;
margin: 5px;
2020-06-17 00:43:10 +00:00
padding: 0;
2020-06-16 19:13:18 +00:00
}
#bgus_fz_searchbox li {
2020-06-17 00:43:10 +00:00
margin: 0;
2020-06-16 19:13:18 +00:00
padding: 5px;
cursor: pointer;
}
#bgus_fz_searchbox li:hover {
background-color: rgba(100, 100, 100, 0.5);
}
#bgus_fz_searchbox li.selected {
border-left: 3px solid white;
2020-06-16 16:00:29 +00:00
}
.bgus_twistie:after {
color: red;
display: inline-block;
font-weight: bold;
margin-left: 0.2em;
content: "";
}
2020-06-16 19:13:18 +00:00
.bgus_collapsed > .bgus_twistie:after {
2020-06-16 16:00:29 +00:00
content: "";
}
2020-06-16 19:13:18 +00:00
div.tooltiptext {
display: none;
border: 1px solid #384e68;
2020-06-17 16:11:55 +00:00
background: linear-gradient(to bottom, darken(#384e68, 20%), darken(#384e68, 25%));
2020-06-16 19:13:18 +00:00
}
span.bgus_nested_element:not(.bgus_collapsed) + div.tooltiptext {
2020-06-16 16:00:29 +00:00
z-index: unset;
visibility: inherit;
2020-06-16 19:13:18 +00:00
display: block;
2020-06-16 16:00:29 +00:00
opacity: 1;
position: relative;
width: auto;
border-left-width: 3px;
2020-06-16 19:13:18 +00:00
margin-left: 5px;
margin-top: 5px;
2020-06-16 16:00:29 +00:00
font-size: 8pt;
padding: 5px 8px;
line-height: 10pt;
2020-06-17 08:33:49 +00:00
div.tooltiptext {
margin-left: -5px;
}
2020-06-16 16:00:29 +00:00
}
2020-06-17 00:43:10 +00:00
.bchem table.wikitable > tbody > tr > td:nth-child(2) {
width: 45%;
2020-06-16 16:00:29 +00:00
padding: 10px;
}
2020-06-17 08:33:49 +00:00
.bchem table.wikitable {
border: 0 !important;
.table-head {
text-align: center;
}
th {
background-color: darken($nanotrasen, 5%) !important;
}
}
div.bchem .bgus_fz_selected {
background: $nanotrasen !important;
th,
td {
border-top: 2px solid lighten($nanotrasen, 20%);
border-bottom: 2px solid lighten($nanotrasen, 15%);
}
th {
background: lighten($nanotrasen, 5%) !important;
}
div.tooltiptext {
border-color: lighten($nanotrasen, 20%);
background: darken($nanotrasen, 10%);
}
2020-06-16 19:13:18 +00:00
}
body.bgus_cbox input[type="checkbox"] + span[data-src]:before {
display: inline-block;
width: 1.5em;
content: "[_]";
2020-06-16 16:00:29 +00:00
}
2020-06-16 19:13:18 +00:00
body.bgus_cbox input[type="checkbox"]:checked + span[data-src]:before {
content: "[X]";
}
body.bgus_cbox input[type="checkbox"]:checked + span[data-src] {
text-decoration: line-through;
}
body.bgus_cbox input[type="checkbox"] + span[data-src] {
cursor: pointer;
}
body.bgus_cbox input[type="checkbox"] + span[data-src]:before,
body.bgus_cbox input[type="checkbox"] + span[data-src] {
color: orange;
2020-06-16 16:00:29 +00:00
font-weight: bold;
2020-06-16 19:13:18 +00:00
}
body.bgus_cbox input[type="checkbox"]:checked + span[data-src]:before,
body.bgus_cbox input[type="checkbox"]:checked + span[data-src] {
color: green;
2020-06-16 16:00:29 +00:00
}
2020-06-17 00:43:10 +00:00
.reagent-ext {
.reagent-header {
font-size: 12pt;
text-align: left;
padding: 10pt;
padding-bottom: 0;
span:last-child {
margin-left: 0.5em;
}
2020-06-17 00:43:10 +00:00
}
p {
font-size: 8pt;
font-weight: 300;
line-height: 1.4em;
word-spacing: -0.1em;
}
.treatment {
font-size: 10pt;
}
.metabolism:before {
font-size: 9pt;
content: "Metabolism rate: ";
font-weight: bold;
}
.overdose,
.addiction {
font-size: 9pt;
font-weight: bold;
}
.overdose:before {
color: #ffae68;
content: "Overdose at ";
}
.addiction:before {
color: #ffdf97;
content: "Addiction at ";
}
}