MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

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