MediaWiki:Common.css

From SuperJoy Wiki
Revision as of 04:25, 4 October 2025 by Zach (talk | contribs) (Created page with "=== SuperJoy Studios Global Wiki Theme ===: General layout: body { background-color: #fafafa; font-family: 'Inter', 'Segoe UI', Roboto, sans-serif; color: #1b1b1b; } Page title: #firstHeading { font-weight: 700; color: #0a2342; border-bottom: 2px solid #e0e0e0; } Header / navbar: .vector-header, .vector-menu-content { background: linear-gradient(90deg, #0a2342, #102b57); color: #fff; } .vector-menu-content a, .vector-header a { c...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

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.
/* === SuperJoy Studios Global Wiki Theme === */

/* General layout */
body {
  background-color: #fafafa;
  font-family: 'Inter', 'Segoe UI', Roboto, sans-serif;
  color: #1b1b1b;
}

/* Page title */
#firstHeading {
  font-weight: 700;
  color: #0a2342;
  border-bottom: 2px solid #e0e0e0;
}

/* Header / navbar */
.vector-header,
.vector-menu-content {
  background: linear-gradient(90deg, #0a2342, #102b57);
  color: #fff;
}

.vector-menu-content a,
.vector-header a {
  color: #e0ecff !important;
}

.vector-menu-content a:hover,
.vector-header a:hover {
  color: #fff !important;
}

/* Links */
a {
  color: #1976d2;
}

a:visited {
  color: #1565c0;
}

a:hover {
  color: #004aad;
  text-decoration: none;
}

/* Buttons and UI elements */
.mw-ui-button,
input[type="submit"],
button {
  background-color: #1976d2;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-weight: 600;
  padding: 6px 14px;
}

.mw-ui-button:hover,
input[type="submit"]:hover,
button:hover {
  background-color: #125da2;
}

/* Project card hover polish */
a:hover img {
  filter: brightness(80%) !important;
  transform: scale(1.03);
  transition: 0.3s;
}

/* Footer */
#footer {
  background: #0a2342;
  color: #ccc;
}

#footer a {
  color: #8fb8ff;
}