MOndphase hui verbessert
This commit is contained in:
@@ -2098,6 +2098,10 @@ body.moonphase-page.has-modal {
|
|||||||
gap: 8px;
|
gap: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.moon-visual {
|
||||||
|
align-self: stretch;
|
||||||
|
}
|
||||||
|
|
||||||
.moon-side {
|
.moon-side {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: 430px;
|
max-width: 430px;
|
||||||
@@ -2135,7 +2139,7 @@ body.moonphase-page.has-modal {
|
|||||||
|
|
||||||
.moon-stage {
|
.moon-stage {
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 100%;
|
flex: 1;
|
||||||
background: rgba(3,3,14,.72);
|
background: rgba(3,3,14,.72);
|
||||||
border: 1px solid rgba(200,168,75,.08);
|
border: 1px solid rgba(200,168,75,.08);
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
|
|||||||
@@ -153,11 +153,6 @@ try {
|
|||||||
<section class="moon-panel">
|
<section class="moon-panel">
|
||||||
<div class="moon-layout">
|
<div class="moon-layout">
|
||||||
<div class="moon-side">
|
<div class="moon-side">
|
||||||
<p class="moon-subtitle">
|
|
||||||
Interaktive Anzeige der Mondphase für ein frei wählbares Datum und eine Uhrzeit.
|
|
||||||
Der Mond wird direkt aus Datum und Uhrzeit berechnet und zentral visualisiert.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<div class="moon-caption">
|
<div class="moon-caption">
|
||||||
<div class="moon-phase-name" id="phaseName"></div>
|
<div class="moon-phase-name" id="phaseName"></div>
|
||||||
<div class="moon-actions">
|
<div class="moon-actions">
|
||||||
@@ -233,10 +228,7 @@ try {
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="moon-note info-card">
|
|
||||||
Hinweis: Die Anzeige zeigt die geozentrische Mondphase als anschauliche Visualisierung
|
|
||||||
und eignet sich sehr gut für Museums- und Bildungszwecke.
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="moon-visual">
|
<div class="moon-visual">
|
||||||
|
|||||||
Reference in New Issue
Block a user