MediaWiki:Timeless.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)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/* All CSS here will be loaded for users of the Timeless skin */
/* =========================
   Timeless-specific polish
   ========================= */

/* Make main content feel more like a clean card */
#content,
.mw-body {
  border-radius: 12px;
}

/* Add subtle separation for the content area (Timeless is fairly flat) */
#content {
  box-shadow: 0 1px 0 rgba(0,0,0,0.05);
}

/* Table of contents polish */
#toc, .toc {
  border: 1px solid rgba(0,0,0,0.12);
  border-radius: 10px;
  padding: 12px 14px;
  background: rgba(0,0,0,0.02);
}

/* Category box polish */
.catlinks {
  border: 1px solid rgba(0,0,0,0.12);
  border-radius: 10px;
  padding: 10px 12px;
  background: rgba(0,0,0,0.02);
}

/* Thumbnails and captions spacing */
.thumbinner {
  border-radius: 10px;
  overflow: hidden;
}

.thumbcaption {
  padding: 8px 10px;
  background: rgba(0,0,0,0.02);
}

/* Page actions/tabs: slightly cleaner hover */
#p-cactions a:hover,
#p-views a:hover {
  background: rgba(0,0,0,0.04);
}