Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
- Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
- Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
- Opera: Нажмите Ctrl+F5.
/* классы для значков */
.icon {
filter: saturate(0%);
}
/* совместимость с определением наличия иконки */
.icondummy {
font-size:inherit;
}
.iconwhite {
filter: saturate(0%) brightness(300%);
}
.icongreen {
filter: hue-rotate(220deg);
}
.iconblue {
filter: hue-rotate(300deg);
}
.iconviolet {
filter: hue-rotate(0deg);
}
.iconorange {
filter: hue-rotate(120deg) saturate(80%) brightness(140%);
}
.iconpearl {
filter: hue-rotate(260deg) saturate(500%);
}
.iconetech {
filter: hue-rotate(30deg) saturate(150%);
}
.iconseraph {
filter: hue-rotate(35deg) brightness(130%) saturate(75%);
}
.iconfire {
filter: hue-rotate(120deg);
}
.iconshock {
filter: hue-rotate(300deg) saturate(200%) brightness(150%);
}
.iconcorrosion {
filter: hue-rotate(160deg) saturate(200%) brightness(150%);
}
.iconexplosion {
filter: hue-rotate(140deg) saturate(100%) brightness(250%);
}
/* цвета для редкостей */
/* These allow automatic coloring of rarities */
.rarity-common, .rarity-common a { color: rgb(150,150,150) !important ; text-shadow: 0px 0px 3px black !important ; }
.rarity-white, .rarity-white a { color: rgb(255,255,255) !important ; text-shadow: 0px 0px 3px grey !important ; }
.rarity-green, .rarity-green a { color: rgb(61,210,11) !important ; }
.rarity-unique, .rarity-unique a { color: rgb(47,120,255) !important ; }
.rarity-blue, .rarity-blue a { color: rgb(47,120,255) !important ; }
.rarity-legendary, .rarity-legendary a { color: rgb(255,150,0) !important ; }
.rarity-orange, .rarity-orange a { color: rgb(255,150,0) !important ; }
.rarity-purple, .rarity-purple a { color: rgb(145,50,200) !important ; }
.rarity-yellow, .rarity-yellow a { color: rgb(255,180,0) !important ; }
.rarity-dark-orange, .rarity-dark-orange a { color: rgb(220,120,0) !important ; }
.rarity-pearlescent, .rarity-pearlescent a { color: rgb(0,255,255) !important ; }
.rarity-e-tech, .rarity-e-tech a { color: fuchsia !important ; }
.rarity-cursed, .rarity-cursed a { color: rgb(0,204,204) !important ; }
.rarity-red, .rarity-red a { color: rgb(207,71,71) !important ; }
.rarity-seraph, .rarity-seraph a { color: rgb(255,105,180) !important ; }
.rarity-aftermarket, .rarity-aftermarket a { color: lime !important ; }
.rarity-rainbow, .rarity-rainbow a { background: rgba(255, 32, 32,1);
background: -moz-linear-gradient(left, rgba(255, 32, 32,1) 0%, rgba(250,152,77,1) 14%, rgba(250,250,77,1) 25%, rgba(100,250,77,1) 42%, rgba(0,247,226,1) 57%, rgba(77,121,250,1) 71%, rgba(221,77,250,1) 86%, rgba(250,147,147,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 32, 32,1)), color-stop(14%, rgba(250,152,77,1)), color-stop(25%, rgba(250,250,77,1)), color-stop(42%, rgba(100,250,77,1)), color-stop(57%, rgba(0,247,226,1)), color-stop(71%, rgba(77,121,250,1)), color-stop(86%, rgba(221,77,250,1)), color-stop(100%, rgba(250,147,147,1)));
background: -webkit-linear-gradient(left, rgba(255, 32, 32,1) 0%, rgba(250,152,77,1) 14%, rgba(250,250,77,1) 25%, rgba(100,250,77,1) 42%, rgba(0,247,226,1) 57%, rgba(77,121,250,1) 71%, rgba(221,77,250,1) 86%, rgba(250,147,147,1) 100%);
background: -o-linear-gradient(left, rgba(255, 32, 32,1) 0%, rgba(250,152,77,1) 14%, rgba(250,250,77,1) 25%, rgba(100,250,77,1) 42%, rgba(0,247,226,1) 57%, rgba(77,121,250,1) 71%, rgba(221,77,250,1) 86%, rgba(250,147,147,1) 100%);
background: -ms-linear-gradient(left, rgba(255, 32, 32,1) 0%, rgba(250,152,77,1) 14%, rgba(250,250,77,1) 25%, rgba(100,250,77,1) 42%, rgba(0,247,226,1) 57%, rgba(77,121,250,1) 71%, rgba(221,77,250,1) 86%, rgba(250,147,147,1) 100%);
background: linear-gradient(to right, rgba(255, 32, 32,1) 0%, rgba(250,152,77,1) 14%, rgba(250,250,77,1) 25%, rgba(100,250,77,1) 42%, rgba(0,247,226,1) 57%, rgba(77,121,250,1) 71%, rgba(221,77,250,1) 86%, rgba(250,147,147,1) 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent; !important ;
text-shadow: none !important;}
.rarity-common>.new,.rarity-white>.new,.rarity-green>.new,.rarity-unique>.new,.rarity-blue>.new,.rarity-legendary>.new,.rarity-orange>.new,.rarity-purple>.new,.rarity-yellow>.new,.rarity-dark-orange>.new,.rarity-pearlescent>.new,.rarity-e-tech>.new,.rarity-seraph>.new,.rarity-rainbow>.new
{background-color: #FF454574; !important}
/* These allow automatic coloring of elements */
.element-incendiary, .element-incendiary a { color: #d88600 !important ; }
.element-corrosive, .element-corrosive a { color: #7ecb40 !important ; }
.element-shock, .element-shock a { color: #00bad3 !important ; }
.element-explosive, .element-explosive a { color: #d2c600 !important ; }
.element-slag, .element-slag a { color: #9e00d8 !important ; }
.element-transfusion, .element-transfusion a { color: #fbcccc !important; text-shadow: 1px 0px 0px #C30000, -1px 0px 0px #C30000, 0px 1px 0px #C30000, 0px -1px 0px #C30000, 1px 1px #C30000, -1px -1px 0px #C30000, 1px -1px 0px #C30000, -1px 1px 0px #C30000 !important; }
.element-cryo, .element-cryo a { color: rgb(0,176,220) !important; text-shadow: 1px 1px 1px #00B0FF !important; }
.element-radiation, .element-radiation a {color: #97D200 !important; text-shadow: 0px 0px 4px #E7FF02 !important;}
/* Random colors we are using (these also color hyperlinks) */
.color-black, .color-black a { color: black !important ; }
.color-red, .color-red a { color: red !important ; }
/* Random text _attributes_ we are using*/
.text-flavor { color: red; font-weight: bold; }
.text-negative { color: red; }
.bgiconred
{filter: grayscale(100%) brightness(60%) sepia(100%) hue-rotate(0deg) saturate(600%) contrast(0.8)}
.bgicongreen
{filter: grayscale(100%) brightness(50%) sepia(100%) hue-rotate(60deg) saturate(600%) contrast(0.8);}
.bgiconblue
{filter: grayscale(100%) brightness(50%) sepia(60%) hue-rotate(170deg) saturate(500%) contrast(0.8)}