MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* CSS placed here will be applied to all skins */

#p-tb { 
    display: none; 
}

body.page-Home #firstHeading {
    display: none;
}

html, body {
    height: 100%;
}

body {
    background-image: url("https://treeverse.wiki/images/8/84/Treeverse_background.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/* Main content box */
.mw-body,
.vector-body {
    background-color: rgba(255, 255, 255, 0.97);
}


/* Force all links to be underlined */
a,
a:visited,
a:active {
    text-decoration: underline !important;
}
/* Download buttons row */
.download-row {
  display: flex;
  flex-wrap: wrap;           /* wrap if super narrow */
  justify-content: center;   /* center the row */
  gap: 12px;                 /* space between buttons */
  margin: 8px 0 16px;
}

/* Make the badge images responsive */
.download-row img {
  width: clamp(140px, 28vw, 200px); /* 140–200px, scales with viewport */
  height: auto;
  display: block;
}

.spoiler {
  filter: blur(6px);
  cursor: pointer;
  transition: filter 0.3s ease;
}
.spoiler.revealed {
  filter: none;
}

/* Radio tabs (JS-free; requires $wgRawHtml=true and <html> wrapper) */
.tvrt { margin: 12px 0; }
.tvrt-nav { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap:6px; margin-bottom: 10px; }
.tvrt-item { display: contents; }
.tvrt-tab { display:block; padding:6px 8px; border-radius:8px; text-decoration:none; border:1px solid #eee; background:#fff; cursor:pointer; }
.tvrt-tab:hover { background:#f5f5f5; }
.tvrt-panel { display:none; grid-column: 1 / -1; padding:12px; border:1px solid #e5e5e5; border-radius:10px; background:#fff; }

/* Show only the panel next to the checked radio */
.tvrt-item > input:checked + .tvrt-tab + .tvrt-panel { display:block; }

/* Optional: style the active tab */
.tvrt-item > input:checked + .tvrt-tab { font-weight:700; border-color:#ccc; background:#fafafa; }



/* Force vertical centering in leaderboard */
#leaderboardTable > tbody > tr > th,
#leaderboardTable > tbody > tr > td {
    vertical-align: middle !important;
}