MediaWiki:Common.css:修訂間差異
出自flip the world
Site styling: readability, gallery and code block polish |
Constrain logo size so it does not overlap the Timeless header |
||
| 第50行: | 第50行: | ||
.mw-body-content .wikitable { | .mw-body-content .wikitable { | ||
border-collapse: collapse; | border-collapse: collapse; | ||
} | |||
/* Logo: Timeless applies no size constraint, so a tall logo overlaps | |||
the header. Keep it inside its slot. */ | |||
#p-logo img, | |||
.mw-wiki-logo.timeless-logo { | |||
max-width: 100%; | |||
max-height: 80px; | |||
width: auto; | |||
height: auto; | |||
} | |||
#p-logo { | |||
padding: 0.5em 0; | |||
overflow: hidden; | |||
} | } | ||
2026年8月21日 (五) 13:44的最新修訂
/* flip the world - site styling. Kept deliberately restrained:
Timeless already provides the layout; this only improves readability. */
/* More comfortable reading measure and rhythm */
.mw-body-content {
line-height: 1.7;
}
/* Headings get room to breathe and a light rule */
.mw-body-content h2 {
margin-top: 1.6em;
padding-bottom: 0.25em;
border-bottom: 1px solid #c8ccd1;
}
.mw-body-content h3 {
margin-top: 1.2em;
}
/* List spacing - the category index reads better with air */
.mw-body-content ul li {
margin-bottom: 0.35em;
}
/* Gallery thumbnails: soften edges, add depth */
.mw-body-content ul.gallery {
margin: 1.2em 0 1.8em;
}
.mw-body-content .gallerybox .thumb img {
border-radius: 4px;
box-shadow: 0 1px 4px rgba( 0, 0, 0, 0.18 );
}
.mw-body-content .gallerybox .gallerytext {
font-size: 0.9em;
color: #54595d;
padding-top: 0.4em;
}
/* Code blocks - this is a hardware wiki, code should look deliberate */
.mw-body-content pre,
.mw-highlight pre {
border-radius: 3px;
padding: 0.9em 1em;
overflow-x: auto;
}
/* Tables */
.mw-body-content .wikitable {
border-collapse: collapse;
}
/* Logo: Timeless applies no size constraint, so a tall logo overlaps
the header. Keep it inside its slot. */
#p-logo img,
.mw-wiki-logo.timeless-logo {
max-width: 100%;
max-height: 80px;
width: auto;
height: auto;
}
#p-logo {
padding: 0.5em 0;
overflow: hidden;
}