Samuele Locatelli
127 lines
2.5 KiB
CSS
127 lines
2.5 KiB
CSS
/* Bordi */
|
|
/*.rCAll {
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.rCTop {
|
|
border-radius: 10px 10px 0 0;
|
|
}
|
|
|
|
.rCBot {
|
|
border-radius: 0 0 10px 10px;
|
|
}*/
|
|
.mapBlock {
|
|
font-family: 'Open Sans Condensed', sans-serif;
|
|
color: #FFF;
|
|
background-image: linear-gradient(#111, #000);
|
|
min-width: 8em;
|
|
}
|
|
.labelTop {
|
|
padding: 0.1em;
|
|
width: auto;
|
|
min-height: 0;
|
|
top: 0;
|
|
left: auto;
|
|
bottom: auto;
|
|
color: #FFFFFF;
|
|
background: #2200DE;
|
|
background: rgba(33, 36, 39, 0.75);
|
|
border-radius: 15px 15px 0 0;
|
|
}
|
|
/* gestione scroll testo */
|
|
.scroll-left {
|
|
height: 1.5em;
|
|
overflow: hidden;
|
|
position: relative;
|
|
width: 70%;
|
|
white-space: nowrap;
|
|
/*display: inline-block;*/
|
|
}
|
|
.scroll-left span {
|
|
/*display: inline-block;*/
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 0;
|
|
line-height: 1.5em;
|
|
/* Starting position */
|
|
-moz-transform: translateX(0%);
|
|
-webkit-transform: translateX(0%);
|
|
transform: translateX(0%);
|
|
/* Apply animation to this element */
|
|
-moz-animation: scroll-left 8s ease infinite;
|
|
-webkit-animation: scroll-left 8s ease infinite;
|
|
animation: scroll-left 8s ease infinite;
|
|
}
|
|
/* Move it (define the animation) */
|
|
@keyframes scroll-left {
|
|
0% {
|
|
transform: translateX(0%);
|
|
}
|
|
30% {
|
|
transform: translateX(0%);
|
|
}
|
|
80% {
|
|
transform: translateX(-50%);
|
|
}
|
|
}
|
|
/* area semafori*/
|
|
.sVe {
|
|
text-align: left;
|
|
background: #198754;
|
|
/*background: rgba(0,255,80,.6);*/
|
|
/*padding: 0px 4px 0px 4px;*/
|
|
/*color: Yellow;*/
|
|
color: #fff;
|
|
}
|
|
.sGi {
|
|
text-align: left;
|
|
background: #ffc107;
|
|
background: rgba(255, 220, 0, 0.6);
|
|
color: #fff;
|
|
/*padding: 0px 4px 0px 4px;*/
|
|
}
|
|
.sRo {
|
|
text-align: left;
|
|
background-color: #e2001a;
|
|
background: rgba(240, 0, 10, 0.6);
|
|
color: #fff;
|
|
/*padding: 0px 4px 0px 4px;*/
|
|
}
|
|
.sBl {
|
|
text-align: left;
|
|
background: #3690FF;
|
|
background: rgba(0, 80, 255, 0.6);
|
|
/*padding: 0px 4px 0px 4px;*/
|
|
/*color: Yellow;*/
|
|
color: #fff;
|
|
}
|
|
.sGr {
|
|
text-align: left;
|
|
background-color: #bcbcbc;
|
|
background: rgba(180, 180, 180, 0.6);
|
|
color: #fff;
|
|
/*padding: 0px 4px 0px 4px;*/
|
|
}
|
|
/*end semafori */
|
|
.card-body {
|
|
background-color: currentColor;
|
|
background-image: linear-gradient(121deg, rgba(255, 255, 255, 0.2) -0.71%, rgba(255, 255, 255, 0.05) 97.66%);
|
|
border-radius: 0 0 15px 15px;
|
|
}
|
|
.imgFitToSize {
|
|
height: 11rem;
|
|
object-fit: cover;
|
|
border-radius: 15px 15px 0 0;
|
|
}
|
|
@media (max-width: 640.98px) {
|
|
.imgFitToSize {
|
|
height: 8rem;
|
|
}
|
|
.card-body {
|
|
background-color: transparent;
|
|
}
|
|
}
|
|
.statusCard {
|
|
border-radius: 0.5rem;
|
|
} |