summaryrefslogtreecommitdiff
path: root/index.css
diff options
context:
space:
mode:
Diffstat (limited to 'index.css')
-rw-r--r--index.css54
1 files changed, 54 insertions, 0 deletions
diff --git a/index.css b/index.css
new file mode 100644
index 0000000..c5219bc
--- /dev/null
+++ b/index.css
@@ -0,0 +1,54 @@
+html {
+ /* Remove touch delay: */
+ touch-action: manipulation;
+}
+
+body {
+ /* Light mode background color for what is not covered by the egui canvas,
+ or where the egui canvas is translucent. */
+ background: #909090;
+}
+
+@media (prefers-color-scheme: dark) {
+ body {
+ /* Dark mode background color for what is not covered by the egui canvas,
+ or where the egui canvas is translucent. */
+ background: #404040;
+ }
+}
+
+/* Allow canvas to fill entire web page: */
+html,
+body {
+ overflow: hidden;
+ margin: 0 !important;
+ padding: 0 !important;
+ height: 100%;
+ width: 100%;
+}
+
+/* Position canvas in center-top: */
+canvas {
+ margin-right: auto;
+ margin-left: auto;
+ display: block;
+ position: absolute;
+ top: 0%;
+ left: 50%;
+ transform: translate(-50%, 0%);
+}
+
+.centered {
+ margin-right: auto;
+ margin-left: auto;
+ display: block;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ color: #f0f0f0;
+ font-size: 24px;
+ font-family: Ubuntu-Light, Helvetica, sans-serif;
+ text-align: center;
+ image-transform: pixelated;
+}