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..."
 
mNo edit summary
 
(31 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */


.item_info a {
/* Item Qualities */
    color: {{{color}}};
@font-face {
  font-family: Minecraftia;
  src: url(https://slippystudios.com/media/fonts/Minecraftia.ttf);
  position: fixed;
  top:5px;
}
}


.item_info a:visited {
font#quality-type {
    color: {{{color}}};
  font-weight: bold;
  text-shadow: rgba(0,0,0,1) 1px 1px;
}
}


.item_box {
 
    background: {{{color}}};
.normal,
    padding: 5px;
.Normal{
    font-size: 16pt;
  color: #FFFFFF;
    border: 1px solid;
}
    float: right;
 
    text-align: center;
.normal:hover,
    margin-left: 30px;
.Normal:hover {
    font-weight: bold;
  text-decoration: underline #FFFFFF !important;
    font-family: Roboto, sans-serif;
}
    border-radius: 15px;
 
.epic,
.Epic{
  color: #FF55FF;
}
 
.epic:hover,
.Epic:hover {
  text-decoration: underline #FF55FF !important;
}
 
.regular,
.Regular {
  color: #FFD700;
}
 
.regular:hover,
.Regular:hover {
  text-decoration: underline #FFD700 !important;
}
 
.strange,
.Strange {
  color: #CF6A32;
}
 
.strange:hover,
.Strange:hover {
  text-decoration: underline #CF6A32;
}
}


.item_box a {
.spooky,
    color: #888888;
.Spooky {
  color: #38F3AB;
}
}


.item_info {
.spooky:hover,
    background: rgba(0, 0, 0, 1);
.Spooky:hover {
    padding: 5px;
  text-decoration: underline #38F3AB;
    font-size: 16pt;
    width: 275px;
    text-align: center;
    color: {{{color}}};
    line-height: 24px;
    border-radius: 15px;
    margin-bottom: 5px;
}
}


.item_image {
.special,
    padding: 5px;
.Special {
    font-size: 16pt;
  color: #70B04A;
    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 {
.special:hover,
    width: 225px;
.Special:hover {
    height: 225px;
  text-decoration: underline #70B04A;
    image-rendering: pixelated;
}
    margin: auto;
 
    display: inline-block;
.genuine,
    position: relative;
.Genuine {
    top: 25px;
  color: #4D7455;
}
 
.genuine:hover,
.Genuine:hover {
  text-decoration: underline #4D7455;
}
 
.collectors,
.Collectors {
  color: #AA0000;
}
 
.collectors:hover,
.Collectors:hover {
  text-decoration: underline #AA0000;
}
 
.collectable,
.Collectable {
  color: #FF4F4F;
}
 
.collectable:hover,
.Collectable:hover {
  text-decoration: underline #FF4F4F;
}
 
.vintage,
.Vintage {
  color: #476291;
}
}


.item_quality {
.vintage:hover,
    background: rgba(0, 0, 0, 1);
.Vintage:hover {
    padding: 5px;
  text-decoration: underline #476291;
    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 {
.spectacular,
    color: inherit;
.Spectacular {
  color: #8650AC;
}
}


.item_desc {
.spectacular:hover,
    background: rgba(0, 0, 0, 1);
.Spectacular:hover {
    padding: 5px;
  text-decoration: underline #8650AC;
    font-size: 13pt;
    width: 275px;
    text-align: center;
    color: #ffffff;
    border-radius: 7.5px;
    margin-bottom: 5px;
}
}


.item_usage {
.admin,
    background: rgba(0, 0, 0, 1);
.Admin {
     padding: 5px;
  background: linear-gradient(
     font-size: 13pt;
    to right,
     width: 275px;
    hsl(0, 100%, 50%),
    text-align: left;
    hsl(36, 100%, 50%),
    color: #ffffff;
    hsl(56, 100%, 50%),
    border-radius: 7.5px;
    hsl(81, 100%, 50%),
    margin-bottom: 5px;
    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;
}
}


.item_type,
table.wikitable {
.item_available,
     image-rendering: pixelated;
.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;
 
 
 
 
 
 
 
 
 
 
 
/* Chat Trinkets */
.chat_trinket#SLIPPERY {
  background: linear-gradient(to right, #FFC200, #FFE180);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
}
}

Latest revision as of 20:06, 24 November 2025

/* CSS placed here will be applied to all skins */

/* Item Qualities */
@font-face {
  font-family: Minecraftia;
  src: url(https://slippystudios.com/media/fonts/Minecraftia.ttf);
  position: fixed;
  top:5px;
}

font#quality-type {
  font-weight: bold;
  text-shadow: rgba(0,0,0,1) 1px 1px;
}


.normal,
.Normal{
  color: #FFFFFF;
}

.normal:hover,
.Normal:hover {
  text-decoration: underline #FFFFFF !important;
}

.epic,
.Epic{
  color: #FF55FF;
}

.epic:hover,
.Epic:hover {
  text-decoration: underline #FF55FF !important;
}

.regular,
.Regular {
  color: #FFD700;
}

.regular:hover,
.Regular:hover {
  text-decoration: underline #FFD700 !important;
}

.strange,
.Strange {
  color: #CF6A32;
}

.strange:hover,
.Strange:hover {
  text-decoration: underline #CF6A32;
}

.spooky,
.Spooky {
  color: #38F3AB;
}

.spooky:hover,
.Spooky:hover {
  text-decoration: underline #38F3AB;
}

.special,
.Special {
  color: #70B04A;
}

.special:hover,
.Special:hover {
  text-decoration: underline #70B04A;
}

.genuine,
.Genuine {
  color: #4D7455;
}

.genuine:hover,
.Genuine:hover {
  text-decoration: underline #4D7455;
}

.collectors,
.Collectors {
  color: #AA0000;
}

.collectors:hover,
.Collectors:hover {
  text-decoration: underline #AA0000;
}

.collectable,
.Collectable {
  color: #FF4F4F;
}

.collectable:hover,
.Collectable:hover {
  text-decoration: underline #FF4F4F;
}

.vintage,
.Vintage {
  color: #476291;
}

.vintage:hover,
.Vintage:hover {
  text-decoration: underline #476291;
}

.spectacular,
.Spectacular {
  color: #8650AC;
}

.spectacular:hover,
.Spectacular:hover {
  text-decoration: underline #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;
}

table.wikitable {
    image-rendering: pixelated;
}













/* Chat Trinkets */
.chat_trinket#SLIPPERY {
  background: linear-gradient(to right, #FFC200, #FFE180);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
}
Retrieved from "https://slippystudios.com/wiki/index.php?title=MediaWiki:Common.css&oldid=1286"