summaryrefslogtreecommitdiff
path: root/sass/app.scss
diff options
context:
space:
mode:
authorDaniel Friesel <derf@finalrewind.org>2021-08-23 20:22:51 +0200
committerDaniel Friesel <derf@finalrewind.org>2021-08-23 20:22:51 +0200
commit4eeb0036ecd4497d3900f46a7c5371d0e6a0bad6 (patch)
tree5cb03ed711f8c342eef6216b9cb1c17b39766437 /sass/app.scss
parent9f698bdfe42a668dd18343f18fb02d158fc66158 (diff)
Add trip detail page0.5.0
Diffstat (limited to 'sass/app.scss')
-rw-r--r--sass/app.scss91
1 files changed, 89 insertions, 2 deletions
diff --git a/sass/app.scss b/sass/app.scss
index c5391a2..be78af3 100644
--- a/sass/app.scss
+++ b/sass/app.scss
@@ -67,6 +67,32 @@ input[type="text"] {
box-sizing: border-box;
}
+.smallbutton {
+ display: inline-block;
+ vertical-align: baseline;
+ border-radius: 4px;
+ border: 1px solid #2e6da4;
+ transition: background-color .3s;
+ color: #fff;
+ background-color: #337ab7;
+ cursor: pointer;
+ box-shadow: none;
+ padding: 0.9ex;
+ margin-right: 1em;
+
+ &:active, &:focus, &:hover {
+ color: #fff;
+ background-color: #286090;
+ border-color: #204d74;
+ }
+
+ .material-icons {
+ display: block;
+ float: left;
+ margin-right: 0.5ex;
+ }
+}
+
.globalnote {
margin-top: 1em;
font-style: italic;
@@ -328,7 +354,7 @@ ul.departures {
.delay {
padding-right: 1ex;
- color: #ff0000;
+ color: $delay-color;
}
}
@@ -344,6 +370,67 @@ ul.departures {
}
}
+.tripinfo {
+ padding-left: 1em;
+ padding-right: 1em;
+ .direction {
+ text-align: center;
+ font-size: 120%;
+ padding-top: 0.5em;
+ padding-bottom: 0.5em;
+ border-bottom: 0.1em dashed #cccccc;
+ }
+ .dataline {
+ margin-top: 0.6em;
+ font-size: 120%;
+ width: 100%;
+ display: flex;
+ justify-content: space-between;
+ margin-bottom: 1em;
+
+ > div {
+ width: 33%;
+ }
+
+ .arrival {
+ display: inline-block;
+ text-align: right;
+ }
+ .platform {
+ text-align: center;
+ }
+ .departure {
+ text-align: right;
+ }
+
+ .delay {
+ color: $delay-color;
+ }
+ }
+ .linklist {
+ margin-top: 0.5em;
+ margin-bottom: 1em;
+ .material-icons {
+ font-size: 20px;
+ }
+ }
+ .route {
+ margin-top: 1em;
+ .past-stop {
+ list-style-type: disc;
+ }
+ .future-stop {
+ list-style-type: circle;
+ }
+ .this-stop {
+ font-weight: bold;
+ }
+ .cancelled-stop {
+ color: $cancelled-stop-color;
+ }
+ }
+}
+
.navbar-fixed {
position: relative;
z-index: 997;
@@ -398,7 +485,7 @@ ul.departures {
font-weight: 400;
src: local('Material Icons'),
local('MaterialIcons-Regular'),
- url(/static/v5/font/MaterialIcons-Regular.ttf) format('truetype');
+ url(/static/v6/font/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {