parent
8583fc3b70
commit
5074d6180f
3 changed files with 193 additions and 126 deletions
@ -1,136 +1,162 @@ |
||||
div[data-tab="Guide_to_chemistry"] { |
||||
.bgus_twistie:after { |
||||
color: red; |
||||
display: inline-block; |
||||
font-weight: bold; |
||||
margin-left: 0.2em; |
||||
content: "⯆"; |
||||
} |
||||
.bgus_twistie:after { |
||||
color: red; |
||||
display: inline-block; |
||||
font-weight: bold; |
||||
margin-left: 0.2em; |
||||
content: "⯆"; |
||||
} |
||||
|
||||
.bgus_collapsed > .bgus_twistie:after { |
||||
content: "⯈"; |
||||
} |
||||
.bgus_collapsed > .bgus_twistie:after { |
||||
content: "⯈"; |
||||
} |
||||
|
||||
div.tooltiptext { |
||||
display: none; |
||||
border: 1px solid #384e68; |
||||
background: linear-gradient( |
||||
to bottom, |
||||
darken(#384e68, 20%), |
||||
darken(#384e68, 25%) |
||||
); |
||||
} |
||||
|
||||
span.bgus_nested_element:not(.bgus_collapsed) + div.tooltiptext { |
||||
z-index: unset; |
||||
visibility: inherit; |
||||
display: block; |
||||
opacity: 1; |
||||
position: relative; |
||||
width: auto; |
||||
border-left-width: 3px; |
||||
margin-left: 5px; |
||||
margin-top: 5px; |
||||
font-size: 8pt; |
||||
padding: 5px 8px; |
||||
line-height: 10pt; |
||||
|
||||
div.tooltiptext { |
||||
display: none; |
||||
border: 1px solid #384e68; |
||||
background: linear-gradient(to bottom, darken(#384e68, 20%), darken(#384e68, 25%)); |
||||
margin-left: -5px; |
||||
} |
||||
} |
||||
|
||||
span.bgus_nested_element:not(.bgus_collapsed) + div.tooltiptext { |
||||
z-index: unset; |
||||
visibility: inherit; |
||||
display: block; |
||||
opacity: 1; |
||||
position: relative; |
||||
width: auto; |
||||
border-left-width: 3px; |
||||
margin-left: 5px; |
||||
margin-top: 5px; |
||||
font-size: 8pt; |
||||
padding: 5px 8px; |
||||
line-height: 10pt; |
||||
table.wikitable { |
||||
border: 0 !important; |
||||
|
||||
div.tooltiptext { |
||||
margin-left: -5px; |
||||
} |
||||
.table-head { |
||||
text-align: center; |
||||
} |
||||
|
||||
table.wikitable { |
||||
border: 0 !important; |
||||
|
||||
.table-head { |
||||
text-align: center; |
||||
} |
||||
th { |
||||
background-color: darken($nanotrasen, 5%) !important; |
||||
} |
||||
|
||||
th { |
||||
background-color: darken($nanotrasen, 5%) !important; |
||||
} |
||||
& > tbody > tr > td:nth-child(2) { |
||||
width: 45%; |
||||
padding: 10px; |
||||
} |
||||
|
||||
& > tbody > tr > td:nth-child(2) { |
||||
width: 45%; |
||||
padding: 10px; |
||||
} |
||||
.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%); |
||||
} |
||||
} |
||||
} |
||||
|
||||
.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%); |
||||
} |
||||
} |
||||
body.bgus_cbox { |
||||
input[type="checkbox"] + span[data-src]:before { |
||||
display: inline-block; |
||||
width: 1.5em; |
||||
content: "[_]"; |
||||
} |
||||
input[type="checkbox"]:checked + span[data-src]:before { |
||||
content: "[X]"; |
||||
} |
||||
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]:before, |
||||
input[type="checkbox"] + span[data-src] { |
||||
color: orange; |
||||
font-weight: bold; |
||||
} |
||||
input[type="checkbox"]:checked + span[data-src]:before, |
||||
input[type="checkbox"]:checked + span[data-src] { |
||||
color: green; |
||||
} |
||||
} |
||||
|
||||
body.bgus_cbox { |
||||
input[type="checkbox"] + span[data-src]:before { |
||||
display: inline-block; |
||||
width: 1.5em; |
||||
content: "[_]"; |
||||
} |
||||
input[type="checkbox"]:checked + span[data-src]:before { |
||||
content: "[X]"; |
||||
} |
||||
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]:before, |
||||
input[type="checkbox"] + span[data-src] { |
||||
color: orange; |
||||
font-weight: bold; |
||||
} |
||||
input[type="checkbox"]:checked + span[data-src]:before, |
||||
input[type="checkbox"]:checked + span[data-src] { |
||||
color: green; |
||||
} |
||||
.reagent-ext { |
||||
.reagent-header { |
||||
font-size: 12pt; |
||||
text-align: left; |
||||
padding: 10pt; |
||||
padding-bottom: 0; |
||||
span:last-child { |
||||
margin-left: 0.5em; |
||||
} |
||||
} |
||||
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 "; |
||||
} |
||||
} |
||||
|
||||
.reagent-ext { |
||||
.reagent-header { |
||||
font-size: 12pt; |
||||
text-align: left; |
||||
padding: 10pt; |
||||
padding-bottom: 0; |
||||
span:last-child { |
||||
margin-left: 0.5em; |
||||
} |
||||
} |
||||
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 "; |
||||
} |
||||
.ph-ext { |
||||
p { |
||||
font-size: 9pt; |
||||
} |
||||
table { |
||||
margin: 0.5rem 0.7rem; |
||||
background-color: $nanotrasen !important; |
||||
border: 0; |
||||
td, |
||||
th { |
||||
font-size: 8pt; |
||||
padding: 0.2rem 0.3rem; |
||||
line-height: 1rem; |
||||
} |
||||
td { |
||||
background-color: darken($nanotrasen, 10%) !important; |
||||
text-align: center; |
||||
font-weight: normal; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
Reference in new issue