summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorDaniel Friesel <derf@finalrewind.org>2016-07-10 23:11:15 +0200
committerDaniel Friesel <derf@finalrewind.org>2016-07-10 23:11:15 +0200
commit8b43a3f8ef6dabe4934e96a7b5b2edf153d8557b (patch)
treec87b2c5876a3890b3fbf9b002de9d5d8b9599e78
parent94e244305d5bdaef5254ce1079bb3fe3dfbcc75f (diff)
bootstrap light
-rw-r--r--public/static/default.css50
-rw-r--r--templates/landingpage.html.ep5
2 files changed, 53 insertions, 2 deletions
diff --git a/public/static/default.css b/public/static/default.css
index 498dc00..91d19b0 100644
--- a/public/static/default.css
+++ b/public/static/default.css
@@ -503,14 +503,62 @@ div.field {
margin-bottom: 0.6em;
}
-input, select {
+input, select, .button {
+ display: inline-block;
width: 20em;
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[type="text"] {
+ width: 19em;
+ padding-left: 0.5em;
+ padding-right: 0.5em;
+ text-align: left;
+}
+
+select {
+ min-height: 2em;
}
input[type="checkbox"] {
width: 1.5em;
+ box-shadow: none;
+}
+
+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 {
+ 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 {
diff --git a/templates/landingpage.html.ep b/templates/landingpage.html.ep
index 551cbe6..4a50dbe 100644
--- a/templates/landingpage.html.ep
+++ b/templates/landingpage.html.ep
@@ -8,6 +8,9 @@
Alle Angaben ohne Gewähr.
</p>
<p class="geolink">
-<a href="<%= url_for('_auto')->to_abs->scheme('https') %>">Bahnhöfe im Umfeld suchen</a>
+<a class="button" href="<%= url_for('_auto')->to_abs->scheme('https') %>">Bahnhöfe im Umfeld suchen</a>
+</p>
+<p>
+Oder hier angeben:
</p>
% }