summaryrefslogtreecommitdiff
path: root/sass
diff options
context:
space:
mode:
Diffstat (limited to 'sass')
-rw-r--r--sass/app.scss27
-rw-r--r--sass/dark.scss2
-rw-r--r--sass/light.scss2
3 files changed, 31 insertions, 0 deletions
diff --git a/sass/app.scss b/sass/app.scss
index fb81921..92fa210 100644
--- a/sass/app.scss
+++ b/sass/app.scss
@@ -284,6 +284,9 @@ div.app {
&.cancelled {
background-color: $cancelled-bg-color;
+ .time {
+ color: $fg !important;
+ }
}
&.past {
@@ -382,6 +385,12 @@ div.app {
}
}
+ .load {
+ color: $fg;
+ font-weight: normal;
+ margin-right: 0.5em;
+ }
+
.platform {
background-color: transparent;
font-size: 3em;
@@ -412,6 +421,16 @@ div.app {
background-color: transparent;
}
+ &.a-bit-delayed {
+ color: $smalldelay-color;
+ background-color: transparent;
+ }
+
+ &.on-time {
+ color: $ontime-color;
+ background-color: transparent;
+ }
+
.no-realtime {
background-color: transparent;
padding-right: 1ex;
@@ -979,6 +998,10 @@ input[type="submit"]:active,
box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}
+.button-active {
+ font-weight: bold;
+}
+
.button-light {
color: $fg1;
background-color: $bg;
@@ -994,6 +1017,10 @@ input[type="submit"]:active,
border-color: $button-hover-border;
}
+div.backendlink {
+ margin-top: 1ex;
+}
+
div.notes {
margin-top: 2em;
}
diff --git a/sass/dark.scss b/sass/dark.scss
index c0e8d2b..78b61b0 100644
--- a/sass/dark.scss
+++ b/sass/dark.scss
@@ -32,9 +32,11 @@ $route-color: #dddddd;
$info-color: #ff7777;
$delay-color: #ff7777;
+$smalldelay-color: #dd9999;
$undelay-color: #77ff77;
$delaynorm-color: #dd9999;
$undelaynorm-color: #99dd99;
+$ontime-color: #aaeeaa;
$additional-stop-color: #77ff77;
$cancelled-stop-color: #ff7777;
diff --git a/sass/light.scss b/sass/light.scss
index 1dee6a9..60981b1 100644
--- a/sass/light.scss
+++ b/sass/light.scss
@@ -32,9 +32,11 @@ $route-color: #444444;
$info-color: #ff0000;
$delay-color: #ff0000;
+$smalldelay-color: #bb3333;
$undelay-color: #006600;
$delaynorm-color: #bb3333;
$undelaynorm-color: #338833;
+$ontime-color: #227722;
$additional-stop-color: #009900;
$cancelled-stop-color: #cc0000;