From 1e2d27715229efaaaf49a20b294fbfc2aff694a9 Mon Sep 17 00:00:00 2001
From: Jacek Kowalski <Jacek@jacekk.info>
Date: Thu, 27 Jun 2019 23:35:29 +0000
Subject: [PATCH] Use renderMode image for vehicles layer (performance improvement)
---
index.css | 66 +++++++++++++++++++++++++++++++++
1 files changed, 66 insertions(+), 0 deletions(-)
diff --git a/index.css b/index.css
index 5edcb4a..522cc9a 100644
--- a/index.css
+++ b/index.css
@@ -33,3 +33,69 @@
font-weight: normal;
font-size: inherit;
}
+
+h2#times-stop {
+ margin-top: 0;
+}
+.vehicleInfo {
+ font-size: 21px;
+}
+#times-table .vehicleInfo {
+ float: right;
+ margin: -5px 0;
+}
+#route-vehicle .vehicleInfo {
+ margin-right: .5em;
+}
+#vehicle-data {
+ float: right;
+}
+.bigger {
+ font-size: 21px;
+}
+.vehicleData {
+ display: none;
+}
+
+/* Change navbar behavior for low media width */
+.navbar-nav {
+ float: left;
+ margin: 0;
+}
+.nav > li {
+ float: left;
+}
+.navbar-nav > li > a {
+ padding-top: 15px;
+ padding-bottom: 15px;
+}
+.navbar-left {
+ float: left !important;
+}
+.navbar-form {
+ width: auto;
+ padding-top: 0;
+ padding-bottom: 0;
+ margin-right: 0;
+ margin-left: 0;
+ border: 0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+
+/* Loading animation */
+nav.loading {
+ background-image: -webkit-linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.1) 75%,transparent 75%,transparent);
+ background-image: -moz-linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.1) 75%,transparent 75%,transparent);
+ background-image: -ms-linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.1) 75%,transparent 75%,transparent);
+ background-image: -o-linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.1) 75%,transparent 75%,transparent);
+ background-image: linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.1) 75%,transparent 75%,transparent);
+ -webkit-background-size: 40px 40px;
+ background-size: 40px 40px;
+ -webkit-animation: progress-bar-stripes 2s linear infinite;
+ -o-animation: progress-bar-stripes 2s linear infinite;
+ animation: progress-bar-stripes 2s linear infinite;
+}
+nav.loading * {
+ color: black !important;
+}
--
Gitblit v1.9.1