From a941d2066ac5c669eb019b0f1168c02640160789 Mon Sep 17 00:00:00 2001 From: pommicket Date: Thu, 15 Jun 2023 17:58:15 +0100 Subject: colores --- index.html | 46 ++++++++++++++++++++++++++++++++++++++++++++-- 1 file changed, 44 insertions(+), 2 deletions(-) (limited to 'index.html') diff --git a/index.html b/index.html index 74ab471..a32a04b 100644 --- a/index.html +++ b/index.html @@ -13,8 +13,21 @@ overflow: hidden; } + :root { + --ui-border: white; + --ui-height: 2.5em; + } + #page { width: 100vw; + position: relative; + } + #page[data-ui-shown="1"] { + top: var(--ui-height); + height: calc(100vh - var(--ui-height)); + } + #page[data-ui-shown="0"] { + top: 0; height: 100vh; } @@ -36,7 +49,7 @@ font-family: monospace; } button { - border: 2px solid white; + border: 2px solid var(--ui-border); background-color: black; color: white; } @@ -49,6 +62,29 @@ button:focus { outline: 2px solid #0a0; } + #ui { + display: block; + width: 100vw; + height: var(--ui-height); + background-color: #111; + border-bottom: 2px solid var(--ui-border); + position: absolute; + top: 0; + left: 0; + vertical-align:middle; + } + #ui input { + vertical-align: middle; + display: inline-block; + height: 2.0em; + margin: 0.5em 0.2em 0.5em 0.5em; + padding: 0; + border: 2px solid var(--ui-border); + background-color: #333; + } + #ui label { + margin-right: 0.5em; + } @@ -56,7 +92,7 @@ -
+
+
+ + + + +

-- 
cgit v1.2.3