Welcome to Super-Shiritori!
Please remember:
- No vandalism – Do not add nonsense, false info, spam, or blank pages.
- Respect others – Be polite and assume good faith.
- Use reliable information – Make sure edits are accurate and IMPORTANT.
- Stay constructive – Help us grow the wiki with content, especially with the Word compendium.
⚠️ Repeated vandalism or rule-breaking may result in warnings or blocks. If you see vandalism, please revert it and notify an admin.
Create TemplateStyles for the new Infobox application template |
Fix mobile: drop the float below 550px, was squeezing article text into a 1-char-wide column |
||
| Line 63: | Line 63: | ||
color: #D5D4D4; | color: #D5D4D4; | ||
width: 60%; | width: 60%; | ||
} | |||
/* Below this, a 300px fixed-width float leaves almost no room for the | |||
article text beside it (down to a single-character-wide column on a | |||
phone) -- drop the float and let the box take the full column width. */ | |||
@media screen and (max-width: 550px) { | |||
.infobox-application { | |||
float: none; | |||
clear: both; | |||
width: auto; | |||
margin: 0 0 1em 0; | |||
} | |||
} | } | ||
Revision as of 05:08, 5 September 2026
.infobox-application {
float: right;
clear: right;
width: 300px;
margin: 0 0 1em 1em;
background-color: #2a0f00;
border: 1px solid rgba(255, 255, 255, 0.15);
border-radius: 4px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
font-size: 88%;
line-height: 1.4;
}
.infobox-application__title {
background-color: #1a0a00;
color: #F19000;
font-size: 120%;
font-weight: bold;
text-align: center;
padding: 8px;
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
border-radius: 4px 4px 0 0;
}
.infobox-application__image {
text-align: center;
padding: 8px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.infobox-application__image img {
max-width: 100%;
}
.infobox-application__caption {
font-style: italic;
color: #D5D4D4;
font-size: 90%;
text-align: center;
padding: 4px 8px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.infobox-application__row {
display: flex;
padding: 4px 8px;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.infobox-application__row:last-child {
border-bottom: none;
}
.infobox-application__label {
color: #F19000;
font-weight: bold;
width: 40%;
flex-shrink: 0;
padding-right: 6px;
}
.infobox-application__value {
color: #D5D4D4;
width: 60%;
}
/* Below this, a 300px fixed-width float leaves almost no room for the
article text beside it (down to a single-character-wide column on a
phone) -- drop the float and let the box take the full column width. */
@media screen and (max-width: 550px) {
.infobox-application {
float: none;
clear: both;
width: auto;
margin: 0 0 1em 0;
}
}