forked from hamcha/tghandbook
134 lines
2 KiB
SCSS
134 lines
2 KiB
SCSS
div[data-tab="Guide_to_food_and_drinks"] {
|
|
.drink-ext,
|
|
.food-base-ext,
|
|
.book-ext,
|
|
.recipe-ext {
|
|
width: 100%;
|
|
th,
|
|
td:first-child {
|
|
background-color: #2f4257;
|
|
}
|
|
.food-pic {
|
|
float: left;
|
|
min-width: 64px;
|
|
min-height: 64px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.food-name {
|
|
font-size: 12pt;
|
|
text-align: left;
|
|
padding: 10pt;
|
|
padding-bottom: 0;
|
|
margin-bottom: 10pt;
|
|
}
|
|
p {
|
|
font-size: 8pt;
|
|
font-weight: 300;
|
|
line-height: 1.2em;
|
|
word-spacing: -0.1em;
|
|
margin: 5pt 0;
|
|
}
|
|
|
|
.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%);
|
|
}
|
|
}
|
|
}
|
|
|
|
.drink-ext {
|
|
p {
|
|
font-size: 9pt;
|
|
}
|
|
.strength {
|
|
font-size: 9pt;
|
|
&:before {
|
|
content: "Strength: ";
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
.description,
|
|
.notes {
|
|
margin: 10pt 0;
|
|
line-height: 1.5em;
|
|
}
|
|
td:nth-child(2) {
|
|
width: 30vw;
|
|
max-width: 300px;
|
|
text-align: left;
|
|
}
|
|
}
|
|
|
|
.food-base-ext {
|
|
td:nth-child(1) {
|
|
width: 30vw;
|
|
max-width: 300px;
|
|
text-align: center;
|
|
}
|
|
.food-pic {
|
|
float: none;
|
|
min-width: 64px;
|
|
min-height: 64px;
|
|
display: inline-block;
|
|
}
|
|
.food-block {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
td:nth-child(2) {
|
|
padding: 5pt;
|
|
font-size: 10pt;
|
|
}
|
|
}
|
|
|
|
.book-ext {
|
|
p {
|
|
font-size: 9pt;
|
|
}
|
|
.description,
|
|
.notes {
|
|
margin: 10pt 0;
|
|
line-height: 1.5em;
|
|
}
|
|
.unlocks {
|
|
&:before {
|
|
content: "Unlocks: ";
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
td:nth-child(2) {
|
|
width: 30vw;
|
|
max-width: 300px;
|
|
text-align: center;
|
|
p {
|
|
font-size: 9pt;
|
|
}
|
|
}
|
|
}
|
|
|
|
.recipe-ext {
|
|
p {
|
|
font-size: 9pt;
|
|
}
|
|
td:nth-child(2) {
|
|
width: 30vw;
|
|
max-width: 300px;
|
|
}
|
|
.notes {
|
|
margin: 10pt 0;
|
|
line-height: 1.5em;
|
|
}
|
|
}
|
|
}
|