MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
Optimize spell card icon styling to 88x88 pixel-crisp display |
Add responsive table wrapper and clean bod-matrix-table styles |
||
| Line 27: | Line 27: | ||
.mw-body-content table td img { | .mw-body-content table td img { | ||
max-height: 180px; | 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; | |||
} | } | ||
Revision as of 02:32, 8 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;
}
/* 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;
}