CSS umgebaut

This commit is contained in:
Eskimue
2026-04-02 11:17:37 +02:00
parent f5dda8e8be
commit e0ed172504
14 changed files with 612 additions and 2545 deletions
+15 -15
View File
@@ -82,7 +82,7 @@ $bodyClass = 'solarsystem-page jupitersystem-page';
<span>−12h</span><span>−6h</span><span>0</span><span>+6h</span><span>+12h</span>
</div>
<div class="solarsystem-speed-value" id="jupiterSpeedLabel">1.0 h/s</div>
<button type="button" class="btn btn-sm btn-secondary" id="jupiterBtnRealtime" style="margin-top:8px">Echtzeit</button>
<button type="button" class="btn btn-sm btn-secondary mt-md" id="jupiterBtnRealtime">Echtzeit</button>
</div>
<div class="solarsystem-sidebar-block">
@@ -100,7 +100,7 @@ $bodyClass = 'solarsystem-page jupitersystem-page';
<button type="button" class="btn btn-secondary" id="jupiterBtnLabels">Namen</button>
<button type="button" class="btn btn-secondary" id="jupiterBtnInnerMoons">Zusatzmonde</button>
</div>
<label class="form-checkbox" style="margin-top:0.6rem" title="Vergrößert nur die Darstellung der Monde. Der Schatten auf Jupiter bleibt in der realen Größe.">
<label class="form-checkbox mt-sm" title="Vergrößert nur die Darstellung der Monde. Der Schatten auf Jupiter bleibt in der realen Größe.">
<input type="checkbox" id="jupiterChkMoonScale">
Monde 4× vergrößert
</label>
@@ -119,25 +119,25 @@ $bodyClass = 'solarsystem-page jupitersystem-page';
<?php if ($isAdmin): ?>
<div class="solarsystem-sidebar-block">
<details id="grsAdminPanel">
<summary class="solarsystem-label" style="cursor:pointer;user-select:none">&#9660; GRS Kalibrierung</summary>
<summary class="solarsystem-label summary-buttonless">&#9660; GRS Kalibrierung</summary>
<div class="grs-admin-body">
<div class="solarsystem-label" style="margin-top:0.6rem">GRS Transit-Zeitpunkt (UTC)</div>
<p class="hint" style="margin-top:0.3rem"><a href="https://skyandtelescope.org/stargazing-and-observing/interactive-stargazing-tools/transit-times-of-jupiters-great-red-spot/" target="_blank" rel="noopener">↗ Sky&amp;Telescope: GRS-Transitzeiten</a></p>
<input type="text" id="grsTransitInput" placeholder="03/27/2026 @ 05:00 UT" style="width:100%;margin-top:0.3rem">
<button class="btn btn-secondary btn-full" id="grsBtnSetTime" style="margin-top:0.4rem">Auf diese Zeit setzen</button>
<div id="grsParseError" class="msg-error" style="margin-top:0.3rem;display:none"></div>
<div class="solarsystem-label mt-sm">GRS Transit-Zeitpunkt (UTC)</div>
<p class="hint mt-2xs"><a href="https://skyandtelescope.org/stargazing-and-observing/interactive-stargazing-tools/transit-times-of-jupiters-great-red-spot/" target="_blank" rel="noopener">↗ Sky&amp;Telescope: GRS-Transitzeiten</a></p>
<input type="text" id="grsTransitInput" class="w-full mt-2xs" placeholder="03/27/2026 @ 05:00 UT">
<button class="btn btn-secondary btn-full mt-xs" id="grsBtnSetTime">Auf diese Zeit setzen</button>
<div id="grsParseError" class="msg-error mt-2xs is-hidden"></div>
<div class="solarsystem-label" style="margin-top:0.8rem">Jupiter drehen</div>
<div class="solarsystem-button-grid" style="margin-top:0.3rem">
<div class="solarsystem-label mt-md">Jupiter drehen</div>
<div class="solarsystem-button-grid mt-2xs">
<button class="btn btn-secondary" id="grsBtnRot5L">&#9664;&#9664; 5°</button>
<button class="btn btn-secondary" id="grsBtnRot1L">&#9664; 1°</button>
<button class="btn btn-secondary" id="grsBtnRot1R">1° &#9654;</button>
<button class="btn btn-secondary" id="grsBtnRot5R">5° &#9654;&#9654;</button>
</div>
<button class="btn btn-secondary btn-full" id="grsBtnShadowRays" style="margin-top:0.8rem">Schattenstrahlen anzeigen</button>
<button class="btn btn-primary btn-full" id="grsBtnSave" style="margin-top:0.4rem">Kalibrierung speichern</button>
<div id="grsCalibStatus" class="hint" style="margin-top:0.5rem;line-height:1.5"></div>
<button class="btn btn-secondary btn-full mt-md" id="grsBtnShadowRays">Schattenstrahlen anzeigen</button>
<button class="btn btn-primary btn-full mt-xs" id="grsBtnSave">Kalibrierung speichern</button>
<div id="grsCalibStatus" class="hint inline-fade mt-sm"></div>
</div>
</details>
</div>
@@ -915,10 +915,10 @@ function attachAdminHandlers() {
const parsed = parseGrsTransitInput(grsTransitInput.value);
if (!parsed) {
grsParseError.textContent = 'Format ungültig. Erwartet: MM/DD/YYYY @ HH:MM UT';
grsParseError.style.display = '';
grsParseError.classList.remove('is-hidden');
return;
}
grsParseError.style.display = 'none';
grsParseError.classList.add('is-hidden');
simDate = parsed;
refreshCurrentDateUi();
MOONS.forEach(rebuildMoonOrbitLine);