| Welcome to the newly independent BOXBOY WIKI! |
|---|
|
Learn more about our fork at BOXBOY WIKI!:2025 Fork. If you have edited the Fandom wiki and would like to claim your account here, you can do so via Special:MigrateUserAccount. To ensure you only visit the independent wiki going forward, install the Indie Wiki Buddy browser extension. |
MediaWiki:Common.css: Difference between revisions
From BOXBOY WIKI!
Jump to navigationJump to search
SuperHamster (talk | contribs) (Infobox styling) |
SuperHamster (talk | contribs) (Adding hatnote class) |
||
| (8 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
.text-center { | |||
text-align: center; | |||
} | |||
.hatnote { | |||
padding-left: 1.6em; | |||
margin-bottom: 0.5em; | |||
} | |||
.infobox { | .infobox { | ||
border: 3px solid #000; | |||
width: 300px; | |||
margin-bottom: 1em; | |||
} | } | ||
.infobox th { | .infobox th { | ||
width: 50%; | |||
border: 0px; | |||
background-color: #bbbbbb; | |||
} | |||
@media screen and (max-width: 600px) { | |||
.infobox { | |||
width: 100%; | |||
} | |||
} | |||
.main-page-cols { | |||
display: grid; | |||
grid-auto-flow: row dense; | |||
gap: 5px 5px; | |||
align-content: stretch; | |||
justify-items: stretch; | |||
} | |||
@media (min-width: 950px) { | |||
.main-page-cols { | |||
grid-template-columns: 1fr 1fr; | |||
} | |||
} | } | ||
Latest revision as of 22:07, 16 January 2025
/* CSS placed here will be applied to all skins */
.text-center {
text-align: center;
}
.hatnote {
padding-left: 1.6em;
margin-bottom: 0.5em;
}
.infobox {
border: 3px solid #000;
width: 300px;
margin-bottom: 1em;
}
.infobox th {
width: 50%;
border: 0px;
background-color: #bbbbbb;
}
@media screen and (max-width: 600px) {
.infobox {
width: 100%;
}
}
.main-page-cols {
display: grid;
grid-auto-flow: row dense;
gap: 5px 5px;
align-content: stretch;
justify-items: stretch;
}
@media (min-width: 950px) {
.main-page-cols {
grid-template-columns: 1fr 1fr;
}
}
