From 08514a8ed6a4e7f543078a19271cb0546532e35d Mon Sep 17 00:00:00 2001 From: Jacek Kowalski <Jacek@jacekk.info> Date: Mon, 02 Nov 2020 00:15:43 +0000 Subject: [PATCH] [map] New API approach --- 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