Dateien nach „bavarian-rank-engine/assets“ hochladen
This commit is contained in:
parent
b17124f5df
commit
30c2bbba61
1 changed files with 99 additions and 0 deletions
99
bavarian-rank-engine/assets/geo-frontend.css
Normal file
99
bavarian-rank-engine/assets/geo-frontend.css
Normal file
|
|
@ -0,0 +1,99 @@
|
||||||
|
/* Bavarian Rank Engine — GEO Block (scoped to .bre-geo) */
|
||||||
|
|
||||||
|
/* ── Light theme (default) ────────────────────────────── */
|
||||||
|
.bre-geo {
|
||||||
|
--bre-border: #e0e0e0;
|
||||||
|
--bre-bg: #fafafa;
|
||||||
|
--bre-sec-border:#e0e0e0;
|
||||||
|
--bre-label: #666;
|
||||||
|
--bre-faq-ans: #444;
|
||||||
|
--bre-accent: #0073aa;
|
||||||
|
|
||||||
|
margin: 1.5em 0;
|
||||||
|
border: 1px solid var(--bre-border);
|
||||||
|
border-radius: 6px;
|
||||||
|
background: var(--bre-bg);
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ── Auto dark: follows OS/browser preference ─────────── */
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
.bre-geo:not([data-bre-scheme="light"]) {
|
||||||
|
--bre-border: #3d3d3d;
|
||||||
|
--bre-bg: #1e1e1e;
|
||||||
|
--bre-sec-border:#3d3d3d;
|
||||||
|
--bre-label: #999;
|
||||||
|
--bre-faq-ans: #bbb;
|
||||||
|
--bre-accent: #4ea8d8;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ── Forced dark ──────────────────────────────────────── */
|
||||||
|
.bre-geo[data-bre-scheme="dark"] {
|
||||||
|
--bre-border: #3d3d3d;
|
||||||
|
--bre-bg: #1e1e1e;
|
||||||
|
--bre-sec-border:#3d3d3d;
|
||||||
|
--bre-label: #999;
|
||||||
|
--bre-faq-ans: #bbb;
|
||||||
|
--bre-accent: #4ea8d8;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ── Summary bar ──────────────────────────────────────── */
|
||||||
|
.bre-geo summary {
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 0.75em 1em;
|
||||||
|
font-weight: 600;
|
||||||
|
list-style: none;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
border-left: 3px solid var(--bre-accent);
|
||||||
|
border-radius: 5px 5px 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bre-geo summary::-webkit-details-marker { display: none; }
|
||||||
|
|
||||||
|
.bre-geo summary::before {
|
||||||
|
content: '▶';
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: 0.5em;
|
||||||
|
font-size: 0.7em;
|
||||||
|
transition: transform 0.2s;
|
||||||
|
color: var(--bre-accent);
|
||||||
|
}
|
||||||
|
|
||||||
|
.bre-geo[open] summary::before { transform: rotate(90deg); }
|
||||||
|
|
||||||
|
.bre-geo__title { flex: 1; }
|
||||||
|
|
||||||
|
/* ── Content sections ─────────────────────────────────── */
|
||||||
|
.bre-geo__section {
|
||||||
|
padding: 0.75em 1em;
|
||||||
|
border-top: 1px solid var(--bre-sec-border);
|
||||||
|
}
|
||||||
|
|
||||||
|
.bre-geo__section h3 {
|
||||||
|
font-size: 0.8em;
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 0.05em;
|
||||||
|
color: var(--bre-label);
|
||||||
|
margin: 0 0 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bre-geo__bullets ul {
|
||||||
|
margin: 0;
|
||||||
|
padding-left: 1.25em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bre-geo__bullets li { margin-bottom: 0.25em; }
|
||||||
|
|
||||||
|
.bre-geo__faq dl { margin: 0; }
|
||||||
|
|
||||||
|
.bre-geo__faq dt {
|
||||||
|
font-weight: 600;
|
||||||
|
margin-top: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bre-geo__faq dd {
|
||||||
|
margin-left: 0;
|
||||||
|
color: var(--bre-faq-ans);
|
||||||
|
}
|
||||||
Loading…
Reference in a new issue