MediaWiki: Common.css: Difference between revisions

/* 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

/* Mona Sans from google 
@import url('https://fonts.googleapis.com/css2?family=Mona+Sans:ital,wght@0,200..900;1,200..900&display=swap');



/* 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 */