MediaWiki:Common.css: Difference between revisions

From Slippy Studios
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;
}