From 5e05f276c5ea784df0de86d70bf7aab2e5de32d5 Mon Sep 17 00:00:00 2001 From: onefang Date: Thu, 9 Sep 2021 12:30:24 +1000 Subject: Rejig the web stuff. Move to examples to example/var/www. Move the web socket to scRoot/var/run. Make the name of the web socket configurable. Populate the scRoot/var/www from exomples if it's empty. Everyone uses SledjChisl.css now. Some clean ups. Comment++ --- example/var/www/html/SledjChisl.css | 89 +++++++++++++++++++++++++++++++++++++ 1 file changed, 89 insertions(+) create mode 100644 example/var/www/html/SledjChisl.css (limited to 'example/var/www/html/SledjChisl.css') diff --git a/example/var/www/html/SledjChisl.css b/example/var/www/html/SledjChisl.css new file mode 100644 index 0000000..95b55cb --- /dev/null +++ b/example/var/www/html/SledjChisl.css @@ -0,0 +1,89 @@ +html, body +{ + background-color: black; + color: white; + font-family: 'sans-serif'; + margin: 0; + padding: 0; +} + +a {color: aqua;} +a:link {color: aqua;} +a:visited {color: fuchsia;} +a:hover {color: blue;} +a:active {color: red;} + +button +{ + background-color: darkgreen; + color: white; + font-family: 'sans-serif'; +} +button:hover {color: blue;} +button:active {color: red;} + +label +{ + background-color:darkgreen; + color: white; + font-family: 'sans-serif'; + font-size: 160%; +} +input +{ + background-color:darkblue; + color: white; + font-family: 'sans-serif'; + font-size: 80%; +} +textarea +{ + background-color:darkblue; + color: white; + font-family: 'sans-serif'; + font-size: 80%; + /* What idiot thought aligning the label with the bottom of textareas was a good default? */ + vertical-align: top; +} + +.container +{ + position: relative; + text-align: left; +} +.top-left +{ + position: absolute; + top: 8px; + left: 16px; + width: 30%; +} +.top-right +{ + position: absolute; + top: 8px; + right: 16px; + width: 30%; +} +.centre +{ + position: absolute; + top: 50%; + left: 50%; + width: 30%; + transform: translate(-50%, -50%); +} +.bottom-left +{ + position: absolute; + bottom: 8px; + left: 16px; + width: 30%; +} +.bottom-right +{ + position: absolute; + bottom: 8px; + right: 16px; + width: 30%; +} -- cgit v1.1