MediaWiki:Common.css: Difference between revisions

From UO Renaissance Wiki
Jump to navigation Jump to search
Add MediaWiki:Common.css for spell card styling
 
Optimize spell card icon styling to 88x88 pixel-crisp display
Line 1: Line 1:
/* UO:Renaissance Wiki - Global Theme Enhancements */
/* UO:Renaissance Wiki - Global Theme Enhancements */


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


.uor-spell-card td.uor-spell-art img {
.uor-spell-card td.uor-spell-art img {
   width: 105px !important;
   width: 88px !important;
   max-width: 105px !important;
   max-width: 88px !important;
   height: auto !important;
   height: 88px !important;
   border-radius: 4px;
   border-radius: 4px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
  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;
   display: inline-block;
   margin: 0 auto;
   margin: 0 auto;

Revision as of 18:08, 7 September 2026

/* 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;
}