diff --git a/locenice/dum_3D_slunce.html b/locenice/dum_3D_slunce.html
index 8a1944a..cfe8808 100644
--- a/locenice/dum_3D_slunce.html
+++ b/locenice/dum_3D_slunce.html
@@ -1351,48 +1351,206 @@
}
/* Optional surroundings: independent switches, all off on every fresh open. */
- .site-controls { display:flex; align-items:center; gap:5px; padding:6px; border:1px solid #fff;
- border-radius:13px; background:#f9fbf6f2; box-shadow:0 6px 24px #24381e13; max-width:100%; }
- .site-switch { display:flex; align-items:center; gap:7px; padding:9px 10px; border:1px solid transparent;
- border-radius:8px; font-size:11px; color:#596b55; cursor:pointer; white-space:nowrap; user-select:none; }
- .site-switch:hover {background:#eef2e8;}
- .site-switch.selected {background:#e1ecdc; border-color:#b9cbb1; color:#304d35;}
- .site-switch input {appearance:none; width:13px; height:13px; margin:0; border:1px solid #a7b29f;
- border-radius:4px; background:#fff; flex-shrink:0; cursor:pointer; display:grid; place-items:center;}
- .site-switch input:checked {background:#426448; border-color:#426448;}
- .site-switch input:checked:after {content:'\2713';color:#fff;font-size:10px;line-height:1;}
- .site-fit {display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border:0;
- border-left:1px solid #dce2d5;border-radius:5px;background:transparent;color:#59734e;}
- .site-fit:hover {background:#e7eee1;}
- .site-fit svg {width:17px;height:17px;}
- #siteMeta {font-size:9px;letter-spacing:.1px;color:#6e8066;line-height:1.2;background:#f5f8eef0;
- padding:4px 8px;border-radius:5px;pointer-events:none;}
- #siteMeta[hidden] {display:none;}
- .bottom {gap:7px;z-index:2;}
- .site-note {margin-top:14px;border-top:1px solid #dce4d5;padding-top:10px;}
- .site-note summary {cursor:pointer;font-size:12px;color:#37563b;padding:6px 0;}
- .site-note p {font-size:11px;}
+ .site-controls {
+ display: flex;
+ align-items: center;
+ gap: 5px;
+ padding: 6px;
+ border: 1px solid #fff;
+ border-radius: 13px;
+ background: #f9fbf6f2;
+ box-shadow: 0 6px 24px #24381e13;
+ max-width: 100%;
+ }
+
+ .site-switch {
+ display: flex;
+ align-items: center;
+ gap: 7px;
+ padding: 9px 10px;
+ border: 1px solid transparent;
+ border-radius: 8px;
+ font-size: 11px;
+ color: #596b55;
+ cursor: pointer;
+ white-space: nowrap;
+ user-select: none;
+ }
+
+ .site-switch:hover {
+ background: #eef2e8;
+ }
+
+ .site-switch.selected {
+ background: #e1ecdc;
+ border-color: #b9cbb1;
+ color: #304d35;
+ }
+
+ .site-switch input {
+ appearance: none;
+ width: 13px;
+ height: 13px;
+ margin: 0;
+ border: 1px solid #a7b29f;
+ border-radius: 4px;
+ background: #fff;
+ flex-shrink: 0;
+ cursor: pointer;
+ display: grid;
+ place-items: center;
+ }
+
+ .site-switch input:checked {
+ background: #426448;
+ border-color: #426448;
+ }
+
+ .site-switch input:checked:after {
+ content: '\2713';
+ color: #fff;
+ font-size: 10px;
+ line-height: 1;
+ }
+
+ .site-fit {
+ display: grid;
+ place-items: center;
+ width: 32px;
+ height: 32px;
+ flex-shrink: 0;
+ border: 0;
+ border-left: 1px solid #dce2d5;
+ border-radius: 5px;
+ background: transparent;
+ color: #59734e;
+ }
+
+ .site-fit:hover {
+ background: #e7eee1;
+ }
+
+ .site-fit svg {
+ width: 17px;
+ height: 17px;
+ }
+
+ #siteMeta {
+ font-size: 9px;
+ letter-spacing: .1px;
+ color: #6e8066;
+ line-height: 1.2;
+ background: #f5f8eef0;
+ padding: 4px 8px;
+ border-radius: 5px;
+ pointer-events: none;
+ }
+
+ #siteMeta[hidden] {
+ display: none;
+ }
+
+ .bottom {
+ gap: 7px;
+ z-index: 2;
+ }
+
+ .site-note {
+ margin-top: 14px;
+ border-top: 1px solid #dce4d5;
+ padding-top: 10px;
+ }
+
+ .site-note summary {
+ cursor: pointer;
+ font-size: 12px;
+ color: #37563b;
+ padding: 6px 0;
+ }
+
+ .site-note p {
+ font-size: 11px;
+ }
+
@media(max-width:850px) {
- .bottom {max-width:calc(100% - 20px);}
- #direction {bottom:161px;}
- .site-controls {gap:2px;padding:5px;}
- .site-switch {font-size:10px;padding:8px 8px;gap:5px;}
- body.sun-open .bottom {gap:5px;}
- #siteMeta {font-size:8px;}
+ .bottom {
+ max-width: calc(100% - 20px);
+ }
+
+ #direction {
+ bottom: 161px;
+ }
+
+ .site-controls {
+ gap: 2px;
+ padding: 5px;
+ }
+
+ .site-switch {
+ font-size: 10px;
+ padding: 8px 8px;
+ gap: 5px;
+ }
+
+ body.sun-open .bottom {
+ gap: 5px;
+ }
+
+ #siteMeta {
+ font-size: 8px;
+ }
}
+
@media(max-width:520px) {
- .bottom {gap:5px;bottom:12px;}
- .site-switch {font-size:9px;padding:8px 6px;gap:5px;}
- .site-fit {width:27px;height:28px;}
- .site-controls {gap:0;padding:4px;}
- .site-switch input {width:12px;height:12px;}
- .bottom .help {display:none;}
- #direction {bottom:111px;}
- body.sun-open #siteMeta {display:none;}
+ .bottom {
+ gap: 5px;
+ bottom: 12px;
+ }
+
+ .site-switch {
+ font-size: 9px;
+ padding: 8px 6px;
+ gap: 5px;
+ }
+
+ .site-fit {
+ width: 27px;
+ height: 28px;
+ }
+
+ .site-controls {
+ gap: 0;
+ padding: 4px;
+ }
+
+ .site-switch input {
+ width: 12px;
+ height: 12px;
+ }
+
+ .bottom .help {
+ display: none;
+ }
+
+ #direction {
+ bottom: 111px;
+ }
+
+ body.sun-open #siteMeta {
+ display: none;
+ }
}
+
@media(max-width:360px) {
- .site-switch {font-size:8.5px;padding:8px 4px;gap:4px;}
- .site-fit {width:24px;}
+ .site-switch {
+ font-size: 8.5px;
+ padding: 8px 4px;
+ gap: 4px;
+ }
+
+ .site-fit {
+ width: 24px;
+ }
}
@@ -1432,7 +1590,8 @@
value="#9b927d">
Zvolené barvy se uloží i do staženého GLB.
-