You don't need an account to join in. Learn how to contribute, browse Bounties and join our Discord server.
MediaWiki:Common.css: Difference between revisions
New Obtainpanel styling |
Introducing general naming class and some small fixes |
||
| Line 927: | Line 927: | ||
.profile-card .indexnumber { position: absolute; bottom: 5px; left: 80px; color: white;} | .profile-card .indexnumber { position: absolute; bottom: 5px; left: 80px; color: white;} | ||
.entity-name { | |||
. | |||
display: inline-block; | display: inline-block; | ||
& . | & .entity-icon { | ||
width: 1.4rem; | |||
display: inline-block; | display: inline-block; | ||
height: 1rem; | height: 1rem; | ||
vertical-align: middle; | vertical-align: middle; | ||
} | } | ||
} | |||
& . | |||
/** GFL1 Fairy name */ | |||
.gfl-name-fairy { | |||
&.fairy-battle { | |||
color: var(--gfl-sys-unit-fairy-battle); | |||
text-shadow: 0 0 0.2rem var(--gfl-sys-unit-fairy-battle); | |||
} | |||
&.fairy-strategy { | |||
color: var(--gfl-sys-unit-fairy-strategy); | |||
text-shadow: 0 0 0.2rem var(--gfl-sys-unit-fairy-strategy); | |||
} | } | ||
} | |||
/** GFL1 Equipment name */ | |||
.gfl-name-equip { | |||
&.rarity-2 { | &.rarity-2 { | ||
color: var(--gfl-sys-rarity-2star); | color: var(--gfl-sys-rarity-2star); | ||
text-shadow: | text-shadow: 0 0 0.2rem var(--gfl-sys-rarity-2star); | ||
} | } | ||
&.rarity-3 { | &.rarity-3 { | ||
color: var(--gfl-sys-rarity-3star); | color: var(--gfl-sys-rarity-3star); | ||
text-shadow: | text-shadow: 0 0 0.2rem var(--gfl-sys-rarity-3star); | ||
} | } | ||
&.rarity-4 { | &.rarity-4 { | ||
color: var(--gfl-sys-rarity-4star); | color: var(--gfl-sys-rarity-4star); | ||
text-shadow: | text-shadow: 0 0 0.2rem var(--gfl-sys-rarity-4star); | ||
} | } | ||
&.rarity-5 { | &.rarity-5 { | ||
color: var(--gfl-sys-rarity-5star); | color: var(--gfl-sys-rarity-5star); | ||
text-shadow: | text-shadow: 0 0 0.2rem var(--gfl-sys-rarity-5star); | ||
} | } | ||
} | } | ||
| Line 1,169: | Line 1,179: | ||
background-size: contain; | background-size: contain; | ||
background-position-y: 0.8rem; | background-position-y: 0.8rem; | ||
} | } | ||
& .rarity-class { | & .rarity-class { | ||
| Line 1,176: | Line 1,186: | ||
left: 0; | left: 0; | ||
background-position: 0.075rem 0.075rem; | background-position: 0.075rem 0.075rem; | ||
} | pointer-events: none; | ||
} | |||
& .index { | & .index { | ||
| Line 1,191: | Line 1,202: | ||
position: absolute; | position: absolute; | ||
left: 0; | left: 0; | ||
} | user-select: none; | ||
} | |||
& .card-frame { | & .card-frame { | ||
| Line 1,201: | Line 1,213: | ||
top: 0; | top: 0; | ||
left: 0; | left: 0; | ||
} | } | ||
& > .plainlinks.card-frame > .external.text { | & > .plainlinks.card-frame > .external.text { | ||
| Line 1,209: | Line 1,221: | ||
width: 100%; | width: 100%; | ||
height: 100%; | height: 100%; | ||
} | } | ||
& .name { | & .name { | ||
| Line 1,230: | Line 1,242: | ||
position: absolute; | position: absolute; | ||
overflow: hidden; | overflow: hidden; | ||
} | user-select: none; | ||
} | |||
&.doll-rarity-2 .name { background-image: url("/images/b/b1/Infobox_name_2star.png"); } | &.doll-rarity-2 .name { background-image: url("/images/b/b1/Infobox_name_2star.png"); } | ||