Samuele Locatelli
146 lines
3.0 KiB
CSS
146 lines
3.0 KiB
CSS
.mapBlock {
|
|
font-family: 'Open Sans Condensed', sans-serif;
|
|
color: #FFF;
|
|
background-image: linear-gradient(#111, #000);
|
|
min-width: 8em;
|
|
}
|
|
.text-sizer {
|
|
font-size: 1.1rem;
|
|
}
|
|
.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;
|
|
}
|
|
.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;
|
|
color: #fff;
|
|
}
|
|
.sGi {
|
|
text-align: left;
|
|
background: #ffc107;
|
|
background: rgba(255, 220, 0, 0.6);
|
|
color: #fff;
|
|
}
|
|
.sRo {
|
|
text-align: left;
|
|
background-color: #e2001a;
|
|
background: rgba(240, 0, 10, 0.6);
|
|
color: #fff;
|
|
}
|
|
.sBl {
|
|
text-align: left;
|
|
background: #3690FF;
|
|
background: rgba(0, 80, 255, 0.6);
|
|
color: #fff;
|
|
}
|
|
.sGr {
|
|
text-align: left;
|
|
background-color: #bcbcbc;
|
|
background: rgba(180, 180, 180, 0.6);
|
|
color: #fff;
|
|
}
|
|
/*end semafori */
|
|
/* shadow customizzate */
|
|
/* Custom shadow class definitions */
|
|
.shadow {
|
|
--bs-shadow-rgb: 0, 0, 0;
|
|
box-shadow: 0 0.5rem 1rem rgba(var(--bs-shadow-rgb), 0.15) !important;
|
|
}
|
|
.shadow-sm {
|
|
--bs-shadow-rgb: 0, 0, 0;
|
|
box-shadow: 0 0.125rem 0.25rem rgba(var(--bs-shadow-rgb), 0.075) !important;
|
|
}
|
|
.shadow-lg {
|
|
--bs-shadow-rgb: 0, 0, 0;
|
|
box-shadow: 0 1rem 3rem rgba(var(--bs-shadow-rgb), 0.175) !important;
|
|
}
|
|
.shadow-none {
|
|
box-shadow: none !important;
|
|
}
|
|
/* Custom shadow classes with specific colors */
|
|
.shadow-primary {
|
|
--bs-shadow-rgb: var(--bs-primary-rgb);
|
|
}
|
|
.shadow-secondary {
|
|
--bs-shadow-rgb: var(--bs-secondary-rgb);
|
|
}
|
|
.shadow-success {
|
|
--bs-shadow-rgb: var(--bs-success-rgb);
|
|
}
|
|
.shadow-info {
|
|
--bs-shadow-rgb: var(--bs-info-rgb);
|
|
}
|
|
.shadow-warning {
|
|
--bs-shadow-rgb: var(--bs-warning-rgb);
|
|
}
|
|
.shadow-danger {
|
|
--bs-shadow-rgb: var(--bs-danger-rgb);
|
|
}
|
|
.shadow-light {
|
|
--bs-shadow-rgb: var(--bs-light-rgb);
|
|
}
|
|
.shadow-dark {
|
|
--bs-shadow-rgb: var(--bs-dark-rgb);
|
|
}
|
|
.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%);
|
|
}
|
|
.imgFitToSize {
|
|
height: 10rem;
|
|
object-fit: cover;
|
|
}
|
|
@media (max-width: 639.98px) {
|
|
.imgFitToSize {
|
|
height: 7.5rem;
|
|
}
|
|
.card-body {
|
|
background-color: transparent;
|
|
}
|
|
} |