55 lines
1 KiB
CSS
55 lines
1 KiB
CSS
:root { --header-h: 60px; }
|
|
|
|
/* =========================================================
|
|
MODALITÀ PHOTOS / ACTIVITIES (toggle globale)
|
|
========================================================= */
|
|
|
|
body.photos {
|
|
--tile-bg: #ffffff;
|
|
--tile-border: transparent;
|
|
--tile-thumb-size: auto;
|
|
--tile-label-color: #000;
|
|
|
|
--panel-bg: #ffffff;
|
|
--panel-title-color: #000;
|
|
|
|
--modal-bg: #000000;
|
|
}
|
|
|
|
body.activities {
|
|
--tile-bg: #f5f7ff;
|
|
--tile-border: #d0d8ff;
|
|
--tile-thumb-size: 64px;
|
|
--tile-label-color: #0033aa;
|
|
|
|
--panel-bg: #eef4ff;
|
|
--panel-title-color: #0056d6;
|
|
|
|
--modal-bg: #eef4ff;
|
|
}
|
|
|
|
/* Safe-area iOS */
|
|
@supports (top: env(safe-area-inset-top)) {
|
|
:root { --safe-top: env(safe-area-inset-top); }
|
|
}
|
|
@supports not (top: env(safe-area-inset-top)) {
|
|
:root { --safe-top: 0px; }
|
|
}
|
|
|
|
body {
|
|
font-family: sans-serif;
|
|
margin: 0;
|
|
padding: 0;
|
|
background: #fafafa;
|
|
}
|
|
|
|
/* Scrollbar */
|
|
::-webkit-scrollbar {
|
|
width: 8px;
|
|
height: 8px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background: #ccc;
|
|
border-radius: 4px;
|
|
}
|