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.

/* UO:Renaissance Wiki - Global Theme Enhancements */

/* Spell Card Image Sizing & High-Resolution Pixel Art */
.uor-spell-card td.uor-spell-art {
  width: 120px !important;
  max-width: 120px !important;
  text-align: center !important;
  vertical-align: middle !important;
  padding: 12px !important;
}

.uor-spell-card td.uor-spell-art img {
  width: 88px !important;
  max-width: 88px !important;
  height: 88px !important;
  border-radius: 4px;
  border: 1px solid #1a150e;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.7);
  image-rendering: pixelated;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
  display: inline-block;
  margin: 0 auto;
}

/* Fallback for table image sizing across wiki content */
.mw-body-content table td img {
  max-height: 180px;
}
/* Responsive container and horizontal scrolling for data tables */
.table-responsive {
  width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  margin: 16px 0 24px 0 !important;
  display: block !important;
}

/* Bulk Order Matrix Table Enhancements */
.bod-matrix-table {
  width: 100% !important;
  border-collapse: collapse !important;
  font-size: 0.88rem !important;
}

.bod-matrix-table th {
  white-space: nowrap !important;
  padding: 8px 10px !important;
  font-size: 0.84rem !important;
  letter-spacing: 0.03em !important;
}

.bod-matrix-table td {
  padding: 6px 10px !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
}

.bod-matrix-table td.num {
  font-family: 'Consolas', 'Courier New', monospace !important;
  font-size: 0.88rem !important;
  text-align: right !important;
}

.bod-matrix-table tr.tier-divider td {
  border-bottom: 2px solid rgba(212, 175, 55, 0.45) !important;
}

.bod-matrix-table tr:hover td {
  background: rgba(212, 175, 55, 0.1) !important;
}