56 lines
1.2 KiB
CSS
56 lines
1.2 KiB
CSS
.card {
|
|
background: @theme_base_color;
|
|
border-radius: 8px;
|
|
border: 1px solid @borders;
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
|
|
padding: 16px;
|
|
margin: 6px;
|
|
}
|
|
|
|
.location-info {
|
|
background: linear-gradient(to bottom, alpha(@theme_selected_bg_color, 0.1), alpha(@theme_selected_bg_color, 0.05));
|
|
border-radius: 8px;
|
|
border: 1px solid alpha(@theme_selected_bg_color, 0.3);
|
|
padding: 12px;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.log-section {
|
|
background: @theme_base_color;
|
|
border-top: 1px solid @borders;
|
|
border-radius: 8px 8px 0 0;
|
|
}
|
|
|
|
/* Material Icons font */
|
|
.material-icons {
|
|
font-family: "Material Icons";
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-size: 18px;
|
|
}
|
|
|
|
/* Service button color coding with Material Icons */
|
|
.service-icon-accessible {
|
|
font-family: "Material Icons";
|
|
color: #4caf50;
|
|
/* Green for accessible */
|
|
font-size: 18px;
|
|
}
|
|
|
|
.service-icon-inaccessible {
|
|
font-family: "Material Icons";
|
|
color: #f44336;
|
|
/* Red for not accessible */
|
|
font-size: 18px;
|
|
}
|
|
|
|
.service-icon-accessible:hover {
|
|
color: #2e7d32;
|
|
/* Darker green on hover */
|
|
}
|
|
|
|
.service-icon-inaccessible:disabled {
|
|
color: #ef9a9a;
|
|
/* Lighter red when disabled */
|
|
opacity: 0.6;
|
|
} |