Skip to content

Commit

Permalink
fix: fixed the default color of some elements
Browse files Browse the repository at this point in the history
  • Loading branch information
@silentjames
silentjames committed Feb 5, 2024
1 parent f0c9876 commit 4c14104
Showing 1 changed file with 44 additions and 36 deletions.
80 changes: 44 additions & 36 deletions css-snippets/world-of-darkness-statblocks.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -113,6 +113,10 @@
}
.statblock-item-container:has(.general-text-info-column), .group-container:has(.line:is(.clan, .nature, .agency, .rank, .codename, .breed, .totem, .breed, .totem)) {
margin-bottom: 0 !important;
background-repeat: no-repeat;
background-position-x: center;
background-position-y: center;
background-size: contain;
}


Expand All @@ -122,7 +126,7 @@
display: flex !important;
justify-content: space-between;
min-width: 160px;
/* max-width: 210px; */
color: var(--statblock-font-color) !important;
}
.line:is(.clan, .generation, .sire, .nature, .demeanor, .concept, .breed, .auspice, .tribe, .pack_name, .totem) .statblock-markdown {
margin-top: -1px;
Expand Down Expand Up @@ -1992,7 +1996,7 @@ body:has(.vtm-v20-vampire, .vtm-v20-vampire-en, .vtm-v20-vampire-dark-ages, .vtm

/* Скрывается ненужная строчка дайс роллера */
/* Hide unnecessary dice roller element */
:is(.vtm-v20-vampire, .vtm-v20-vampire-en, .vtm-v20-vampire-dark-ages, .vtm-v20-vampire-dark-ages-en, .wod-v20-mortal, .wod-v20-mortal-en, .wod-v20-agent, .wod-v20-agent-en, .wta-w20-werewolf, .wta-w20-werewolf-en) .dice-original {
:is(.vtm-v20-vampire, .vtm-v20-vampire-en, .vtm-v20-vampire-dark-ages, .vtm-v20-vampire-dark-ages-en, .wod-v20-mortal, .wod-v20-mortal-en, .wod-v20-agent, .wod-v20-agent-en, .wta-w20-werewolf, .wta-w20-werewolf-en, .mta-m20-mage-en) .dice-original {
display: none;
}

Expand Down Expand Up @@ -2044,6 +2048,10 @@ body:has(.vtm-v20-vampire, .vtm-v20-vampire-en, .vtm-v20-vampire-dark-ages, .vtm
--main-line-height: 17.5px;
}

:is(.vtm-v20-vampire, .vtm-v20-vampire-en, .vtm-v20-vampire-dark-ages, .vtm-v20-vampire-dark-ages-en, .wod-v20-mortal, .wod-v20-mortal-en, .wod-v20-agent, .wod-v20-agent-en, .wta-w20-werewolf, .wta-w20-werewolf-en) .line {
color: var(--statblock-font-color) !important;
}


:is(.vtm-v20-vampire, .vtm-v20-vampire-en).statblock {
--statblock-heading-font: var(--vampire-heading-font);
Expand Down Expand Up @@ -2416,205 +2424,205 @@ body:has(.vtm-v20-vampire, .vtm-v20-vampire-en, .vtm-v20-vampire-dark-ages, .vtm

/* Логотипы кланов */
/* Clan logo settings */
.vtm-v20-vampire .Assamite, .vtm-v20-vampire-en .Assamite {
:is(.vtm-v20-vampire, .vtm-v20-vampire-en) .Assamite {
background-image: var(--Assamite-background-logo);
background-repeat: no-repeat;
background-position: center 250px;
background-size: 600px auto;
}
.vtm-v20-vampire .Assamite-Antitribu, .vtm-v20-vampire-en .Assamite-Antitribu {
:is(.vtm-v20-vampire, .vtm-v20-vampire-en) .Assamite-Antitribu {
background-image: var(--Assamite-Antitribu-background-logo);
background-repeat: no-repeat;
background-size: auto 370px;
background-position: center 210px;
}
.vtm-v20-vampire .Baali, .vtm-v20-vampire-en .Baali {
:is(.vtm-v20-vampire, .vtm-v20-vampire-en) .Baali {
background-image: var(--Baali-background-logo);
background-repeat: no-repeat;
background-size: auto 370px;
background-position: center 210px;
}
.vtm-v20-vampire .Brujah, .vtm-v20-vampire-en .Brujah {
:is(.vtm-v20-vampire, .vtm-v20-vampire-en) .Brujah {
background-image: var(--Brujah-background-logo);
background-repeat: no-repeat;
background-size: auto 370px;
background-position: center 215px;
}
.vtm-v20-vampire .Brujah-Antitribu, .vtm-v20-vampire-en .Brujah-Antitribu {
:is(.vtm-v20-vampire, .vtm-v20-vampire-en) .Brujah-Antitribu {
background-image: var(--Brujah-Antitribu-background-logo);
background-repeat: no-repeat;
background-size: auto 370px;
background-position: center 215px;
}
.vtm-v20-vampire .True-Brujah, .vtm-v20-vampire-en .True-Brujah {
:is(.vtm-v20-vampire, .vtm-v20-vampire-en) .True-Brujah {
background-image: var(--True-Brujah-background-logo);
background-repeat: no-repeat;
background-size: auto 370px;
background-position: center 210px;
}
.vtm-v20-vampire .Cappadocians, .vtm-v20-vampire-en .Cappadocians {
:is(.vtm-v20-vampire, .vtm-v20-vampire-en) .Cappadocians {
background-image: var(--Cappadocians-background-logo);
background-repeat: no-repeat;
background-size: auto 370px;
background-position: center 210px;
}
.vtm-v20-vampire .Caitiff, .vtm-v20-vampire-en .Caitiff {
:is(.vtm-v20-vampire, .vtm-v20-vampire-en) .Caitiff {
background-image: var(--Caitiff-background-logo);
background-repeat: no-repeat;
background-size: auto 370px;
background-position: center 210px;
}
.vtm-v20-vampire .Caitiff-Antitribu-Pander, .vtm-v20-vampire-en .Caitiff-Antitribu-Pander {
:is(.vtm-v20-vampire, .vtm-v20-vampire-en) .Caitiff-Antitribu-Pander {
background-image: var(--Caitiff-Antitribu-Pander-background-logo);
background-repeat: no-repeat;
background-size: auto 370px;
background-position: center 210px;
}
.vtm-v20-vampire .Ventrue, .vtm-v20-vampire-en .Ventrue {
:is(.vtm-v20-vampire, .vtm-v20-vampire-en) .Ventrue {
background-image: var(--Ventrue-background-logo);
background-repeat: no-repeat;
background-size: auto 370px;
background-position: center 210px;
}
.vtm-v20-vampire .Ventrue-Antitribu, .vtm-v20-vampire-en .Ventrue-Antitribu {
:is(.vtm-v20-vampire, .vtm-v20-vampire-en) .Ventrue-Antitribu {
background-image: var(--Ventrue-Antitribu-background-logo);
background-repeat: no-repeat;
background-size: auto 370px;
background-position: center 210px;
}
.vtm-v20-vampire .Gangrel, .vtm-v20-vampire-en .Gangrel {
:is(.vtm-v20-vampire, .vtm-v20-vampire-en) .Gangrel {
background-image: var(--Gangrel-background-logo);
background-repeat: no-repeat;
background-size: auto 370px;
background-position: center 210px;
}
.vtm-v20-vampire .Country-Gangrel, .vtm-v20-vampire-en .Country-Gangrel {
:is(.vtm-v20-vampire, .vtm-v20-vampire-en) .Country-Gangrel {
background-image: var(--Country-Gangrel-background-logo);
background-repeat: no-repeat;
background-size: auto 370px;
background-position: center 210px;
}
.vtm-v20-vampire .City-Gangrel, .vtm-v20-vampire-en .City-Gangrel {
:is(.vtm-v20-vampire, .vtm-v20-vampire-en) .City-Gangrel {
background-image: var(--City-Gangrel-background-logo);
background-repeat: no-repeat;
background-size: auto 370px;
background-position: center 210px;
}
.vtm-v20-vampire .Giovanni, .vtm-v20-vampire-en .Giovanni {
:is(.vtm-v20-vampire, .vtm-v20-vampire-en) .Giovanni {
background-image: var(--Giovanni-background-logo);
background-repeat: no-repeat;
background-size: auto 370px;
background-position: center 210px;
}
.vtm-v20-vampire .Daughters-of-Cacophony, .vtm-v20-vampire-en .Daughters-of-Cacophony {
:is(.vtm-v20-vampire, .vtm-v20-vampire-en) .Daughters-of-Cacophony {
background-image: var(--Daughters-of-Cacophony-background-logo);
background-repeat: no-repeat;
background-position: center 240px;
background-size: 550px auto;
}
.vtm-v20-vampire .Kiasyd, .vtm-v20-vampire-en .Kiasyd {
:is(.vtm-v20-vampire, .vtm-v20-vampire-en) .Kiasyd {
background-image: var(--Kiasyd-background-logo);
background-repeat: no-repeat;
background-size: auto 370px;
background-position: center 210px;
}
.vtm-v20-vampire .Lasombra, .vtm-v20-vampire-en .Lasombra {
:is(.vtm-v20-vampire, .vtm-v20-vampire-en) .Lasombra {
background-image: var(--Lasombra-background-logo);
background-repeat: no-repeat;
background-size: auto 370px;
background-position: center 210px;
}
.vtm-v20-vampire .Malkavian, .vtm-v20-vampire-en .Malkavian {
:is(.vtm-v20-vampire, .vtm-v20-vampire-en) .Malkavian {
background-image: var(--Malkavian-background-logo);
background-repeat: no-repeat;
background-size: auto 370px;
background-position: center 210px;
}
.vtm-v20-vampire .Malkavian-Antitribu, .vtm-v20-vampire-en .Malkavian-Antitribu {
:is(.vtm-v20-vampire, .vtm-v20-vampire-en) .Malkavian-Antitribu {
background-image: var(--Malkavian-Antitribu-background-logo);
background-repeat: no-repeat;
background-size: auto 370px;
background-position: center 210px;
}
.vtm-v20-vampire .Nosferatu, .vtm-v20-vampire-en .Nosferatu {
:is(.vtm-v20-vampire, .vtm-v20-vampire-en) .Nosferatu {
background-image: var(--Nosferatu-background-logo);
background-repeat: no-repeat;
background-size: auto 370px;
background-position: center 210px;
}
.vtm-v20-vampire .Nosferatu-Antitribu, .vtm-v20-vampire-en .Nosferatu-Antitribu {
:is(.vtm-v20-vampire, .vtm-v20-vampire-en) .Nosferatu-Antitribu {
background-image: var(--Nosferatu-Antitribu-background-logo);
background-repeat: no-repeat;
background-size: auto 370px;
background-position: center 210px;
}
.vtm-v20-vampire .Followers-of-Set, .vtm-v20-vampire-en .Followers-of-Set {
:is(.vtm-v20-vampire, .vtm-v20-vampire-en) .Followers-of-Set {
background-image: var(--Followers-of-Set-background-logo);
background-repeat: no-repeat;
background-size: auto 370px;
background-position: center 210px;
}
.vtm-v20-vampire .Serpents-of-Light, .vtm-v20-vampire-en .Serpents-of-Light {
:is(.vtm-v20-vampire, .vtm-v20-vampire-en) .Serpents-of-Light {
background-image: var(--Serpents-of-Light-background-logo);
background-repeat: no-repeat;
background-size: auto 370px;
background-position: center 210px;
}
.vtm-v20-vampire .Ravnos, .vtm-v20-vampire-en .Ravnos {
:is(.vtm-v20-vampire, .vtm-v20-vampire-en) .Ravnos {
background-image: var(--Ravnos-background-logo);
background-repeat: no-repeat;
background-size: auto 370px;
background-position: center 210px;
}
.vtm-v20-vampire .Ravnos-Antitribu, .vtm-v20-vampire-en .Ravnos-Antitribu {
:is(.vtm-v20-vampire, .vtm-v20-vampire-en) .Ravnos-Antitribu {
background-image: var(--Ravnos-Antitribu-background-logo);
background-repeat: no-repeat;
background-size: auto 370px;
background-position: center 210px;
}
.vtm-v20-vampire .Salubri, .vtm-v20-vampire-en .Salubri {
:is(.vtm-v20-vampire, .vtm-v20-vampire-en) .Salubri {
background-image: var(--Salubri-background-logo);
background-repeat: no-repeat;
background-size: auto 370px;
background-position: center 210px;
}
.vtm-v20-vampire .Salubri-Antitribu, .vtm-v20-vampire-en .Salubri-Antitribu {
:is(.vtm-v20-vampire, .vtm-v20-vampire-en) .Salubri-Antitribu {
background-image: var(--Salubri-Antitribu-background-logo);
background-repeat: no-repeat;
background-size: auto 370px;
background-position: center 210px;
}
.vtm-v20-vampire .Samedi, .vtm-v20-vampire-en .Samedi {
:is(.vtm-v20-vampire, .vtm-v20-vampire-en) .Samedi {
background-image: var(--Samedi-background-logo);
background-repeat: no-repeat;
background-size: auto 370px;
background-position: center 210px;
}
.vtm-v20-vampire .Toreador, .vtm-v20-vampire-en .Toreador {
:is(.vtm-v20-vampire, .vtm-v20-vampire-en) .Toreador {
background-image: var(--Toreador-background-logo);
background-repeat: no-repeat;
background-size: auto 370px;
background-position: center 210px;
}
.vtm-v20-vampire .Toreador-Antitribu, .vtm-v20-vampire-en .Toreador-Antitribu {
:is(.vtm-v20-vampire, .vtm-v20-vampire-en) .Toreador-Antitribu {
background-image: var(--Toreador-Antitribu-background-logo);
background-repeat: no-repeat;
background-size: auto 370px;
background-position: center 210px;
}
.vtm-v20-vampire .Tremere, .vtm-v20-vampire-en .Tremere {
:is(.vtm-v20-vampire, .vtm-v20-vampire-en) .Tremere {
background-image: var(--Tremere-background-logo);
background-repeat: no-repeat;
background-size: auto 370px;
background-position: calc(50% + 24px) 215px;
}
.vtm-v20-vampire .Tremere-Antitribu, .vtm-v20-vampire-en .Tremere-Antitribu {
:is(.vtm-v20-vampire, .vtm-v20-vampire-en) .Tremere-Antitribu {
background-image: var(--Tremere-Antitribu-background-logo);
background-repeat: no-repeat;
background-size: auto 370px;
background-position: center 210px;
}
.vtm-v20-vampire .Tzimisce, .vtm-v20-vampire-en .Tzimisce {
:is(.vtm-v20-vampire, .vtm-v20-vampire-en) .Tzimisce {
background-image: var(--Tzimisce-background-logo);
background-repeat: no-repeat;
background-size: auto 370px;
Expand Down

0 comments on commit 4c14104

Please sign in to comment.