No edit summary Tag: Reverted |
No edit summary |
||
| (14 intermediate revisions by 2 users not shown) | |||
| Line 21: | Line 21: | ||
.main-page-box { | .main-page-box { | ||
background-color: # | background-color: #191e29; | ||
color: #ffffff; | color: #ffffff; | ||
padding: | padding: 10px; | ||
border-radius: 10px; | border-radius: 10px; | ||
margin: 10px; | margin: 10px; | ||
flex: 1 1 300px; | flex: 1 1 300px; | ||
text-align: | text-align: left; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
} | } | ||
.Rarity.Standard { | |||
color: #319dff; | |||
} | } | ||
.Rarity.Rare { | |||
color: #955bff; | |||
. | |||
} | } | ||
. | .Rarity.Ultimate { | ||
color: #ffbb4d; | |||
. | |||
} | } | ||
. | .Rarity.Transcendent { | ||
color: #ff7c70; | |||
} | } | ||
@media (max-width: 900px) { | |||
.box { | |||
flex: 1 1 100%; /* Each box takes full width in smaller viewports */ | |||
} | |||
. | |||
} | |||
} | } | ||
Latest revision as of 02:26, 1 July 2024
/* CSS placed here will be applied to all skins */
.image-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 10px;
}
.image-grid img {
max-width: 100%;
height: auto;
}
body.page-Main_Page div#siteSub { display: none !important; }
.main-page-container {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
padding: 20px;
}
.main-page-box {
background-color: #191e29;
color: #ffffff;
padding: 10px;
border-radius: 10px;
margin: 10px;
flex: 1 1 300px;
text-align: left;
box-sizing: border-box;
}
.Rarity.Standard {
color: #319dff;
}
.Rarity.Rare {
color: #955bff;
}
.Rarity.Ultimate {
color: #ffbb4d;
}
.Rarity.Transcendent {
color: #ff7c70;
}
@media (max-width: 900px) {
.box {
flex: 1 1 100%; /* Each box takes full width in smaller viewports */
}
}