Encyclopædia Mundus

MediaWiki:Common.css: Difference between revisions

← Older edit
No edit summary
No edit summary
 
(20 intermediate revisions by the same user not shown)
Line 87: Line 87:
   background:transparent;
   background:transparent;
}
}


/* show only the square icon in Vector 2022 */
/* show only the square icon in Vector 2022 */
Line 93: Line 95:


/* size the icon neatly */
/* size the icon neatly */
.mw-logo-icon img { width: 180px; height: 180px; }
.mw-logo-icon img { width: 200px; height: 200px; }
 
.skin-vector-2022 .mw-logo-icon { width: 200px; height: 200px; }


.skin-vector-2022 .mw-logo-icon { width: 180px; height: 180px; }




Line 179: Line 182:




/* Non-clickable hero banner */
 
.home-hero { margin: 0 0 1rem 0; }
 
.home-hero .mw-file-element {
/* Kill any box/border around the image banner */
.mw-parser-output .home-banner-wrap{
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 0 1rem 0 !important;
  box-shadow: none !important;
}
 
/* Banner image itself */
.mw-parser-output .home-banner-wrap .home-banner .mw-file-element{
   display: block;
   display: block;
   width: 100%;
   max-width: 100%;
   height: auto;
   height: auto;
   border-radius: 12px;
   border-radius: 12px;
   box-shadow: 0 6px 18px rgba(0,0,0,.25);
   box-shadow: 0 6px 18px rgba(0,0,0,.25);
}
}
.client-darkmode .mw-parser-output .home-banner-wrap .home-banner .mw-file-element,
.skin-theme-clientpref-night .mw-parser-output .home-banner-wrap .home-banner .mw-file-element{
  box-shadow: 0 6px 18px rgba(0,0,0,.6);
}
/* Image banner with no surrounding box */
.home-banner-wrap { margin:0 0 1rem 0; padding:0; background:transparent; border:0; }
.home-banner-wrap .home-banner .mw-file-element {
  display:block; max-width:100%; height:auto; border-radius:12px;
  box-shadow:0 6px 18px rgba(0,0,0,.25);
}
.skin-theme-clientpref-night .home-banner-wrap .home-banner .mw-file-element,
.client-darkmode .home-banner-wrap .home-banner .mw-file-element {
  box-shadow:0 6px 18px rgba(0,0,0,.6);
}


/* Dark mode tweaks (works with Vector night or DarkMode extension) */
/* Infobox: Royalty */
.skin-theme-clientpref-night .home-hero .mw-file-element,
.mw-parser-output .infobox.infobox-royalty {
.client-darkmode .home-hero .mw-file-element {
  float: right;
   box-shadow: 0 6px 18px rgba(0,0,0,.6);
  clear: right;
  width: 300px;
  margin: 0 0 1em 1em;
  border: 1px solid #a2a9b1;
  background: #fff;
  font-size: 88%;
  line-height: 1.4;
  border-collapse: collapse;
}
 
.mw-parser-output .infobox.infobox-royalty th,
.mw-parser-output .infobox.infobox-royalty td {
  padding: 0.35em 0.5em;
  vertical-align: top;
}
 
.mw-parser-output .infobox.infobox-royalty .infobox-title {
   background: #f4b6c6; /* cherry blossom pink */
  color: #000;
  text-align: center;
  font-weight: 700;
  font-size: 125%;
  padding: 0.5em 0.6em;
}
 
.mw-parser-output .infobox.infobox-royalty th[scope="row"] {
  width: 35%;
  text-align: left;
  font-weight: 700;
  background: #f8f9fa;
}
 
.mw-parser-output .infobox.infobox-royalty tr + tr th,
.mw-parser-output .infobox.infobox-royalty tr + tr td {
  border-top: 1px solid #eaecf0;
}
 
/* Image rows */
.mw-parser-output .infobox.infobox-royalty .infobox-image {
  text-align: center;
  background: transparent;
}
 
.mw-parser-output .infobox.infobox-royalty .infobox-image img {
  height: auto;
  max-width: 100%;
}
 
.mw-parser-output .infobox.infobox-royalty .infobox-caption {
  margin-top: 0.35em;
  font-size: 90%;
  color: #54595d;
}
 
/* Optional: tighten spacing for dense pages */
.mw-parser-output .infobox.infobox-royalty br {
  line-height: 1.2;
}
 
/* Optional: basic dark-mode tuning (if your skin honors prefers-color-scheme) */
@media (prefers-color-scheme: dark) {
  .mw-parser-output .infobox.infobox-royalty {
    background: #1f2328;
    border-color: #3a3f45;
  }
  .mw-parser-output .infobox.infobox-royalty .infobox-title {
    background: #8b2f4a;
    color: #fff;
  }
  .mw-parser-output .infobox.infobox-royalty th[scope="row"] {
    background: #2a2f36;
  }
  .mw-parser-output .infobox.infobox-royalty tr + tr th,
  .mw-parser-output .infobox.infobox-royalty tr + tr td {
    border-top-color: #3a3f45;
  }
  .mw-parser-output .infobox.infobox-royalty .infobox-caption {
    color: #c8ccd1;
  }
}
}






/* ——— Home layout ——— */
/* ——— Home layout ——— */
.home-hero {
 
  margin: 0 0 1rem 0; padding: 1.2rem 1.4rem;
  border: 1px solid #a2a9b1; background: #f8f9fa;
}
.home-hero h1 { margin: 0 0 .2rem 0; font-size: 1.8rem; }
.home-hero h1 { margin: 0 0 .2rem 0; font-size: 1.8rem; }
.home-actions .btn {
.home-actions .btn {
Line 211: Line 329:
@media (min-width: 900px){ .home-grid { grid-template-columns: 2fr 1fr; } }
@media (min-width: 900px){ .home-grid { grid-template-columns: 2fr 1fr; } }
.home-h2 { margin:.2rem 0 .4rem 0; font-size:1.2rem; }
.home-h2 { margin:.2rem 0 .4rem 0; font-size:1.2rem; }


/* ——— Cards ——— */
/* ——— Cards ——— */
Line 239: Line 360:
   background:#111827; color:#f3f4f6; border-color:#374151;
   background:#111827; color:#f3f4f6; border-color:#374151;
}
}
/* Featured character card */
.feature-card{
  border:1px solid #a2a9b1; background:#fff; border-radius:10px;
  padding:.8rem; display:grid; grid-template-columns: 320px 1fr; gap:1rem; align-items:start;
}
@media (max-width: 800px){
  .feature-card{ grid-template-columns: 1fr; }
}
.feature-media img{ border-radius:8px; }
.feature-title{ margin:.1rem 0 .4rem 0; font-size:1.25rem; }
.feature-excerpt{ line-height:1.5; }
.feature-readmore{ margin-top:.5rem; font-weight:600; }
/* Dark mode */
.skin-theme-clientpref-night .feature-card,
.client-darkmode .feature-card{
  background:#111827; border-color:#374151; color:#e5e7eb;
}
.skin-theme-clientpref-night .feature-readmore a,
.client-darkmode .feature-readmore a{ color:#93c5fd; }
Retrieved from "https://mundus.speakersxiv.com/index.php/MediaWiki:Common.css"