Differenze tra le versioni di "MediaWiki:Common.css"

Adding type and damage category gradients
m (Adding some vendor prefixes back)
(Adding type and damage category gradients)
 
**************************************************/
.black-text, .black-text a, .blacktext-whiteblack, .blacktext-whiteblack a {
color: #000000;
}
.white-text, .white-text a, .text-white, .text-white a {
color: #FFFFFF;
}
 
.text-fisico, .fisico-text {
color: #F67A1A;
}
 
.text-speciale, .speciale-text {
color: #FFFFFF;
}
 
.text-stato, .stato-text {
color: #F7F7F7;
}
 
.overflow-hidden {
overflow: hidden;
}
 
/**************************************************
 
Gallery styles
 
**************************************************/
li.gallerybox {
display: inline-block;
background: linear-gradient(to right, #D0E6FF, #7CBAFF);
height: 12.8125rem;
vertical-align: top;
}
 
li.gallerybox div.thumb {
margin: 0.125rem 0.125rem 0 0.125rem;
text-align: center;
}
 
div.gallerytext {
padding: 0 0.25rem;
height: 3.125rem;
font-size: 85%;
line-height: 1.1;
overflow: hidden;
word-wrap: break-word;
}
 
and be equal sized
*/
/**************************************************
 
Gallery styles
 
**************************************************/
li.gallerybox {
display: inline-block;
background: linear-gradient(to right, #D0E6FF, #7CBAFF);
height: 12.8125rem;
vertical-align: top;
}
 
li.gallerybox div.thumb {
margin: 0.125rem 0.125rem 0 0.125rem;
text-align: center;
}
 
div.gallerytext {
padding: 0 0.25rem;
height: 3.125rem;
font-size: 85%;
line-height: 1.1;
overflow: hidden;
word-wrap: break-word;
}
 
/**************************************************
 
Gradients styles
 
**************************************************/
.horiz-grad-acciaio-acciaio {
background-size: 100%;
background-image: linear-gradient(to right, #DFDFE1, #AAAABB);
}
 
.horiz-grad-acciaio-acqua {
background-size: 100%;
background-image: linear-gradient(to right, #AAAABB, #3399FF);
}
 
.horiz-grad-acciaio-buio {
background-size: 100%;
background-image: linear-gradient(to right, #AAAABB, #775544);
}
 
.horiz-grad-acciaio-coleottero {
background-size: 100%;
background-image: linear-gradient(to right, #AAAABB, #AABB22);
}
 
.horiz-grad-acciaio-drago {
background-size: 100%;
background-image: linear-gradient(to right, #AAAABB, #7766EE);
}
 
.horiz-grad-acciaio-elettro {
background-size: 100%;
background-image: linear-gradient(to right, #AAAABB, #FFCC33);
}
 
.horiz-grad-acciaio-erba {
background-size: 100%;
background-image: linear-gradient(to right, #AAAABB, #77CC55);
}
 
.horiz-grad-acciaio-folletto {
background-size: 100%;
background-image: linear-gradient(to right, #AAAABB, #FFAAFF);
}
 
.horiz-grad-acciaio-fuoco {
background-size: 100%;
background-image: linear-gradient(to right, #AAAABB, #FF4422);
}
 
.horiz-grad-acciaio-ghiaccio {
background-size: 100%;
background-image: linear-gradient(to right, #AAAABB, #77DDFF);
}
 
.horiz-grad-acciaio-lotta {
background-size: 100%;
background-image: linear-gradient(to right, #AAAABB, #BB5544);
}
 
.horiz-grad-acciaio-normale {
background-size: 100%;
background-image: linear-gradient(to right, #AAAABB, #BBBBAA);
}
 
.horiz-grad-acciaio-psico {
background-size: 100%;
background-image: linear-gradient(to right, #AAAABB, #FF5599);
}
 
.horiz-grad-acciaio-roccia {
background-size: 100%;
background-image: linear-gradient(to right, #AAAABB, #BBAA66);
}
 
.horiz-grad-acciaio-spettro {
background-size: 100%;
background-image: linear-gradient(to right, #AAAABB, #6666BB);
}
 
.horiz-grad-acciaio-terra {
background-size: 100%;
background-image: linear-gradient(to right, #AAAABB, #DDBB55);
}
 
.horiz-grad-acciaio-veleno {
background-size: 100%;
background-image: linear-gradient(to right, #AAAABB, #AA5599);
}
 
.horiz-grad-acciaio-volante {
background-size: 100%;
background-image: linear-gradient(to right, #AAAABB, #6699FF);
}
 
.horiz-grad-acciaio-coleot {
background-size: 100%;
background-image: linear-gradient(to right, #AAAABB, #AABB22);
}
 
.horiz-grad-acqua-acciaio {
background-size: 100%;
background-image: linear-gradient(to right, #3399FF, #AAAABB);
}
 
.horiz-grad-acqua-acqua {
background-size: 100%;
background-image: linear-gradient(to right, #9FCEFF, #3399FF);
}
 
.horiz-grad-acqua-buio {
background-size: 100%;
background-image: linear-gradient(to right, #3399FF, #775544);
}
 
.horiz-grad-acqua-coleottero {
background-size: 100%;
background-image: linear-gradient(to right, #3399FF, #AABB22);
}
 
.horiz-grad-acqua-drago {
background-size: 100%;
background-image: linear-gradient(to right, #3399FF, #7766EE);
}
 
.horiz-grad-acqua-elettro {
background-size: 100%;
background-image: linear-gradient(to right, #3399FF, #FFCC33);
}
 
.horiz-grad-acqua-erba {
background-size: 100%;
background-image: linear-gradient(to right, #3399FF, #77CC55);
}
 
.horiz-grad-acqua-folletto {
background-size: 100%;
background-image: linear-gradient(to right, #3399FF, #FFAAFF);
}
 
.horiz-grad-acqua-fuoco {
background-size: 100%;
background-image: linear-gradient(to right, #3399FF, #FF4422);
}
 
.horiz-grad-acqua-ghiaccio {
background-size: 100%;
background-image: linear-gradient(to right, #3399FF, #77DDFF);
}
 
.horiz-grad-acqua-lotta {
background-size: 100%;
background-image: linear-gradient(to right, #3399FF, #BB5544);
}
 
.horiz-grad-acqua-normale {
background-size: 100%;
background-image: linear-gradient(to right, #3399FF, #BBBBAA);
}
 
.horiz-grad-acqua-psico {
background-size: 100%;
background-image: linear-gradient(to right, #3399FF, #FF5599);
}
 
.horiz-grad-acqua-roccia {
background-size: 100%;
background-image: linear-gradient(to right, #3399FF, #BBAA66);
}
 
.horiz-grad-acqua-spettro {
background-size: 100%;
background-image: linear-gradient(to right, #3399FF, #6666BB);
}
 
.horiz-grad-acqua-terra {
background-size: 100%;
background-image: linear-gradient(to right, #3399FF, #DDBB55);
}
 
.horiz-grad-acqua-veleno {
background-size: 100%;
background-image: linear-gradient(to right, #3399FF, #AA5599);
}
 
.horiz-grad-acqua-volante {
background-size: 100%;
background-image: linear-gradient(to right, #3399FF, #6699FF);
}
 
.horiz-grad-acqua-coleot {
background-size: 100%;
background-image: linear-gradient(to right, #3399FF, #AABB22);
}
 
.horiz-grad-buio-acciaio {
background-size: 100%;
background-image: linear-gradient(to right, #775544, #AAAABB);
}
 
.horiz-grad-buio-acqua {
background-size: 100%;
background-image: linear-gradient(to right, #775544, #3399FF);
}
 
.horiz-grad-buio-buio {
background-size: 100%;
background-image: linear-gradient(to right, #BDA396, #775544);
}
 
.horiz-grad-buio-coleottero {
background-size: 100%;
background-image: linear-gradient(to right, #775544, #AABB22);
}
 
.horiz-grad-buio-drago {
background-size: 100%;
background-image: linear-gradient(to right, #775544, #7766EE);
}
 
.horiz-grad-buio-elettro {
background-size: 100%;
background-image: linear-gradient(to right, #775544, #FFCC33);
}
 
.horiz-grad-buio-erba {
background-size: 100%;
background-image: linear-gradient(to right, #775544, #77CC55);
}
 
.horiz-grad-buio-folletto {
background-size: 100%;
background-image: linear-gradient(to right, #775544, #FFAAFF);
}
 
.horiz-grad-buio-fuoco {
background-size: 100%;
background-image: linear-gradient(to right, #775544, #FF4422);
}
 
.horiz-grad-buio-ghiaccio {
background-size: 100%;
background-image: linear-gradient(to right, #775544, #77DDFF);
}
 
.horiz-grad-buio-lotta {
background-size: 100%;
background-image: linear-gradient(to right, #775544, #BB5544);
}
 
.horiz-grad-buio-normale {
background-size: 100%;
background-image: linear-gradient(to right, #775544, #BBBBAA);
}
 
.horiz-grad-buio-psico {
background-size: 100%;
background-image: linear-gradient(to right, #775544, #FF5599);
}
 
.horiz-grad-buio-roccia {
background-size: 100%;
background-image: linear-gradient(to right, #775544, #BBAA66);
}
 
.horiz-grad-buio-spettro {
background-size: 100%;
background-image: linear-gradient(to right, #775544, #6666BB);
}
 
.horiz-grad-buio-terra {
background-size: 100%;
background-image: linear-gradient(to right, #775544, #DDBB55);
}
 
.horiz-grad-buio-veleno {
background-size: 100%;
background-image: linear-gradient(to right, #775544, #AA5599);
}
 
.horiz-grad-buio-volante {
background-size: 100%;
background-image: linear-gradient(to right, #775544, #6699FF);
}
 
.horiz-grad-buio-coleot {
background-size: 100%;
background-image: linear-gradient(to right, #775544, #AABB22);
}
 
.horiz-grad-coleottero-acciaio {
background-size: 100%;
background-image: linear-gradient(to right, #AABB22, #AAAABB);
}
 
.horiz-grad-coleottero-acqua {
background-size: 100%;
background-image: linear-gradient(to right, #AABB22, #3399FF);
}
 
.horiz-grad-coleottero-buio {
background-size: 100%;
background-image: linear-gradient(to right, #AABB22, #775544);
}
 
.horiz-grad-coleottero-coleottero {
background-size: 100%;
background-image: linear-gradient(to right, #DAEC44, #AABB22);
}
 
.horiz-grad-coleottero-drago {
background-size: 100%;
background-image: linear-gradient(to right, #AABB22, #7766EE);
}
 
.horiz-grad-coleottero-elettro {
background-size: 100%;
background-image: linear-gradient(to right, #AABB22, #FFCC33);
}
 
.horiz-grad-coleottero-erba {
background-size: 100%;
background-image: linear-gradient(to right, #AABB22, #77CC55);
}
 
.horiz-grad-coleottero-folletto {
background-size: 100%;
background-image: linear-gradient(to right, #AABB22, #FFAAFF);
}
 
.horiz-grad-coleottero-fuoco {
background-size: 100%;
background-image: linear-gradient(to right, #AABB22, #FF4422);
}
 
.horiz-grad-coleottero-ghiaccio {
background-size: 100%;
background-image: linear-gradient(to right, #AABB22, #77DDFF);
}
 
.horiz-grad-coleottero-lotta {
background-size: 100%;
background-image: linear-gradient(to right, #AABB22, #BB5544);
}
 
.horiz-grad-coleottero-normale {
background-size: 100%;
background-image: linear-gradient(to right, #AABB22, #BBBBAA);
}
 
.horiz-grad-coleottero-psico {
background-size: 100%;
background-image: linear-gradient(to right, #AABB22, #FF5599);
}
 
.horiz-grad-coleottero-roccia {
background-size: 100%;
background-image: linear-gradient(to right, #AABB22, #BBAA66);
}
 
.horiz-grad-coleottero-spettro {
background-size: 100%;
background-image: linear-gradient(to right, #AABB22, #6666BB);
}
 
.horiz-grad-coleottero-terra {
background-size: 100%;
background-image: linear-gradient(to right, #AABB22, #DDBB55);
}
 
.horiz-grad-coleottero-veleno {
background-size: 100%;
background-image: linear-gradient(to right, #AABB22, #AA5599);
}
 
.horiz-grad-coleottero-volante {
background-size: 100%;
background-image: linear-gradient(to right, #AABB22, #6699FF);
}
 
.horiz-grad-coleottero-coleot {
background-size: 100%;
background-image: linear-gradient(to right, #DAEC44, #AABB22);
}
 
.horiz-grad-drago-acciaio {
background-size: 100%;
background-image: linear-gradient(to right, #7766EE, #AAAABB);
}
 
.horiz-grad-drago-acqua {
background-size: 100%;
background-image: linear-gradient(to right, #7766EE, #3399FF);
}
 
.horiz-grad-drago-buio {
background-size: 100%;
background-image: linear-gradient(to right, #7766EE, #775544);
}
 
.horiz-grad-drago-coleottero {
background-size: 100%;
background-image: linear-gradient(to right, #7766EE, #AABB22);
}
 
.horiz-grad-drago-drago {
background-size: 100%;
background-image: linear-gradient(to right, #A194FF, #7766EE);
}
 
.horiz-grad-drago-elettro {
background-size: 100%;
background-image: linear-gradient(to right, #7766EE, #FFCC33);
}
 
.horiz-grad-drago-erba {
background-size: 100%;
background-image: linear-gradient(to right, #7766EE, #77CC55);
}
 
.horiz-grad-drago-folletto {
background-size: 100%;
background-image: linear-gradient(to right, #7766EE, #FFAAFF);
}
 
.horiz-grad-drago-fuoco {
background-size: 100%;
background-image: linear-gradient(to right, #7766EE, #FF4422);
}
 
.horiz-grad-drago-ghiaccio {
background-size: 100%;
background-image: linear-gradient(to right, #7766EE, #77DDFF);
}
 
.horiz-grad-drago-lotta {
background-size: 100%;
background-image: linear-gradient(to right, #7766EE, #BB5544);
}
 
.horiz-grad-drago-normale {
background-size: 100%;
background-image: linear-gradient(to right, #7766EE, #BBBBAA);
}
 
.horiz-grad-drago-psico {
background-size: 100%;
background-image: linear-gradient(to right, #7766EE, #FF5599);
}
 
.horiz-grad-drago-roccia {
background-size: 100%;
background-image: linear-gradient(to right, #7766EE, #BBAA66);
}
 
.horiz-grad-drago-spettro {
background-size: 100%;
background-image: linear-gradient(to right, #7766EE, #6666BB);
}
 
.horiz-grad-drago-terra {
background-size: 100%;
background-image: linear-gradient(to right, #7766EE, #DDBB55);
}
 
.horiz-grad-drago-veleno {
background-size: 100%;
background-image: linear-gradient(to right, #7766EE, #AA5599);
}
 
.horiz-grad-drago-volante {
background-size: 100%;
background-image: linear-gradient(to right, #7766EE, #6699FF);
}
 
.horiz-grad-drago-coleot {
background-size: 100%;
background-image: linear-gradient(to right, #7766EE, #AABB22);
}
 
.horiz-grad-elettro-acciaio {
background-size: 100%;
background-image: linear-gradient(to right, #FFCC33, #AAAABB);
}
 
.horiz-grad-elettro-acqua {
background-size: 100%;
background-image: linear-gradient(to right, #FFCC33, #3399FF);
}
 
.horiz-grad-elettro-buio {
background-size: 100%;
background-image: linear-gradient(to right, #FFCC33, #775544);
}
 
.horiz-grad-elettro-coleottero {
background-size: 100%;
background-image: linear-gradient(to right, #FFCC33, #AABB22);
}
 
.horiz-grad-elettro-drago {
background-size: 100%;
background-image: linear-gradient(to right, #FFCC33, #7766EE);
}
 
.horiz-grad-elettro-elettro {
background-size: 100%;
background-image: linear-gradient(to right, #FFEEBC, #FFCC33);
}
 
.horiz-grad-elettro-erba {
background-size: 100%;
background-image: linear-gradient(to right, #FFCC33, #77CC55);
}
 
.horiz-grad-elettro-folletto {
background-size: 100%;
background-image: linear-gradient(to right, #FFCC33, #FFAAFF);
}
 
.horiz-grad-elettro-fuoco {
background-size: 100%;
background-image: linear-gradient(to right, #FFCC33, #FF4422);
}
 
.horiz-grad-elettro-ghiaccio {
background-size: 100%;
background-image: linear-gradient(to right, #FFCC33, #77DDFF);
}
 
.horiz-grad-elettro-lotta {
background-size: 100%;
background-image: linear-gradient(to right, #FFCC33, #BB5544);
}
 
.horiz-grad-elettro-normale {
background-size: 100%;
background-image: linear-gradient(to right, #FFCC33, #BBBBAA);
}
 
.horiz-grad-elettro-psico {
background-size: 100%;
background-image: linear-gradient(to right, #FFCC33, #FF5599);
}
 
.horiz-grad-elettro-roccia {
background-size: 100%;
background-image: linear-gradient(to right, #FFCC33, #BBAA66);
}
 
.horiz-grad-elettro-spettro {
background-size: 100%;
background-image: linear-gradient(to right, #FFCC33, #6666BB);
}
 
.horiz-grad-elettro-terra {
background-size: 100%;
background-image: linear-gradient(to right, #FFCC33, #DDBB55);
}
 
.horiz-grad-elettro-veleno {
background-size: 100%;
background-image: linear-gradient(to right, #FFCC33, #AA5599);
}
 
.horiz-grad-elettro-volante {
background-size: 100%;
background-image: linear-gradient(to right, #FFCC33, #6699FF);
}
 
.horiz-grad-elettro-coleot {
background-size: 100%;
background-image: linear-gradient(to right, #FFCC33, #AABB22);
}
 
.horiz-grad-erba-acciaio {
background-size: 100%;
background-image: linear-gradient(to right, #77CC55, #AAAABB);
}
 
.horiz-grad-erba-acqua {
background-size: 100%;
background-image: linear-gradient(to right, #77CC55, #3399FF);
}
 
.horiz-grad-erba-buio {
background-size: 100%;
background-image: linear-gradient(to right, #77CC55, #775544);
}
 
.horiz-grad-erba-coleottero {
background-size: 100%;
background-image: linear-gradient(to right, #77CC55, #AABB22);
}
 
.horiz-grad-erba-drago {
background-size: 100%;
background-image: linear-gradient(to right, #77CC55, #7766EE);
}
 
.horiz-grad-erba-elettro {
background-size: 100%;
background-image: linear-gradient(to right, #77CC55, #FFCC33);
}
 
.horiz-grad-erba-erba {
background-size: 100%;
background-image: linear-gradient(to right, #BDFFA3, #77CC55);
}
 
.horiz-grad-erba-folletto {
background-size: 100%;
background-image: linear-gradient(to right, #77CC55, #FFAAFF);
}
 
.horiz-grad-erba-fuoco {
background-size: 100%;
background-image: linear-gradient(to right, #77CC55, #FF4422);
}
 
.horiz-grad-erba-ghiaccio {
background-size: 100%;
background-image: linear-gradient(to right, #77CC55, #77DDFF);
}
 
.horiz-grad-erba-lotta {
background-size: 100%;
background-image: linear-gradient(to right, #77CC55, #BB5544);
}
 
.horiz-grad-erba-normale {
background-size: 100%;
background-image: linear-gradient(to right, #77CC55, #BBBBAA);
}
 
.horiz-grad-erba-psico {
background-size: 100%;
background-image: linear-gradient(to right, #77CC55, #FF5599);
}
 
.horiz-grad-erba-roccia {
background-size: 100%;
background-image: linear-gradient(to right, #77CC55, #BBAA66);
}
 
.horiz-grad-erba-spettro {
background-size: 100%;
background-image: linear-gradient(to right, #77CC55, #6666BB);
}
 
.horiz-grad-erba-terra {
background-size: 100%;
background-image: linear-gradient(to right, #77CC55, #DDBB55);
}
 
.horiz-grad-erba-veleno {
background-size: 100%;
background-image: linear-gradient(to right, #77CC55, #AA5599);
}
 
.horiz-grad-erba-volante {
background-size: 100%;
background-image: linear-gradient(to right, #77CC55, #6699FF);
}
 
.horiz-grad-erba-coleot {
background-size: 100%;
background-image: linear-gradient(to right, #77CC55, #AABB22);
}
 
.horiz-grad-folletto-acciaio {
background-size: 100%;
background-image: linear-gradient(to right, #FFAAFF, #AAAABB);
}
 
.horiz-grad-folletto-acqua {
background-size: 100%;
background-image: linear-gradient(to right, #FFAAFF, #3399FF);
}
 
.horiz-grad-folletto-buio {
background-size: 100%;
background-image: linear-gradient(to right, #FFAAFF, #775544);
}
 
.horiz-grad-folletto-coleottero {
background-size: 100%;
background-image: linear-gradient(to right, #FFAAFF, #AABB22);
}
 
.horiz-grad-folletto-drago {
background-size: 100%;
background-image: linear-gradient(to right, #FFAAFF, #7766EE);
}
 
.horiz-grad-folletto-elettro {
background-size: 100%;
background-image: linear-gradient(to right, #FFAAFF, #FFCC33);
}
 
.horiz-grad-folletto-erba {
background-size: 100%;
background-image: linear-gradient(to right, #FFAAFF, #77CC55);
}
 
.horiz-grad-folletto-folletto {
background-size: 100%;
background-image: linear-gradient(to right, #FFDDFF, #FFAAFF);
}
 
.horiz-grad-folletto-fuoco {
background-size: 100%;
background-image: linear-gradient(to right, #FFAAFF, #FF4422);
}
 
.horiz-grad-folletto-ghiaccio {
background-size: 100%;
background-image: linear-gradient(to right, #FFAAFF, #77DDFF);
}
 
.horiz-grad-folletto-lotta {
background-size: 100%;
background-image: linear-gradient(to right, #FFAAFF, #BB5544);
}
 
.horiz-grad-folletto-normale {
background-size: 100%;
background-image: linear-gradient(to right, #FFAAFF, #BBBBAA);
}
 
.horiz-grad-folletto-psico {
background-size: 100%;
background-image: linear-gradient(to right, #FFAAFF, #FF5599);
}
 
.horiz-grad-folletto-roccia {
background-size: 100%;
background-image: linear-gradient(to right, #FFAAFF, #BBAA66);
}
 
.horiz-grad-folletto-spettro {
background-size: 100%;
background-image: linear-gradient(to right, #FFAAFF, #6666BB);
}
 
.horiz-grad-folletto-terra {
background-size: 100%;
background-image: linear-gradient(to right, #FFAAFF, #DDBB55);
}
 
.horiz-grad-folletto-veleno {
background-size: 100%;
background-image: linear-gradient(to right, #FFAAFF, #AA5599);
}
 
.horiz-grad-folletto-volante {
background-size: 100%;
background-image: linear-gradient(to right, #FFAAFF, #6699FF);
}
 
.horiz-grad-folletto-coleot {
background-size: 100%;
background-image: linear-gradient(to right, #FFAAFF, #AABB22);
}
 
.horiz-grad-fuoco-acciaio {
background-size: 100%;
background-image: linear-gradient(to right, #FF4422, #AAAABB);
}
 
.horiz-grad-fuoco-acqua {
background-size: 100%;
background-image: linear-gradient(to right, #FF4422, #3399FF);
}
 
.horiz-grad-fuoco-buio {
background-size: 100%;
background-image: linear-gradient(to right, #FF4422, #775544);
}
 
.horiz-grad-fuoco-coleottero {
background-size: 100%;
background-image: linear-gradient(to right, #FF4422, #AABB22);
}
 
.horiz-grad-fuoco-drago {
background-size: 100%;
background-image: linear-gradient(to right, #FF4422, #7766EE);
}
 
.horiz-grad-fuoco-elettro {
background-size: 100%;
background-image: linear-gradient(to right, #FF4422, #FFCC33);
}
 
.horiz-grad-fuoco-erba {
background-size: 100%;
background-image: linear-gradient(to right, #FF4422, #77CC55);
}
 
.horiz-grad-fuoco-folletto {
background-size: 100%;
background-image: linear-gradient(to right, #FF4422, #FFAAFF);
}
 
.horiz-grad-fuoco-fuoco {
background-size: 100%;
background-image: linear-gradient(to right, #FF927D, #FF4422);
}
 
.horiz-grad-fuoco-ghiaccio {
background-size: 100%;
background-image: linear-gradient(to right, #FF4422, #77DDFF);
}
 
.horiz-grad-fuoco-lotta {
background-size: 100%;
background-image: linear-gradient(to right, #FF4422, #BB5544);
}
 
.horiz-grad-fuoco-normale {
background-size: 100%;
background-image: linear-gradient(to right, #FF4422, #BBBBAA);
}
 
.horiz-grad-fuoco-psico {
background-size: 100%;
background-image: linear-gradient(to right, #FF4422, #FF5599);
}
 
.horiz-grad-fuoco-roccia {
background-size: 100%;
background-image: linear-gradient(to right, #FF4422, #BBAA66);
}
 
.horiz-grad-fuoco-spettro {
background-size: 100%;
background-image: linear-gradient(to right, #FF4422, #6666BB);
}
 
.horiz-grad-fuoco-terra {
background-size: 100%;
background-image: linear-gradient(to right, #FF4422, #DDBB55);
}
 
.horiz-grad-fuoco-veleno {
background-size: 100%;
background-image: linear-gradient(to right, #FF4422, #AA5599);
}
 
.horiz-grad-fuoco-volante {
background-size: 100%;
background-image: linear-gradient(to right, #FF4422, #6699FF);
}
 
.horiz-grad-fuoco-coleot {
background-size: 100%;
background-image: linear-gradient(to right, #FF4422, #AABB22);
}
 
.horiz-grad-ghiaccio-acciaio {
background-size: 100%;
background-image: linear-gradient(to right, #77DDFF, #AAAABB);
}
 
.horiz-grad-ghiaccio-acqua {
background-size: 100%;
background-image: linear-gradient(to right, #77DDFF, #3399FF);
}
 
.horiz-grad-ghiaccio-buio {
background-size: 100%;
background-image: linear-gradient(to right, #77DDFF, #775544);
}
 
.horiz-grad-ghiaccio-coleottero {
background-size: 100%;
background-image: linear-gradient(to right, #77DDFF, #AABB22);
}
 
.horiz-grad-ghiaccio-drago {
background-size: 100%;
background-image: linear-gradient(to right, #77DDFF, #7766EE);
}
 
.horiz-grad-ghiaccio-elettro {
background-size: 100%;
background-image: linear-gradient(to right, #77DDFF, #FFCC33);
}
 
.horiz-grad-ghiaccio-erba {
background-size: 100%;
background-image: linear-gradient(to right, #77DDFF, #77CC55);
}
 
.horiz-grad-ghiaccio-folletto {
background-size: 100%;
background-image: linear-gradient(to right, #77DDFF, #FFAAFF);
}
 
.horiz-grad-ghiaccio-fuoco {
background-size: 100%;
background-image: linear-gradient(to right, #77DDFF, #FF4422);
}
 
.horiz-grad-ghiaccio-ghiaccio {
background-size: 100%;
background-image: linear-gradient(to right, #DBF6FF, #77DDFF);
}
 
.horiz-grad-ghiaccio-lotta {
background-size: 100%;
background-image: linear-gradient(to right, #77DDFF, #BB5544);
}
 
.horiz-grad-ghiaccio-normale {
background-size: 100%;
background-image: linear-gradient(to right, #77DDFF, #BBBBAA);
}
 
.horiz-grad-ghiaccio-psico {
background-size: 100%;
background-image: linear-gradient(to right, #77DDFF, #FF5599);
}
 
.horiz-grad-ghiaccio-roccia {
background-size: 100%;
background-image: linear-gradient(to right, #77DDFF, #BBAA66);
}
 
.horiz-grad-ghiaccio-spettro {
background-size: 100%;
background-image: linear-gradient(to right, #77DDFF, #6666BB);
}
 
.horiz-grad-ghiaccio-terra {
background-size: 100%;
background-image: linear-gradient(to right, #77DDFF, #DDBB55);
}
 
.horiz-grad-ghiaccio-veleno {
background-size: 100%;
background-image: linear-gradient(to right, #77DDFF, #AA5599);
}
 
.horiz-grad-ghiaccio-volante {
background-size: 100%;
background-image: linear-gradient(to right, #77DDFF, #6699FF);
}
 
.horiz-grad-ghiaccio-coleot {
background-size: 100%;
background-image: linear-gradient(to right, #77DDFF, #AABB22);
}
 
.horiz-grad-lotta-acciaio {
background-size: 100%;
background-image: linear-gradient(to right, #BB5544, #AAAABB);
}
 
.horiz-grad-lotta-acqua {
background-size: 100%;
background-image: linear-gradient(to right, #BB5544, #3399FF);
}
 
.horiz-grad-lotta-buio {
background-size: 100%;
background-image: linear-gradient(to right, #BB5544, #775544);
}
 
.horiz-grad-lotta-coleottero {
background-size: 100%;
background-image: linear-gradient(to right, #BB5544, #AABB22);
}
 
.horiz-grad-lotta-drago {
background-size: 100%;
background-image: linear-gradient(to right, #BB5544, #7766EE);
}
 
.horiz-grad-lotta-elettro {
background-size: 100%;
background-image: linear-gradient(to right, #BB5544, #FFCC33);
}
 
.horiz-grad-lotta-erba {
background-size: 100%;
background-image: linear-gradient(to right, #BB5544, #77CC55);
}
 
.horiz-grad-lotta-folletto {
background-size: 100%;
background-image: linear-gradient(to right, #BB5544, #FFAAFF);
}
 
.horiz-grad-lotta-fuoco {
background-size: 100%;
background-image: linear-gradient(to right, #BB5544, #FF4422);
}
 
.horiz-grad-lotta-ghiaccio {
background-size: 100%;
background-image: linear-gradient(to right, #BB5544, #77DDFF);
}
 
.horiz-grad-lotta-lotta {
background-size: 100%;
background-image: linear-gradient(to right, #EA9A8D, #BB5544);
}
 
.horiz-grad-lotta-normale {
background-size: 100%;
background-image: linear-gradient(to right, #BB5544, #BBBBAA);
}
 
.horiz-grad-lotta-psico {
background-size: 100%;
background-image: linear-gradient(to right, #BB5544, #FF5599);
}
 
.horiz-grad-lotta-roccia {
background-size: 100%;
background-image: linear-gradient(to right, #BB5544, #BBAA66);
}
 
.horiz-grad-lotta-spettro {
background-size: 100%;
background-image: linear-gradient(to right, #BB5544, #6666BB);
}
 
.horiz-grad-lotta-terra {
background-size: 100%;
background-image: linear-gradient(to right, #BB5544, #DDBB55);
}
 
.horiz-grad-lotta-veleno {
background-size: 100%;
background-image: linear-gradient(to right, #BB5544, #AA5599);
}
 
.horiz-grad-lotta-volante {
background-size: 100%;
background-image: linear-gradient(to right, #BB5544, #6699FF);
}
 
.horiz-grad-lotta-coleot {
background-size: 100%;
background-image: linear-gradient(to right, #BB5544, #AABB22);
}
 
.horiz-grad-normale-acciaio {
background-size: 100%;
background-image: linear-gradient(to right, #BBBBAA, #AAAABB);
}
 
.horiz-grad-normale-acqua {
background-size: 100%;
background-image: linear-gradient(to right, #BBBBAA, #3399FF);
}
 
.horiz-grad-normale-buio {
background-size: 100%;
background-image: linear-gradient(to right, #BBBBAA, #775544);
}
 
.horiz-grad-normale-coleottero {
background-size: 100%;
background-image: linear-gradient(to right, #BBBBAA, #AABB22);
}
 
.horiz-grad-normale-drago {
background-size: 100%;
background-image: linear-gradient(to right, #BBBBAA, #7766EE);
}
 
.horiz-grad-normale-elettro {
background-size: 100%;
background-image: linear-gradient(to right, #BBBBAA, #FFCC33);
}
 
.horiz-grad-normale-erba {
background-size: 100%;
background-image: linear-gradient(to right, #BBBBAA, #77CC55);
}
 
.horiz-grad-normale-folletto {
background-size: 100%;
background-image: linear-gradient(to right, #BBBBAA, #FFAAFF);
}
 
.horiz-grad-normale-fuoco {
background-size: 100%;
background-image: linear-gradient(to right, #BBBBAA, #FF4422);
}
 
.horiz-grad-normale-ghiaccio {
background-size: 100%;
background-image: linear-gradient(to right, #BBBBAA, #77DDFF);
}
 
.horiz-grad-normale-lotta {
background-size: 100%;
background-image: linear-gradient(to right, #BBBBAA, #BB5544);
}
 
.horiz-grad-normale-normale {
background-size: 100%;
background-image: linear-gradient(to right, #E7E7D8, #BBBBAA);
}
 
.horiz-grad-normale-psico {
background-size: 100%;
background-image: linear-gradient(to right, #BBBBAA, #FF5599);
}
 
.horiz-grad-normale-roccia {
background-size: 100%;
background-image: linear-gradient(to right, #BBBBAA, #BBAA66);
}
 
.horiz-grad-normale-spettro {
background-size: 100%;
background-image: linear-gradient(to right, #BBBBAA, #6666BB);
}
 
.horiz-grad-normale-terra {
background-size: 100%;
background-image: linear-gradient(to right, #BBBBAA, #DDBB55);
}
 
.horiz-grad-normale-veleno {
background-size: 100%;
background-image: linear-gradient(to right, #BBBBAA, #AA5599);
}
 
.horiz-grad-normale-volante {
background-size: 100%;
background-image: linear-gradient(to right, #BBBBAA, #6699FF);
}
 
.horiz-grad-normale-coleot {
background-size: 100%;
background-image: linear-gradient(to right, #BBBBAA, #AABB22);
}
 
.horiz-grad-psico-acciaio {
background-size: 100%;
background-image: linear-gradient(to right, #FF5599, #AAAABB);
}
 
.horiz-grad-psico-acqua {
background-size: 100%;
background-image: linear-gradient(to right, #FF5599, #3399FF);
}
 
.horiz-grad-psico-buio {
background-size: 100%;
background-image: linear-gradient(to right, #FF5599, #775544);
}
 
.horiz-grad-psico-coleottero {
background-size: 100%;
background-image: linear-gradient(to right, #FF5599, #AABB22);
}
 
.horiz-grad-psico-drago {
background-size: 100%;
background-image: linear-gradient(to right, #FF5599, #7766EE);
}
 
.horiz-grad-psico-elettro {
background-size: 100%;
background-image: linear-gradient(to right, #FF5599, #FFCC33);
}
 
.horiz-grad-psico-erba {
background-size: 100%;
background-image: linear-gradient(to right, #FF5599, #77CC55);
}
 
.horiz-grad-psico-folletto {
background-size: 100%;
background-image: linear-gradient(to right, #FF5599, #FFAAFF);
}
 
.horiz-grad-psico-fuoco {
background-size: 100%;
background-image: linear-gradient(to right, #FF5599, #FF4422);
}
 
.horiz-grad-psico-ghiaccio {
background-size: 100%;
background-image: linear-gradient(to right, #FF5599, #77DDFF);
}
 
.horiz-grad-psico-lotta {
background-size: 100%;
background-image: linear-gradient(to right, #FF5599, #BB5544);
}
 
.horiz-grad-psico-normale {
background-size: 100%;
background-image: linear-gradient(to right, #FF5599, #BBBBAA);
}
 
.horiz-grad-psico-psico {
background-size: 100%;
background-image: linear-gradient(to right, #FF9CC4, #FF5599);
}
 
.horiz-grad-psico-roccia {
background-size: 100%;
background-image: linear-gradient(to right, #FF5599, #BBAA66);
}
 
.horiz-grad-psico-spettro {
background-size: 100%;
background-image: linear-gradient(to right, #FF5599, #6666BB);
}
 
.horiz-grad-psico-terra {
background-size: 100%;
background-image: linear-gradient(to right, #FF5599, #DDBB55);
}
 
.horiz-grad-psico-veleno {
background-size: 100%;
background-image: linear-gradient(to right, #FF5599, #AA5599);
}
 
.horiz-grad-psico-volante {
background-size: 100%;
background-image: linear-gradient(to right, #FF5599, #6699FF);
}
 
.horiz-grad-psico-coleot {
background-size: 100%;
background-image: linear-gradient(to right, #FF5599, #AABB22);
}
 
.horiz-grad-roccia-acciaio {
background-size: 100%;
background-image: linear-gradient(to right, #BBAA66, #AAAABB);
}
 
.horiz-grad-roccia-acqua {
background-size: 100%;
background-image: linear-gradient(to right, #BBAA66, #3399FF);
}
 
.horiz-grad-roccia-buio {
background-size: 100%;
background-image: linear-gradient(to right, #BBAA66, #775544);
}
 
.horiz-grad-roccia-coleottero {
background-size: 100%;
background-image: linear-gradient(to right, #BBAA66, #AABB22);
}
 
.horiz-grad-roccia-drago {
background-size: 100%;
background-image: linear-gradient(to right, #BBAA66, #7766EE);
}
 
.horiz-grad-roccia-elettro {
background-size: 100%;
background-image: linear-gradient(to right, #BBAA66, #FFCC33);
}
 
.horiz-grad-roccia-erba {
background-size: 100%;
background-image: linear-gradient(to right, #BBAA66, #77CC55);
}
 
.horiz-grad-roccia-folletto {
background-size: 100%;
background-image: linear-gradient(to right, #BBAA66, #FFAAFF);
}
 
.horiz-grad-roccia-fuoco {
background-size: 100%;
background-image: linear-gradient(to right, #BBAA66, #FF4422);
}
 
.horiz-grad-roccia-ghiaccio {
background-size: 100%;
background-image: linear-gradient(to right, #BBAA66, #77DDFF);
}
 
.horiz-grad-roccia-lotta {
background-size: 100%;
background-image: linear-gradient(to right, #BBAA66, #BB5544);
}
 
.horiz-grad-roccia-normale {
background-size: 100%;
background-image: linear-gradient(to right, #BBAA66, #BBBBAA);
}
 
.horiz-grad-roccia-psico {
background-size: 100%;
background-image: linear-gradient(to right, #BBAA66, #FF5599);
}
 
.horiz-grad-roccia-roccia {
background-size: 100%;
background-image: linear-gradient(to right, #E1D08C, #BBAA66);
}
 
.horiz-grad-roccia-spettro {
background-size: 100%;
background-image: linear-gradient(to right, #BBAA66, #6666BB);
}
 
.horiz-grad-roccia-terra {
background-size: 100%;
background-image: linear-gradient(to right, #BBAA66, #DDBB55);
}
 
.horiz-grad-roccia-veleno {
background-size: 100%;
background-image: linear-gradient(to right, #BBAA66, #AA5599);
}
 
.horiz-grad-roccia-volante {
background-size: 100%;
background-image: linear-gradient(to right, #BBAA66, #6699FF);
}
 
.horiz-grad-roccia-coleot {
background-size: 100%;
background-image: linear-gradient(to right, #BBAA66, #AABB22);
}
 
.horiz-grad-spettro-acciaio {
background-size: 100%;
background-image: linear-gradient(to right, #6666BB, #AAAABB);
}
 
.horiz-grad-spettro-acqua {
background-size: 100%;
background-image: linear-gradient(to right, #6666BB, #3399FF);
}
 
.horiz-grad-spettro-buio {
background-size: 100%;
background-image: linear-gradient(to right, #6666BB, #775544);
}
 
.horiz-grad-spettro-coleottero {
background-size: 100%;
background-image: linear-gradient(to right, #6666BB, #AABB22);
}
 
.horiz-grad-spettro-drago {
background-size: 100%;
background-image: linear-gradient(to right, #6666BB, #7766EE);
}
 
.horiz-grad-spettro-elettro {
background-size: 100%;
background-image: linear-gradient(to right, #6666BB, #FFCC33);
}
 
.horiz-grad-spettro-erba {
background-size: 100%;
background-image: linear-gradient(to right, #6666BB, #77CC55);
}
 
.horiz-grad-spettro-folletto {
background-size: 100%;
background-image: linear-gradient(to right, #6666BB, #FFAAFF);
}
 
.horiz-grad-spettro-fuoco {
background-size: 100%;
background-image: linear-gradient(to right, #6666BB, #FF4422);
}
 
.horiz-grad-spettro-ghiaccio {
background-size: 100%;
background-image: linear-gradient(to right, #6666BB, #77DDFF);
}
 
.horiz-grad-spettro-lotta {
background-size: 100%;
background-image: linear-gradient(to right, #6666BB, #BB5544);
}
 
.horiz-grad-spettro-normale {
background-size: 100%;
background-image: linear-gradient(to right, #6666BB, #BBBBAA);
}
 
.horiz-grad-spettro-psico {
background-size: 100%;
background-image: linear-gradient(to right, #6666BB, #FF5599);
}
 
.horiz-grad-spettro-roccia {
background-size: 100%;
background-image: linear-gradient(to right, #6666BB, #BBAA66);
}
 
.horiz-grad-spettro-spettro {
background-size: 100%;
background-image: linear-gradient(to right, #9F9FEC, #6666BB);
}
 
.horiz-grad-spettro-terra {
background-size: 100%;
background-image: linear-gradient(to right, #6666BB, #DDBB55);
}
 
.horiz-grad-spettro-veleno {
background-size: 100%;
background-image: linear-gradient(to right, #6666BB, #AA5599);
}
 
.horiz-grad-spettro-volante {
background-size: 100%;
background-image: linear-gradient(to right, #6666BB, #6699FF);
}
 
.horiz-grad-spettro-coleot {
background-size: 100%;
background-image: linear-gradient(to right, #6666BB, #AABB22);
}
 
.horiz-grad-terra-acciaio {
background-size: 100%;
background-image: linear-gradient(to right, #DDBB55, #AAAABB);
}
 
.horiz-grad-terra-acqua {
background-size: 100%;
background-image: linear-gradient(to right, #DDBB55, #3399FF);
}
 
.horiz-grad-terra-buio {
background-size: 100%;
background-image: linear-gradient(to right, #DDBB55, #775544);
}
 
.horiz-grad-terra-coleottero {
background-size: 100%;
background-image: linear-gradient(to right, #DDBB55, #AABB22);
}
 
.horiz-grad-terra-drago {
background-size: 100%;
background-image: linear-gradient(to right, #DDBB55, #7766EE);
}
 
.horiz-grad-terra-elettro {
background-size: 100%;
background-image: linear-gradient(to right, #DDBB55, #FFCC33);
}
 
.horiz-grad-terra-erba {
background-size: 100%;
background-image: linear-gradient(to right, #DDBB55, #77CC55);
}
 
.horiz-grad-terra-folletto {
background-size: 100%;
background-image: linear-gradient(to right, #DDBB55, #FFAAFF);
}
 
.horiz-grad-terra-fuoco {
background-size: 100%;
background-image: linear-gradient(to right, #DDBB55, #FF4422);
}
 
.horiz-grad-terra-ghiaccio {
background-size: 100%;
background-image: linear-gradient(to right, #DDBB55, #77DDFF);
}
 
.horiz-grad-terra-lotta {
background-size: 100%;
background-image: linear-gradient(to right, #DDBB55, #BB5544);
}
 
.horiz-grad-terra-normale {
background-size: 100%;
background-image: linear-gradient(to right, #DDBB55, #BBBBAA);
}
 
.horiz-grad-terra-psico {
background-size: 100%;
background-image: linear-gradient(to right, #DDBB55, #FF5599);
}
 
.horiz-grad-terra-roccia {
background-size: 100%;
background-image: linear-gradient(to right, #DDBB55, #BBAA66);
}
 
.horiz-grad-terra-spettro {
background-size: 100%;
background-image: linear-gradient(to right, #DDBB55, #6666BB);
}
 
.horiz-grad-terra-terra {
background-size: 100%;
background-image: linear-gradient(to right, #F1DDA0, #DDBB55);
}
 
.horiz-grad-terra-veleno {
background-size: 100%;
background-image: linear-gradient(to right, #DDBB55, #AA5599);
}
 
.horiz-grad-terra-volante {
background-size: 100%;
background-image: linear-gradient(to right, #DDBB55, #6699FF);
}
 
.horiz-grad-terra-coleot {
background-size: 100%;
background-image: linear-gradient(to right, #DDBB55, #AABB22);
}
 
.horiz-grad-veleno-acciaio {
background-size: 100%;
background-image: linear-gradient(to right, #AA5599, #AAAABB);
}
 
.horiz-grad-veleno-acqua {
background-size: 100%;
background-image: linear-gradient(to right, #AA5599, #3399FF);
}
 
.horiz-grad-veleno-buio {
background-size: 100%;
background-image: linear-gradient(to right, #AA5599, #775544);
}
 
.horiz-grad-veleno-coleottero {
background-size: 100%;
background-image: linear-gradient(to right, #AA5599, #AABB22);
}
 
.horiz-grad-veleno-drago {
background-size: 100%;
background-image: linear-gradient(to right, #AA5599, #7766EE);
}
 
.horiz-grad-veleno-elettro {
background-size: 100%;
background-image: linear-gradient(to right, #AA5599, #FFCC33);
}
 
.horiz-grad-veleno-erba {
background-size: 100%;
background-image: linear-gradient(to right, #AA5599, #77CC55);
}
 
.horiz-grad-veleno-folletto {
background-size: 100%;
background-image: linear-gradient(to right, #AA5599, #FFAAFF);
}
 
.horiz-grad-veleno-fuoco {
background-size: 100%;
background-image: linear-gradient(to right, #AA5599, #FF4422);
}
 
.horiz-grad-veleno-ghiaccio {
background-size: 100%;
background-image: linear-gradient(to right, #AA5599, #77DDFF);
}
 
.horiz-grad-veleno-lotta {
background-size: 100%;
background-image: linear-gradient(to right, #AA5599, #BB5544);
}
 
.horiz-grad-veleno-normale {
background-size: 100%;
background-image: linear-gradient(to right, #AA5599, #BBBBAA);
}
 
.horiz-grad-veleno-psico {
background-size: 100%;
background-image: linear-gradient(to right, #AA5599, #FF5599);
}
 
.horiz-grad-veleno-roccia {
background-size: 100%;
background-image: linear-gradient(to right, #AA5599, #BBAA66);
}
 
.horiz-grad-veleno-spettro {
background-size: 100%;
background-image: linear-gradient(to right, #AA5599, #6666BB);
}
 
.horiz-grad-veleno-terra {
background-size: 100%;
background-image: linear-gradient(to right, #AA5599, #DDBB55);
}
 
.horiz-grad-veleno-veleno {
background-size: 100%;
background-image: linear-gradient(to right, #C689BA, #AA5599);
}
 
.horiz-grad-veleno-volante {
background-size: 100%;
background-image: linear-gradient(to right, #AA5599, #6699FF);
}
 
.horiz-grad-veleno-coleot {
background-size: 100%;
background-image: linear-gradient(to right, #AA5599, #AABB22);
}
 
.horiz-grad-volante-acciaio {
background-size: 100%;
background-image: linear-gradient(to right, #6699FF, #AAAABB);
}
 
.horiz-grad-volante-acqua {
background-size: 100%;
background-image: linear-gradient(to right, #6699FF, #3399FF);
}
 
.horiz-grad-volante-buio {
background-size: 100%;
background-image: linear-gradient(to right, #6699FF, #775544);
}
 
.horiz-grad-volante-coleottero {
background-size: 100%;
background-image: linear-gradient(to right, #6699FF, #AABB22);
}
 
.horiz-grad-volante-drago {
background-size: 100%;
background-image: linear-gradient(to right, #6699FF, #7766EE);
}
 
.horiz-grad-volante-elettro {
background-size: 100%;
background-image: linear-gradient(to right, #6699FF, #FFCC33);
}
 
.horiz-grad-volante-erba {
background-size: 100%;
background-image: linear-gradient(to right, #6699FF, #77CC55);
}
 
.horiz-grad-volante-folletto {
background-size: 100%;
background-image: linear-gradient(to right, #6699FF, #FFAAFF);
}
 
.horiz-grad-volante-fuoco {
background-size: 100%;
background-image: linear-gradient(to right, #6699FF, #FF4422);
}
 
.horiz-grad-volante-ghiaccio {
background-size: 100%;
background-image: linear-gradient(to right, #6699FF, #77DDFF);
}
 
.horiz-grad-volante-lotta {
background-size: 100%;
background-image: linear-gradient(to right, #6699FF, #BB5544);
}
 
.horiz-grad-volante-normale {
background-size: 100%;
background-image: linear-gradient(to right, #6699FF, #BBBBAA);
}
 
.horiz-grad-volante-psico {
background-size: 100%;
background-image: linear-gradient(to right, #6699FF, #FF5599);
}
 
.horiz-grad-volante-roccia {
background-size: 100%;
background-image: linear-gradient(to right, #6699FF, #BBAA66);
}
 
.horiz-grad-volante-spettro {
background-size: 100%;
background-image: linear-gradient(to right, #6699FF, #6666BB);
}
 
.horiz-grad-volante-terra {
background-size: 100%;
background-image: linear-gradient(to right, #6699FF, #DDBB55);
}
 
.horiz-grad-volante-veleno {
background-size: 100%;
background-image: linear-gradient(to right, #6699FF, #AA5599);
}
 
.horiz-grad-volante-volante {
background-size: 100%;
background-image: linear-gradient(to right, #9CBDFF, #6699FF);
}
 
.horiz-grad-volante-coleot {
background-size: 100%;
background-image: linear-gradient(to right, #6699FF, #AABB22);
}
 
.horiz-grad-coleot-acciaio {
background-size: 100%;
background-image: linear-gradient(to right, #AABB22, #AAAABB);
}
 
.horiz-grad-coleot-acqua {
background-size: 100%;
background-image: linear-gradient(to right, #AABB22, #3399FF);
}
 
.horiz-grad-coleot-buio {
background-size: 100%;
background-image: linear-gradient(to right, #AABB22, #775544);
}
 
.horiz-grad-coleot-coleottero {
background-size: 100%;
background-image: linear-gradient(to right, #DAEC44, #AABB22);
}
 
.horiz-grad-coleot-drago {
background-size: 100%;
background-image: linear-gradient(to right, #AABB22, #7766EE);
}
 
.horiz-grad-coleot-elettro {
background-size: 100%;
background-image: linear-gradient(to right, #AABB22, #FFCC33);
}
 
.horiz-grad-coleot-erba {
background-size: 100%;
background-image: linear-gradient(to right, #AABB22, #77CC55);
}
 
.horiz-grad-coleot-folletto {
background-size: 100%;
background-image: linear-gradient(to right, #AABB22, #FFAAFF);
}
 
.horiz-grad-coleot-fuoco {
background-size: 100%;
background-image: linear-gradient(to right, #AABB22, #FF4422);
}
 
.horiz-grad-coleot-ghiaccio {
background-size: 100%;
background-image: linear-gradient(to right, #AABB22, #77DDFF);
}
 
.horiz-grad-coleot-lotta {
background-size: 100%;
background-image: linear-gradient(to right, #AABB22, #BB5544);
}
 
.horiz-grad-coleot-normale {
background-size: 100%;
background-image: linear-gradient(to right, #AABB22, #BBBBAA);
}
 
.horiz-grad-coleot-psico {
background-size: 100%;
background-image: linear-gradient(to right, #AABB22, #FF5599);
}
 
.horiz-grad-coleot-roccia {
background-size: 100%;
background-image: linear-gradient(to right, #AABB22, #BBAA66);
}
 
.horiz-grad-coleot-spettro {
background-size: 100%;
background-image: linear-gradient(to right, #AABB22, #6666BB);
}
 
.horiz-grad-coleot-terra {
background-size: 100%;
background-image: linear-gradient(to right, #AABB22, #DDBB55);
}
 
.horiz-grad-coleot-veleno {
background-size: 100%;
background-image: linear-gradient(to right, #AABB22, #AA5599);
}
 
.horiz-grad-coleot-volante {
background-size: 100%;
background-image: linear-gradient(to right, #AABB22, #6699FF);
}
 
.horiz-grad-coleot-coleot {
background-size: 100%;
background-image: linear-gradient(to right, #DAEC44, #AABB22);
}
 
.horiz-grad-fisico {
background-size: 100%;
background-image: linear-gradient(to right, #D96358, #C92112);
}
 
.horiz-grad-speciale {
background-size: 100%;
background-image: linear-gradient(to right, #83899A, #4F5870);
}
 
.horiz-grad-stato {
background-size: 100%;
background-image: linear-gradient(to right, #AEABAE, #8C888C);
}
 
/**************************************************