summaryrefslogtreecommitdiff
path: root/sass
diff options
context:
space:
mode:
Diffstat (limited to 'sass')
-rw-r--r--sass/app.scss185
-rw-r--r--sass/dark.scss9
-rw-r--r--sass/light.scss9
3 files changed, 167 insertions, 36 deletions
diff --git a/sass/app.scss b/sass/app.scss
index c7cc2f6..d69e41e 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%;
@@ -142,6 +143,9 @@ div.content {
background-color: $powercar-wagon-color;
}
+ .closed {
+ background-color: $closed-wagon-color;
+ }
.nondestwagon {
border-style: dashed;
@@ -154,13 +158,29 @@ div.content {
.type {
display: inline-block;
width: 5em;
- color: $fg2;
+ color: $fg;
}
a.type {
color: $link-color;
}
+ .groupno {
+ color: $fg;
+ }
+
+ .grouptype {
+ color: $fg2;
+ }
+
+ .grouptype:before {
+ content: "(";
+ }
+
+ .grouptype:after {
+ content: ")";
+ }
+
.uicunknown {
color: $fg3;
}
@@ -191,7 +211,7 @@ div.content {
font-weight: bold;
}
- .uic78::before {
+ .uic78:before {
content: "-";
}
@@ -209,7 +229,7 @@ div.content {
color: $fg3;
}
- .uiccheck::before {
+ .uiccheck:before {
content: "-";
}
}
@@ -316,51 +336,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 +388,7 @@ div.app {
font-weight: bold;
position: absolute;
right: 5px;
- bottom: 2px;
+ bottom: 0;
padding-left: 0.2em;
color: $fg;
}
@@ -389,7 +403,7 @@ div.app {
font-size:2.3em;
position:absolute;
right:5px;
- top:4px;
+ top:1px;
padding-left: 0.2em;
color: $fg;
@@ -474,6 +488,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 +542,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 +583,10 @@ div.app {
color: $info-color;
}
+ .timehidden {
+ color: $fg2;
+ }
+
.undelay {
color: $undelay-color;
}
@@ -554,6 +599,16 @@ div.app {
}
}
+ .messages {
+ i.material-icons {
+ font-size: 14px;
+ }
+ }
+
+ .details {
+ margin-top: 1em;
+ }
+
.mroute {
.important-stop {
color: $fg;
@@ -578,6 +633,49 @@ div.app {
.future-stop {
list-style-type: circle;
}
+
+ .time-early {
+ color: $early-stop-color;
+ }
+
+ .time-delayed {
+ color: $delayed-stop-color;
+ }
+
+ .time-sched-only {
+ color: $delayed-stop-color;
+ }
+
+ .time-sched-ontime {
+ color: $early-stop-color;
+ }
+
+
+ .annotation {
+ color: $fg2;
+ list-style-type: none;
+ padding-left: 3em;
+ }
+
+ .-sched:before {
+ content: " ";
+ }
+
+ .time-sched:after {
+ content: " ";
+ }
+
+ .time-sched-only:before {
+ content: "(";
+ }
+
+ .time-sched-only:after {
+ content: ")";
+ }
+
+ i.material-icons {
+ font-size: 14px;
+ }
}
.db-attr {
@@ -641,15 +739,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 +897,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;
diff --git a/sass/dark.scss b/sass/dark.scss
index 3c7f9eb..c0e8d2b 100644
--- a/sass/dark.scss
+++ b/sass/dark.scss
@@ -1,5 +1,5 @@
/*
- * Copyright (C) 2011-2020 Daniel Friesel
+ * Copyright (C) 2011-2020 Birte Kristina Friesel
*
* SPDX-License-Identifier: BSD-2-Clause
*/
@@ -24,6 +24,9 @@ $sbahn-color: #115511;
$bahn-color: #333333;
$fern-color: #551111;
$ext-border-color: #993333;
+$tram-color: #441111;
+$ubahn-color: #071e62;
+$bus-color: #551155;
$route-color: #dddddd;
@@ -36,11 +39,15 @@ $undelaynorm-color: #99dd99;
$additional-stop-color: #77ff77;
$cancelled-stop-color: #ff7777;
+$early-stop-color: #ccffcc;
+$delayed-stop-color: #ff9999;
+
$cancelled-bg-color: #512f00;
$past-bg-color: $bg05;
$firstclass-wagon-color: #333300;
$powercar-wagon-color: #222222;
+$closed-wagon-color: #222222;
$button-hover: #111111;
$button-hover-border: #333333;
diff --git a/sass/light.scss b/sass/light.scss
index 6410b0a..1dee6a9 100644
--- a/sass/light.scss
+++ b/sass/light.scss
@@ -1,5 +1,5 @@
/*
- * Copyright (C) 2011-2020 Daniel Friesel
+ * Copyright (C) 2011-2020 Birte Kristina Friesel
*
* SPDX-License-Identifier: BSD-2-Clause
*/
@@ -24,6 +24,9 @@ $sbahn-color: #95d79f;
$bahn-color: #eeeeee;
$fern-color: #ffdddd;
$ext-border-color: #ff6666;
+$tram-color: #ffcccc;
+$ubahn-color: #aac0ff;
+$bus-color: #eeaaee;
$route-color: #444444;
@@ -36,11 +39,15 @@ $undelaynorm-color: #338833;
$additional-stop-color: #009900;
$cancelled-stop-color: #cc0000;
+$early-stop-color: #007700;
+$delayed-stop-color: #990000;
+
$cancelled-bg-color: #ffe7d0;
$past-bg-color: $bg05;
$firstclass-wagon-color: #ffff99;
$powercar-wagon-color: #cccccc;
+$closed-wagon-color: #dddddd;
$button-hover: #e6e6e6;
$button-hover-border: #adadad;
generated by cgit v1.2.3 (git 2.39.1) at 2024-04-28 14:57:50 +0000