Template:Worldbox/styles.css: Difference between revisions
Set corners to straight sharp, adjust border lines to be further from text edges |
Padding between text and border lines |
||
| Line 3: | Line 3: | ||
.worldbox { | .worldbox { | ||
float: right; | float: right; | ||
width: 340px; | width: 340px; | ||
max-width: 42%; | max-width: 42%; | ||
margin: 0 0 | margin: 0 0 14px 20px; /* a bit more gap from body text */ | ||
border: 1px solid #c6b480; | border: 1px solid #c6b480; | ||
background: #f8f5e9; | background: #f8f5e9; | ||
color: #2b2414; | color: #2b2414; | ||
border-radius: 0; | border-radius: 0; | ||
box-shadow: 0 1px 3px rgba(0,0,0,.08); | box-shadow: 0 1px 3px rgba(0,0,0,.08); | ||
line-height: 1.55; /* looser line height inside the box */ | |||
} | } | ||
.wb-wrap { padding: 16px 18px 12px 18px; } /* more inner padding */ | |||
.wb-wrap { padding: | |||
.wb-media { text-align: center; } | .wb-media { text-align: center; } | ||
.wb-cap { font-size: 80%; color: #7d6b38; text-align: center; margin-top: | .wb-cap { font-size: 80%; color: #7d6b38; text-align: center; margin-top: 6px; } | ||
.wb-title { font-size: 140%; font-weight: 700; color: #5b4a22; line-height: 1. | .wb-title { font-size: 140%; font-weight: 700; color: #5b4a22; line-height: 1.3; } | ||
.wb-tag { font-size: 100%; color: #7d6b38; margin-top: | .wb-tag { font-size: 100%; color: #7d6b38; margin-top: 4px; } | ||
.wb-fields { margin-top: | .wb-fields { margin-top: 14px; border-top: 1px solid #e4d9b0; padding-top: 12px; } | ||
/* Optional sticky sidebar */ | /* Optional sticky sidebar */ | ||
.worldbox.sticky { position: sticky; top: 12px; } | .worldbox.sticky { position: sticky; top: 12px; } | ||
/* Mobile | /* Mobile */ | ||
@media (max-width: 900px) { | @media (max-width: 900px) { | ||
.worldbox { | .worldbox { float: none; width: auto; max-width: 720px; margin: 10px auto; } | ||
} | } | ||
Latest revision as of 07:31, 30 October 2025
/* Right-column infobox for Vector 2022; collapses on mobile */
.worldbox {
float: right;
width: 340px;
max-width: 42%;
margin: 0 0 14px 20px; /* a bit more gap from body text */
border: 1px solid #c6b480;
background: #f8f5e9;
color: #2b2414;
border-radius: 0;
box-shadow: 0 1px 3px rgba(0,0,0,.08);
line-height: 1.55; /* looser line height inside the box */
}
.wb-wrap { padding: 16px 18px 12px 18px; } /* more inner padding */
.wb-media { text-align: center; }
.wb-cap { font-size: 80%; color: #7d6b38; text-align: center; margin-top: 6px; }
.wb-title { font-size: 140%; font-weight: 700; color: #5b4a22; line-height: 1.3; }
.wb-tag { font-size: 100%; color: #7d6b38; margin-top: 4px; }
.wb-fields { margin-top: 14px; border-top: 1px solid #e4d9b0; padding-top: 12px; }
/* Optional sticky sidebar */
.worldbox.sticky { position: sticky; top: 12px; }
/* Mobile */
@media (max-width: 900px) {
.worldbox { float: none; width: auto; max-width: 720px; margin: 10px auto; }
}