MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
Created page with "→CSS placed here will be applied to all skins: .item_info a { color: {{{color}}}; } .item_info a:visited { color: {{{color}}}; } .item_box { background: {{{color}}}; padding: 5px; font-size: 16pt; border: 1px solid; float: right; text-align: center; margin-left: 30px; font-weight: bold; font-family: Roboto, sans-serif; border-radius: 15px; } .item_box a { color: #888888; } .item_info { background: rgba(0, 0..." |
m Add item quality CSS |
||
Line 116: | Line 116: | ||
.item_origin { | .item_origin { | ||
margin-top: -1.2px; | margin-top: -1.2px; | ||
} | |||
font#quality-type { | |||
font-weight: bold; | |||
text-shadow: rgba(0,0,0,1) 1px 1px; | |||
} | |||
.regular, | |||
.Regular { | |||
color: #FFD700; | |||
} | |||
.strange, | |||
.Strange { | |||
color: #CF6A32; | |||
} | |||
.spooky, | |||
.Spooky { | |||
color: #38F3AB; | |||
} | |||
.special, | |||
.Special { | |||
color: #70B04A; | |||
} | |||
.genuine, | |||
.Genuine { | |||
color: #4D7455; | |||
} | |||
.vintage, | |||
.Vintage { | |||
color: #476291; | |||
} | |||
.spectacular, | |||
.Spectacular { | |||
color: #8650AC; | |||
} | |||
.admin, | |||
.Admin { | |||
background: linear-gradient( | |||
to right, | |||
hsl(0, 100%, 50%), | |||
hsl(36, 100%, 50%), | |||
hsl(56, 100%, 50%), | |||
hsl(81, 100%, 50%), | |||
hsl(153, 100%, 50%), | |||
hsl(177, 100%, 50%), | |||
hsl(208, 100%, 50%), | |||
hsl(270, 100%, 50%), | |||
hsl(291, 100%, 50%), | |||
hsl(321, 100%, 50%) | |||
); | |||
-webkit-background-clip: text; | |||
-webkit-text-fill-color: transparent; | |||
text-shadow: rgba(0,0,0,0.0) 0px 0px 0px !important; | |||
} | } |
Revision as of 21:41, 29 June 2025
/* CSS placed here will be applied to all skins */ .item_info a { color: {{{color}}}; } .item_info a:visited { color: {{{color}}}; } .item_box { background: {{{color}}}; padding: 5px; font-size: 16pt; border: 1px solid; float: right; text-align: center; margin-left: 30px; font-weight: bold; font-family: Roboto, sans-serif; border-radius: 15px; } .item_box a { color: #888888; } .item_info { background: rgba(0, 0, 0, 1); padding: 5px; font-size: 16pt; width: 275px; text-align: center; color: {{{color}}}; line-height: 24px; border-radius: 15px; margin-bottom: 5px; } .item_image { padding: 5px; font-size: 16pt; width: 275px; height: 275px; text-align: center; background: rgba(255, 255, 255, 0.8); color: {{{color}}}; border-radius: 15px; margin-bottom: 5px; } .item_image img { width: 225px; height: 225px; image-rendering: pixelated; margin: auto; display: inline-block; position: relative; top: 25px; } .item_quality { background: rgba(0, 0, 0, 1); padding: 5px; font-size: 13pt; text-align: center; color: #ffffff; border-radius: 7.5px; margin-bottom: 5px; padding-left: 7.5px; padding-right: 7.5px; margin-left: auto; margin-right: auto; line-height: 24px; } .item_quality a { color: inherit; } .item_desc { background: rgba(0, 0, 0, 1); padding: 5px; font-size: 13pt; width: 275px; text-align: center; color: #ffffff; border-radius: 7.5px; margin-bottom: 5px; } .item_usage { background: rgba(0, 0, 0, 1); padding: 5px; font-size: 13pt; width: 275px; text-align: left; color: #ffffff; border-radius: 7.5px; margin-bottom: 5px; } .item_type, .item_available, .item_origin { background: rgba(0, 0, 0, 1); font-size: 13pt; width: 275px; padding: 5px; text-align: center; color: #ffffff; border-radius: 7.5px; margin-bottom: 5px; } .item_origin { margin-top: -1.2px; } font#quality-type { font-weight: bold; text-shadow: rgba(0,0,0,1) 1px 1px; } .regular, .Regular { color: #FFD700; } .strange, .Strange { color: #CF6A32; } .spooky, .Spooky { color: #38F3AB; } .special, .Special { color: #70B04A; } .genuine, .Genuine { color: #4D7455; } .vintage, .Vintage { color: #476291; } .spectacular, .Spectacular { color: #8650AC; } .admin, .Admin { background: linear-gradient( to right, hsl(0, 100%, 50%), hsl(36, 100%, 50%), hsl(56, 100%, 50%), hsl(81, 100%, 50%), hsl(153, 100%, 50%), hsl(177, 100%, 50%), hsl(208, 100%, 50%), hsl(270, 100%, 50%), hsl(291, 100%, 50%), hsl(321, 100%, 50%) ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: rgba(0,0,0,0.0) 0px 0px 0px !important; }