summaryrefslogtreecommitdiff
path: root/public/static/main.css
diff options
context:
space:
mode:
authorDaniel Friesel <derf@finalrewind.org>2016-07-27 21:07:34 +0200
committerDaniel Friesel <derf@finalrewind.org>2016-07-27 21:07:34 +0200
commit7570248c3dcd8c2129d22521ee3bc2c68294ed38 (patch)
treef35499517b3f2b5ff76f5e890b3ca6b42ed7d615 /public/static/main.css
parentcc22cc33542bafaf75aaf4d051a62c1e59547942 (diff)
a little bit of 21st century design
Diffstat (limited to 'public/static/main.css')
-rw-r--r--public/static/main.css67
1 files changed, 60 insertions, 7 deletions
diff --git a/public/static/main.css b/public/static/main.css
index 8ecda96..3b1fe65 100644
--- a/public/static/main.css
+++ b/public/static/main.css
@@ -40,18 +40,71 @@ div.field {
margin-bottom: 0.6em;
}
-input, select {
- width: 20em;
+.container {
+ max-width: 40em;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+#display {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+input, select, .button {
+ display: inline-block;
+ width: 50em;
max-width: 100%;
min-height: 1.8em;
+ border-radius: 4px;
+ color: #000;
+ background-color: #fff;
+ border: 1px solid #ccc;
+ box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
+ font-size: 90%;
+ text-align: center;
+ vertical-align: middle;
}
-/*
-input, select {
- border: 1px solid black;
- display: block;
+input[type="text"],
+input[type="number"] {
+ width: 49em;
+ padding-left: 0.5em;
+ padding-right: 0.5em;
+ text-align: left;
+ box-sizing: border-box;
+}
+
+input[type="submit"], .button {
+ color: #fff;
+ background-color: #337ab7;
+ border-color: #2e6da4;
+ cursor: pointer;
+ box-shadow: none;
+ padding-top: 0.9ex;
+ padding-bottom: 0.9ex;
+}
+
+.button {
+ padding-top: 1.1ex;
+ padding-bottom: 0;
+}
+
+input[type="submit"]:active,
+input[type="submit"]:focus,
+input[type="submit"]:hover,
+.button:active,
+.button:focus,
+.button:hover {
+ color: #fff;
+ background-color: #286090;
+ border-color: #204d74;
+}
+
+input[type="submit"]:active {
+ box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}
-*/
div.notes {
margin-top: 4em;