MediaWiki:Common.css: Difference between revisions

From Slippy Studios
Jump to navigation Jump to search
← Older edit
m Add item quality CSS
mNo edit summary
 
(30 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;
    margin-left: 30px;
    font-weight: bold;
    font-family: Roboto, sans-serif;
    border-radius: 15px;
}
}


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


.item_info {
.epic,
    background: rgba(0, 0, 0, 1);
.Epic{
    padding: 5px;
  color: #FF55FF;
    font-size: 16pt;
    width: 275px;
    text-align: center;
    color: {{{color}}};
    line-height: 24px;
    border-radius: 15px;
    margin-bottom: 5px;
}
}


.item_image {
.epic:hover,
    padding: 5px;
.Epic:hover {
    font-size: 16pt;
  text-decoration: underline #FF55FF !important;
    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 {
.regular,
    width: 225px;
.Regular {
    height: 225px;
  color: #FFD700;
    image-rendering: pixelated;
    margin: auto;
    display: inline-block;
    position: relative;
    top: 25px;
}
}


.item_quality {
.regular:hover,
    background: rgba(0, 0, 0, 1);
.Regular:hover {
    padding: 5px;
  text-decoration: underline #FFD700 !important;
    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 {
.strange,
    color: inherit;
.Strange {
  color: #CF6A32;
}
}


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


.item_usage {
.spooky,
    background: rgba(0, 0, 0, 1);
.Spooky {
    padding: 5px;
  color: #38F3AB;
    font-size: 13pt;
    width: 275px;
    text-align: left;
    color: #ffffff;
    border-radius: 7.5px;
    margin-bottom: 5px;
}
}


.item_type,
.spooky:hover,
.item_available,
.Spooky:hover {
.item_origin {
  text-decoration: underline #38F3AB;
    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 {
.special,
    margin-top: -1.2px;
.Special {
  color: #70B04A;
}
}


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


 
.genuine,
 
.Genuine {
 
   color: #4D7455;
 
 
 
 
 
 
 
 
font#quality-type {
   font-weight: bold;
  text-shadow: rgba(0,0,0,1) 1px 1px;
}
}


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


.strange,
.collectors,
.Strange {
.Collectors {
   color: #CF6A32;
   color: #AA0000;
}
}


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


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


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


Line 163: Line 108:
.Vintage {
.Vintage {
   color: #476291;
   color: #476291;
}
.vintage:hover,
.Vintage:hover {
  text-decoration: underline #476291;
}
}


Line 168: Line 118:
.Spectacular {
.Spectacular {
   color: #8650AC;
   color: #8650AC;
}
.spectacular:hover,
.Spectacular:hover {
  text-decoration: underline #8650AC;
}
}


Line 188: Line 143:
   -webkit-text-fill-color: transparent;
   -webkit-text-fill-color: transparent;
   text-shadow: rgba(0,0,0,0.0) 0px 0px 0px !important;
   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;
}
}

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"