Files
mapo-core/MP-TAB3/Components/MachineBlock.razor.less
Samuele Locatelli 68dd1c3859 TAB3: fix sizer
2025-03-10 09:17:10 +01:00

175 lines
3.2 KiB
Plaintext

.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,.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,.6);
color: #fff;
}
.sRo {
text-align: left;
background-color: #e2001a;
background: rgba(240,0,10,.6);
color: #fff;
}
.sBl {
text-align: left;
background: #3690FF;
background: rgba(0,80,255,.6);
color: #fff;
}
.sGr {
text-align: left;
background-color: #bcbcbc;
background: rgba(180,180,180,.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.20) -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;
}
}