diff options
Diffstat (limited to 'sass/app.scss')
-rw-r--r-- | sass/app.scss | 121 |
1 files changed, 90 insertions, 31 deletions
diff --git a/sass/app.scss b/sass/app.scss index c7cc2f6..f72203e 100644 --- a/sass/app.scss +++ b/sass/app.scss @@ -1,5 +1,5 @@ /* - * Copyright (C) 2011-2020 Daniel Friesel + * Copyright (C) 2011-2020 Birte Kristina Friesel * * SPDX-License-Identifier: BSD-2-Clause */ @@ -10,7 +10,7 @@ body { } html { - font-family: Sans-Serif; + font-family: "Arimo", "Arial", Sans-Serif; } a { @@ -30,6 +30,7 @@ a { p, div.about, +div.config, div.input-field, div.notes { max-width: 94%; @@ -316,51 +317,45 @@ div.app { left:2px; } - .route { + .route, .info { background-color: transparent; font-size:2.1em; position:absolute; - top:1px; - left:7.7em; + top: 0; + left: 7.7em; right: 7em; - height: 1.2em; + height: 1.5em; overflow: hidden; + white-space: nowrap; + } + + .route { color: $route-color; } .info { color: $info-color; - background-color: transparent; - font-size:2.1em; - position:absolute; - top:1px; - left:7.7em; - right: 7em; - height: 1.2em; - overflow: hidden; } - .dest { + .dest, .origin { background-color: transparent; font-size:4em; position:absolute; - top:0.62em; + bottom:0; left:4em; - bottom:0px; width: 70%; + white-space: nowrap; overflow: hidden; color: $fg; } + .dest { + background-color: transparent; + color: $fg; + } + .origin { background-color: transparent; - font-size:4em; - position:absolute; - top:0.62em; - left:4em; - bottom:0px; - width: 70%; - overflow: hidden; color: $fg2; &:before { @@ -374,7 +369,7 @@ div.app { font-weight: bold; position: absolute; right: 5px; - bottom: 2px; + bottom: 0; padding-left: 0.2em; color: $fg; } @@ -389,7 +384,7 @@ div.app { font-size:2.3em; position:absolute; right:5px; - top:4px; + top:1px; padding-left: 0.2em; color: $fg; @@ -474,6 +469,22 @@ div.app { border: 2px solid $bahn-color; } + .tram, .bus, .ubahn { + padding:3px 5px 2px 5px; + } + + .tram { + background-color: $tram-color; + } + + .bus { + background-color: $bus-color; + } + + .ubahn { + background-color: $ubahn-color; + } + .moreinfo { font-size:2.1em; position:fixed; @@ -512,13 +523,24 @@ div.app { width: 100%; display: flex; justify-content: space-between; - margin-bottom: 1em; + margin-bottom: 0.5em; > div { width: 33%; } } + .wagonorder-preview { + font-size: 110%; + width: 100%; + text-align: center; + margin-bottom: 1em; + + a { + color: $fg; + } + } + .departure { text-align: right; } @@ -542,6 +564,10 @@ div.app { color: $info-color; } + .timehidden { + color: $fg2; + } + .undelay { color: $undelay-color; } @@ -554,6 +580,16 @@ div.app { } } + .messages { + i.material-icons { + font-size: 14px; + } + } + + .details { + margin-top: 1em; + } + .mroute { .important-stop { color: $fg; @@ -578,6 +614,10 @@ div.app { .future-stop { list-style-type: circle; } + + i.material-icons { + font-size: 14px; + } } .db-attr { @@ -641,15 +681,27 @@ div.candidatelist a .traininfo { padding-bottom: 0.3em; } -div.about { +div.config { margin-top: 2em; font-family: Sans-Serif; color: $fg2; + + a { + color: $link-color; + cursor: pointer; + text-decoration: none; + } } -div.about a { - color: $link-color; - text-decoration: none; +div.about { + margin-top: 1em; + font-family: Sans-Serif; + color: $fg2; + + a { + color: $link-color; + text-decoration: none; + } } .notice { @@ -787,6 +839,13 @@ div.field { margin-right: 0.5ex; } +.smallbutton img { + display: block; + float: left; + margin-right: 0.7ex; + height: 1.2em; +} + input, select, .button { display: inline-block; width: 60em; |