From 9bbf063166b8a37bf643f3080ffea95c3cc5e671 Mon Sep 17 00:00:00 2001 From: "martin f. krafft" Date: Tue, 3 Oct 2023 08:26:28 +0200 Subject: nicer use of bootstrap grid --- index.html | 57 ++++++++++++++++++++++++++------------------------------- style.css | 22 +++++++++++++++++----- 2 files changed, 43 insertions(+), 36 deletions(-) diff --git a/index.html b/index.html index 0f02230..38518c3 100644 --- a/index.html +++ b/index.html @@ -264,55 +264,50 @@ }); - -
- Logo der TONI + -

Videokonferenz-URL Generator

- -
-
- -
- -
+
+
+
+ Logo der TONI +

Videokonferenz-URL Generator

-
- -
- +
+ +
+
+
+ +
-
- -
- -
- - - - - +
+
+
+ +
+ + +
-
-
Konferenz-URL
-
+
+ +
+
+
-
-
diff --git a/style.css b/style.css index ab59612..8dba4dd 100644 --- a/style.css +++ b/style.css @@ -1,3 +1,7 @@ +html, body { + height: 100%; +} + .divider { height: 2rem; background-color: rgba(255, 255, 255, .5); @@ -16,10 +20,18 @@ cursor: pointer; } -code { - display: block; - margin: 0 auto; +body { + background-image: linear-gradient(0deg,rgba(0,0,0,.0),rgba(0,0,0,.6),rgba(0,0,0,.8)),url(/custom/background.jpg) +} + +#output { background: white; - padding: 1rem 2rem; - border-radius: 0.25rem; + border-radius: .25rem; + padding: 1.625rem 1rem .625rem; +} + +#output label { + transform: scale(.85) translateY(-.5rem) translateX(.15rem); + opacity: .65; + font-size: smaller; } -- cgit v1.2.3