diff --git a/root/css/global.css b/root/css/global.css new file mode 100644 index 0000000..e656bd8 --- /dev/null +++ b/root/css/global.css @@ -0,0 +1,103 @@ +* { + user-select: none; + box-sizing: content-box; + font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; +} + +body { + height: 100vh; + padding: 0; + margin: 0; +} + +#container { + display: flex; + justify-content: center; + height: 100vh; +} + +#container > div { + display: flex; + justify-content: center; + flex-direction: column; +} + +#container > div label { + text-align: center; + font-size: 2rem; + margin-bottom: 15px; +} + +#price-input-div { + display: flex; + flex-direction: row; +} + +input { + line-height: 20px; + font-size: 1rem; + padding: 8px 12px; + border-radius: 5px; + border: 1px solid #afafaf; + margin-bottom: 10px; +} + +#price-input-div input { + border-radius: 5px 0 0 5px; + text-align: center; + font-size: 1.2rem; + margin-bottom: 0; +} + +#iban { + text-transform: uppercase; +} + +#price-input-div > span { + font-size: 1.3rem; + background-color: #dfdfdf; + display: inline-block; + line-height: 34px; + width: 40px; + text-align: center; + border: 1px solid #afafaf; + border-left: none; + border-radius: 0 5px 5px 0; +} + +#settings-button { + position: absolute; + right: 5px; + bottom: 5px; +} + +.button { + padding: 8px 12px; + background-color: #7a7a7a; + font-size: 16px; + color: white; + text-decoration: none; + display: inline-block; + margin: 15px 0 0 0; + border-radius: 5px; + text-align: center; + border: none; + cursor: pointer; +} + +.button-container .button { + width: calc(25% - 28px); + min-width: 200px; +} + +.back-button { + background-color: #9a9a9a; +} + +.button:hover { + background-color: #6a6a6a; +} + +.button:active { + background-color: #8a8a8a; +} diff --git a/root/error.html b/root/error.html new file mode 100644 index 0000000..dcab630 --- /dev/null +++ b/root/error.html @@ -0,0 +1,14 @@ + + +
+