MediaWiki: Common.css: Difference between revisions
From WikiProducers
No edit summary |
mNo edit summary |
||
| Line 11: | Line 11: | ||
// <uniquifier>: Use a unique and descriptive class name | // <uniquifier>: Use a unique and descriptive class name | ||
Revision as of 06:05, 17 August 2025
/* CSS placed here will be applied to all skins */
/* Hide page title display */
#firstHeading {
display: none;
}
/* infobox agent
.badge { display:inline-block; padding:.15em .5em; border-radius:999px; background:#f2f2f2; font-size:.85em; }
.infobox { border:1px solid #ddd; background:#fff; }
// <weight>: Use a value from 200 to 900
// <uniquifier>: Use a unique and descriptive class name
/* BOOK CARD */
.wp-book {
display: grid;
grid-template-columns: 110px 1fr;
gap: 14px;
max-width: 680px;
background: #fff;
border: 1px solid #e7e8ec;
border-radius: 14px;
padding: 14px;
box-shadow: 0 4px 14px rgba(0,0,0,.04);
font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}
.wp-book__cover {
width: 110px; height: 165px; border-radius: 10px; object-fit: cover;
background: #f4f5f7;
}
.wp-book__title {
margin: 0 0 4px; font-size: 18px; line-height: 1.3; font-weight: 700; color: #111;
}
.wp-book__meta {
margin: 0 0 8px; font-size: 13px; color: #586074;
}
.wp-book__desc {
margin: 0 0 12px; font-size: 14px; color: #1f2530;
}
.wp-book__footer {
display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
}
.wp-book__btn {
appearance: none; border: 1px solid #111; background: #111; color: #fff;
padding: 8px 12px; font-size: 14px; border-radius: 10px; cursor: pointer;
text-decoration: none; transition: transform .04s ease, opacity .15s ease;
}
.wp-book__btn:hover { opacity: .9; }
.wp-book__btn:active { transform: translateY(1px); }
.wp-book__pill {
font-size: 12px; padding: 6px 8px; border-radius: 999px;
background: #f2f4f8; color: #3b4255; border: 1px solid #e7e8ec;
}
.wp-book__stars { font-size: 13px; color: #f59e0b; } /* ★ color */