1 files changed, 104 insertions, 0 deletions
diff --git a/public/assets/css/css.css b/public/assets/css/css.css
index e69de29..b63703a 100644
--- a/public/assets/css/css.css
+++ b/public/assets/css/css.css
@@ -0,0 +1,104 @@
+* {
+  -webkit-box-sizing: border-box;
+}
+@font-face {
+  font-family: 'FixedsysExcelsior301Regular';
+  src: url('../fonts/fsex300-webfont.eot');
+  src: url('../fonts/fsex300-webfont.eot?#iefix') format('embedded-opentype'),
+       url('../fonts/fsex300-webfont.woff') format('woff'),
+       url('../fonts/fsex300-webfont.ttf') format('truetype'),
+       url('../fonts/fsex300-webfont.svg#FixedsysExcelsior301Regular') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+html,body {
+  margin: 0;
+  padding: 0;
+  font-family: FixedsysExcelsior301Regular;
+  background: #000;
+  color: #888;
+}
+#header {
+  position: fixed;
+  top: 0; right: 0;
+  background: #333438;
+  padding: 5px;
+}
+#header img {
+  display: inline-block;
+}
+
+/* form inputs */
+
+.btns {
+  margin: 10px;
+}
+.btn {
+  -webkit-user-select: none;
+  overflow: hidden;
+  display: inline-block;
+  position: relative;
+}
+.btn img {
+  line-height: 0;
+}
+.btn input[type="file"] {
+  position: absolute;
+  top: 0; left: 0;
+  width: 100%; height: 100%;
+  opacity: 0;
+}
+label {
+  display: block;
+  width: 100%;
+  padding: 0 10px;
+}
+input[type=range] {
+  width: calc(100% - 20px);
+  margin: 0 10px;
+}
+select {
+  margin: 10px;
+}
+select + label,
+input[type=checkbox] + label {
+  display: inline-block;
+  width: 70%;
+}
+
+/* modals */
+
+#photo {
+  position: fixed;
+  top: 0; left: 0;
+  display: none;
+  width: 100%; height: 100%;
+}
+body.photo {
+  overflow: hidden;
+}
+.photo #photo {
+  display: block;
+  background: #000;
+  overflow: auto;
+}
+#photo canvas {
+  max-width: 100%;
+}
+
+/* links */
+
+a {
+  color: #38f;
+}
+#links div a {
+  display: block;
+}
+#links div img {
+  display: block;
+  width: 100vw;
+  max-height: 100vh;
+}
+#links .link-link a {
+  display: inline;
+}