Samuele E. Locatelli
112 lines
2.0 KiB
CSS
112 lines
2.0 KiB
CSS
/* ANIMAZIONE */
|
|
.strokeThick {
|
|
stroke-width: 15px !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 */
|
|
.SFONDO {
|
|
/*background-image: url("../Images/MT0006110.jpg");
|
|
background-repeat: no-repeat;
|
|
background-size: cover;*/
|
|
fill: #DEDEDE;
|
|
}
|
|
.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;
|
|
}
|
|
/* Classi da sostituire dinamicamente*/
|
|
#BLK-BCK {
|
|
/*background-image: url("../Images/MT0006110.jpg");
|
|
background-repeat: no-repeat;
|
|
background-size: cover;*/
|
|
fill: #DEDEDE;
|
|
}
|
|
#BLK-CUT {
|
|
fill: #ACACAC;
|
|
}
|
|
#BLK-SEL {
|
|
fill: yellow;
|
|
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;
|
|
stroke-width: 15px !important;
|
|
}
|
|
#BLK-BIN {
|
|
fill: #0000FF;
|
|
}
|
|
#BLK-CART {
|
|
fill: #21CD39;
|
|
}
|
|
#BLK-SEC-OP {
|
|
fill: red;
|
|
} |