diff --git a/public/assets/styles/base.css b/public/assets/styles/base.css index 4c3c546..8cfd914 100644 --- a/public/assets/styles/base.css +++ b/public/assets/styles/base.css @@ -19,19 +19,19 @@ body { font-size: 0.85rem; } -h1,.h1 { +h1, .h1 { font-size: 1.75rem; } -h2,.h2 { +h2, .h2 { font-size: 1.35rem; } -h3,.h3 { +h3, .h3 { font-size: 1.35rem; } -h4, h5, h6,.h4,.h5,.h6 { +h4, h5, h6, .h4, .h5, .h6 { font-size: 0.95rem; } @@ -39,7 +39,7 @@ form, input, button, textarea { font-size: 0.85rem !important; } -input, textarea,select { +input, textarea, select { background-color: #121a25 !important; color: #fff !important; border-color: #020617 !important; @@ -54,9 +54,9 @@ input, textarea,select { } ::placeholder { - color: #556070 !important; - opacity: .5; /* wichtig v. a. für Firefox */ - } + color: #556070 !important; + opacity: .5; /* wichtig v. a. für Firefox */ +} .header { display: flex; @@ -75,7 +75,7 @@ input, textarea,select { padding: 1rem; background: #121a25; border: 1px solid var(--border); - border-radius: 6px; + border-radius: 6px 6px 0 0; } .message { @@ -367,10 +367,11 @@ body { color: #e2e2e2 !important; } -.blue-glow{ - box-shadow: 0px 0px 14px 0px rgba(99,124,247,0.325); +.blue-glow { + box-shadow: 0px 0px 14px 0px rgba(99, 124, 247, 0.325); } -.text-glow{ + +.text-glow { text-shadow: #86b7fe 2px 1px 14px; } @@ -433,9 +434,11 @@ span.think { z-index: 1; width: 100%; } + .example-2 .inner { margin: 2px; } + .example-2::before { content: ""; display: block; @@ -469,9 +472,10 @@ span.think { display: flex; flex-wrap: wrap; gap: 0.5rem; - margin: 0.45rem 0 0.75rem; + margin: -1px 0 0.75rem; color: rgba(248, 249, 250, 0.76); font-size: 0.84rem; + border-radius: 0 0 6px 6px; } .retriex-option-toggle { diff --git a/public/index.html b/public/index.html index 46ce4b4..029a254 100644 --- a/public/index.html +++ b/public/index.html @@ -27,7 +27,7 @@