![Screenshot of [Tool]Cartes allégées](https://userstyles.world/preview/5113/0.webp)
Authors9clay
LicenseCC By-NC-SA
CategoryGothicat-world
Created
Updated
Size4.8 kB
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Cet outil propose un allégement visuel des cartes de contrées pour chaque créature. Il est possible de le cumuler avec un autre design du site (mais selon les couleurs utilisées, la lisibilité du numéro de robe et de la rareté peuvent être génées)
NB : les graphismes allégés sont directement issus des cartes officielles de Gothicat-World, ce n'est pas moi qui les ai créés.
/* ==UserStyle==
@name [Tool]Cartes allégées
@namespace gothicat-world.com
@version 1.0.0
@description Allège visuellement les cartes de contrées pour chaque créature (reprise des images officielles). Compatible avec un thème de site.
@author S9Clay
==/UserStyle== */
@-moz-document domain("gothicat-world.com") {
/* Ceci est un exemple typique de la façon de remplacer une image insérée via une balise < img src="…" /> sur un site */
/* On cible précisément l'image à remplacer en se servant de sa classe et son url*/
img.CreatureCard__Background[src="/images/design_v4/creature_cards/full/fullsize/elonia.png"] {
/* on met une taille nulle à la zone : l'image par défaut ne peut s'afficher */
width : 0 !important ;
height : 0 !important ;
/*on place la nouvelle image en tant que fond de la zone d'image */
background : url("https://nsm09.casimages.com/img/2022/06/10//22061001213910339317919181.png") no-repeat !important ;
/*
on va utiliser les dimensions de notre nouvelle image en tant que marges de la zone (respectivement largeur et hauteur ci-dessous), ce qui va permettre son affichage.
il est conseillé de créer votre nouvelle image aux dimentsions exactes de l'ancienne
*/
padding-left : 160px !important ;
padding-top : 247px !important ;
}
/* Reste à faire de même pour chacune des images à remplacer */
/* ---------------------------------------------------------------------------------------- */
img.CreatureCard__Background[src="/images/design_v4/creature_cards/full/fullsize/aquahana.png"] {
width : 0 !important ;
height : 0 !important ;
background : url("https://nsm09.casimages.com/img/2022/06/10//22061001213910339317919180.png") no-repeat !important ;
padding-left : 160px !important ;
padding-top : 247px !important ;
}
/* ---------------------------------------------------------------------------------------- */
img.CreatureCard__Background[src="/images/design_v4/creature_cards/full/fullsize/sandisia.png"] {
width : 0 !important ;
height : 0 !important ;
background : url("https://nsm09.casimages.com/img/2022/06/10//22061001214010339317919185.png") no-repeat !important ;
padding-left : 160px !important ;
padding-top : 247px !important ;
}
/* ---------------------------------------------------------------------------------------- */
img.CreatureCard__Background[src="/images/design_v4/creature_cards/full/fullsize/infermo.png"] {
width : 0 !important ;
height : 0 !important ;
background : url("https://nsm09.casimages.com/img/2022/06/10//22061001214010339317919183.png") no-repeat !important ;
padding-left : 160px !important ;
padding-top : 247px !important ;
}
/* ---------------------------------------------------------------------------------------- */
img.CreatureCard__Background[src="/images/design_v4/creature_cards/full/fullsize/gaiara.png"] {
width : 0 !important ;
height : 0 !important ;
background : url("https://nsm09.casimages.com/img/2022/06/10//22061001213910339317919182.png") no-repeat !important ;
padding-left : 160px !important ;
padding-top : 247px !important ;
}
/* ---------------------------------------------------------------------------------------- */
img.CreatureCard__Background[src="/images/design_v4/creature_cards/full/fullsize/aydoh.png"] {
width : 0 !important ;
height : 0 !important ;
background : url("https://nsm09.casimages.com/img/2022/06/10//22061001213910339317919179.png") no-repeat !important ;
padding-left : 160px !important ;
padding-top : 247px !important ;
}
/* ---------------------------------------------------------------------------------------- */
img.CreatureCard__Background[src="/images/design_v4/creature_cards/full/fullsize/renarhim.png"] {
width : 0 !important ;
height : 0 !important ;
background : url("https://nsm09.casimages.com/img/2022/06/10//22061001214010339317919184.png") no-repeat !important ;
padding-left : 160px !important ;
padding-top : 247px !important ;
}
/* ---------------------------------------------------------------------------------------- */
/* le numéro de robe se voit peu : passons-le en gras */
.CreatureCard__Variation {
font-weight : bold ;
}
/* le signe de rareté est peu visible si le fond est clair */
.CreatureCard__Rarity svg {
filter: brightness(70%);
/* il y a plein de filtres qui existent et qui peuvent se cumuler pour se rapprocher de la couleur qu'on souhaite :
invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%);
*/
}
}