/* ANIMAZIONE */ .strokeThick { stroke-width: 5px !important; } /* Animazione per richiamo attenzione*/ .flashStroke { stroke: blue; /* Safari 4.0 - 8.0 */ -webkit-animation-name: blueFlash; -webkit-animation-duration: 0.5s; -webkit-animation-timing-function: linear; -webkit-animation-delay: 0s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; /* Standard syntax */ animation-name: blueFlash; animation-duration: 0.5s; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: alternate; } /* Safari 4.0 - 8.0 */ @-webkit-keyframes blueFlash { 0% { stroke: #c4dbff; } 25% { stroke: #9dc4ff; } 50% { stroke: #5ca5ff; } 75% { stroke: #1b82ff; } 100% { stroke: #005ccc; } } /* COLORI */ .SFONDO { /*background-image: url("../Images/MT0006110.jpg"); background-repeat: no-repeat; background-size: cover;*/ fill: #DEDEDE; } .GRIGIO { fill: #ACACAC; } .VERDE { fill: #28a745; } .BLU { fill: #007bff; } .ARANCIO { fill: orange; } .GIALLO { fill: yellow; } .PURPLE { fill: purple; } .TESTO { fill: white; } /* 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: orange; stroke: blue; /* Safari 4.0 - 8.0 */ -webkit-animation-name: blueFlash; -webkit-animation-duration: 0.5s; -webkit-animation-timing-function: linear; -webkit-animation-delay: 0s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; /* Standard syntax */ animation-name: blueFlash; animation-duration: 0.5s; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: alternate; stroke-width: 5px !important; } #BLK-BIN { fill: #28a745; } #BLK-CART { fill: #007bff; } #BLK-SEC-OP { fill: purple; }