More actions
Futureself (talk | contribs) No edit summary |
Futureself (talk | contribs) No edit summary |
||
| Line 24: | Line 24: | ||
text-align: center; | text-align: center; | ||
max-width: 300px; | max-width: 300px; | ||
border-radius: 8px; | |||
} | |||
/* Variants Grid */ | |||
.character-variants { | |||
display: flex; | |||
flex-wrap: wrap; | |||
justify-content: center; | |||
gap: 20px; | |||
} | |||
/* Individual Variant Box */ | |||
.character-variant { | |||
width: 150px; | |||
text-align: center; | |||
} | |||
/* Style for the variant info box */ | |||
.character-variant-box { | |||
background-color: rgba(255, 255, 255, 0.1); | |||
padding: 8px; | |||
border-radius: 8px; | border-radius: 8px; | ||
} | } | ||
Revision as of 15:41, 28 February 2025
/* All CSS here will be loaded for users of the Citizen skin */
/* Styling for Character Hub */
.character-hub {
text-align: center;
max-width: 800px;
margin: auto;
}
.character-main-image {
width: 300px;
border-radius: 10px;
display: block;
margin: auto;
padding-bottom: 5px; /* Less gap before the text */
}
.default-character {
margin-bottom: 10px; /* Reduce space below the image */
}
/* Style for the box under the image */
.character-info-box {
background-color: rgba(255, 255, 255, 0.1); /* Keeps the dark theme */
margin: auto;
text-align: center;
max-width: 300px;
border-radius: 8px;
}
/* Variants Grid */
.character-variants {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
}
/* Individual Variant Box */
.character-variant {
width: 150px;
text-align: center;
}
/* Style for the variant info box */
.character-variant-box {
background-color: rgba(255, 255, 255, 0.1);
padding: 8px;
border-radius: 8px;
}