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 20: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;
}