80 lines
1.3 KiB
CSS
80 lines
1.3 KiB
CSS
rect {
|
|
transform: rotate(90deg);
|
|
}
|
|
#IT000001 {
|
|
fill: #FFAA55;
|
|
}
|
|
#IT000002 {
|
|
fill: green;
|
|
}
|
|
/*#IT000003 {
|
|
fill: orange;
|
|
.flashStroke;
|
|
.strokeThick;
|
|
}*/
|
|
#IT000004 {
|
|
fill: #FF6969;
|
|
/*.flashStroke;
|
|
.strokeThick;*/
|
|
}
|
|
#IT000005 {
|
|
fill: #0033FF;
|
|
}
|
|
/*#IT000006 {
|
|
fill: orange;
|
|
}*/
|
|
#IT000007 {
|
|
fill: #AACCFF;
|
|
}
|
|
#IT000008 {
|
|
fill: #2288FF;
|
|
}
|
|
.tableSvg {
|
|
background: url(../Images/test.svg) no-repeat top left;
|
|
background-size: contain;
|
|
}
|
|
.fVerde {
|
|
fill: green;
|
|
}
|
|
.fBlu {
|
|
fill: blue;
|
|
}
|
|
.strokeThick {
|
|
stroke-width: 2px !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;
|
|
}
|
|
} |