|
|
| (3 intermediate revisions by the same user not shown) |
| Line 8: |
Line 8: |
| .infobox { border:1px solid #ddd; background:#fff; } | | .infobox { border:1px solid #ddd; background:#fff; } |
|
| |
|
| /* BOOK CARD */ | | // <weight>: Use a value from 200 to 900 |
| .wp-book {
| | // <uniquifier>: Use a unique and descriptive class name |
| 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 */
| |
/* 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