Samuele E. Locatelli
118 lines
1.5 KiB
Plaintext
118 lines
1.5 KiB
Plaintext
/* ANIMAZIONE */
|
|
@borderThick: 15px;
|
|
|
|
.strokeThick {
|
|
stroke-width: @borderThick !important;
|
|
}
|
|
/* Animazione per richiamo attenzione*/
|
|
.flashStroke {
|
|
stroke: yellow;
|
|
/* Safari 4.0 - 8.0 */
|
|
-webkit-animation-name: doFlash;
|
|
-webkit-animation-duration: 0.8s;
|
|
-webkit-animation-timing-function: linear;
|
|
-webkit-animation-delay: 0s;
|
|
-webkit-animation-iteration-count: infinite;
|
|
-webkit-animation-direction: alternate;
|
|
/* Standard syntax */
|
|
animation-name: doFlash;
|
|
animation-duration: 0.8s;
|
|
animation-timing-function: linear;
|
|
animation-delay: 0s;
|
|
animation-iteration-count: infinite;
|
|
animation-direction: alternate;
|
|
}
|
|
|
|
/* Safari 4.0 - 8.0 */
|
|
@-webkit-keyframes doFlash {
|
|
0% {
|
|
stroke: #f8fbff;
|
|
}
|
|
|
|
25% {
|
|
stroke: #ff0;
|
|
}
|
|
|
|
50% {
|
|
stroke: #f2f200;
|
|
}
|
|
|
|
75% {
|
|
stroke: #d8d800;
|
|
}
|
|
|
|
100% {
|
|
stroke: #bebe00;
|
|
}
|
|
}
|
|
|
|
/* COLORI */
|
|
.GRIGIO {
|
|
fill: #ACACAC;
|
|
}
|
|
|
|
.VERDE {
|
|
fill: #21CD39;
|
|
}
|
|
|
|
.BLU {
|
|
fill: #0000FF;
|
|
}
|
|
|
|
.ARANCIO {
|
|
fill: orange;
|
|
}
|
|
|
|
.GIALLO {
|
|
fill: yellow;
|
|
}
|
|
|
|
.PURPLE {
|
|
fill: purple;
|
|
}
|
|
|
|
.ROSSO {
|
|
fill: red;
|
|
}
|
|
|
|
.TESTO {
|
|
fill: white;
|
|
}
|
|
|
|
.NERO {
|
|
fill: black;
|
|
}
|
|
|
|
.BORDOROSSO {
|
|
.strokeThick;
|
|
stroke-dasharray: 30;
|
|
stroke-linecap: round;
|
|
stroke: #FF0000;
|
|
}
|
|
|
|
/* Classi da sostituire dinamicamente*/
|
|
#ItemsDepo {
|
|
.GRIGIO;
|
|
}
|
|
|
|
#ItemsSel {
|
|
.flashStroke;
|
|
.strokeThick;
|
|
}
|
|
|
|
#ItemsBin {
|
|
.BLU;
|
|
}
|
|
|
|
#ItemsCart {
|
|
.VERDE;
|
|
}
|
|
|
|
#ItemsSecOp {
|
|
.BORDOROSSO;
|
|
}
|
|
|
|
#ItemsScrap {
|
|
.ROSSO;
|
|
}
|