diff --git a/README.md b/README.md index 45cbfa5..7164b6c 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ # Signs @ k-space.ee -Make signs the easy way. Just open up your browser, type in the info and print! Yes, print! +Make signs the easy way. Just open up your browser, type in the info and print! Yes, print! Go check it out at [https://janesmae.github.io/signs_at_k-space/](https://janesmae.github.io/signs_at_k-space/). ![select](/demo.gif) diff --git a/public/index.html b/public/index.html index 0afedc2..f89daac 100644 --- a/public/index.html +++ b/public/index.html @@ -14,8 +14,8 @@
-

Hack
the
planet!
-

Never stop learning!
And have fun while doing it.
+
Hack
the
planet!
+
Never stop learning!
And have fun while doing it.
diff --git a/public/signs.css b/public/signs.css index 4e79da4..0f557cc 100644 --- a/public/signs.css +++ b/public/signs.css @@ -12,6 +12,7 @@ body { } .sheet { + display: table; margin: 0; position: relative; box-sizing: border-box; @@ -24,10 +25,12 @@ body { /* Put everything in the correct location */ .logo { + display: table-row; font-size: 15mm; } .main { + display: table-row; font-size: 25mm; width: 100%; height: 12.5cm; @@ -36,21 +39,21 @@ body { } .subline { + display: table-row; font-size: 12mm; text-align: center; } -/* Fix Browser added stylesheet */ - -[contenteditable="true"]:active, [contenteditable="true"]:focus { +.editable { + display: table-cell; + vertical-align: middle; + -webkit-user-modify: read-write; + -moz-user-modify: read-write; + user-modify: read-write; border: none; outline: none; } -[contenteditable="true"]:focus>style { - display: block; -} - /** Screen **/ @media screen {