diff options
| -rw-r--r-- | web/app.css | 19 | ||||
| -rw-r--r-- | web/debug.html | 7 | ||||
| -rw-r--r-- | web/release.html | 7 |
3 files changed, 23 insertions, 10 deletions
diff --git a/web/app.css b/web/app.css new file mode 100644 index 000000000..1951db07b --- /dev/null +++ b/web/app.css @@ -0,0 +1,19 @@ +.state-indicator { + position: absolute; + top: -999em; + left: -999em; + z-index: 0; +} + +@media all and (max-device-width: 768px) { + .state-indicator { + z-index: 1; + } +} + +.attribution { + position: fixed; + bottom: 10px; + right: 15px; + font-size: x-small; +} diff --git a/web/debug.html b/web/debug.html index fa3836ce2..9d0f24c6f 100644 --- a/web/debug.html +++ b/web/debug.html @@ -4,13 +4,10 @@ <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <title>Traccar</title> -<style> -.state-indicator { position: absolute; top: -999em; left: -999em; z-index: 0; } -@media all and (max-device-width: 768px) { .state-indicator { z-index: 1; } } -</style> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/classic/theme-neptune/resources/theme-neptune-all.css"> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/ol3/3.7.0/ol.css"> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css"> +<link rel="stylesheet" href="app.css"> <script src="//cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/ext-all-debug.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/classic/theme-neptune/theme-neptune.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/ol3/3.7.0/ol-debug.js"></script> @@ -18,6 +15,6 @@ <script src="app.js"></script> </head> <body> -<div style="position: fixed; bottom: 10px; right: 15px; font-size: x-small;">Powered by <a href="https://www.traccar.org/">Traccar GPS Tracking System</a></div> +<div class="attribution">Powered by <a href="https://www.traccar.org/">Traccar GPS Tracking System</a></div> </body> </html> diff --git a/web/release.html b/web/release.html index bc4d902c0..f5ffeb97f 100644 --- a/web/release.html +++ b/web/release.html @@ -4,13 +4,10 @@ <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <title>Traccar</title> -<style> -.state-indicator { position: absolute; top: -999em; left: -999em; z-index: 0; } -@media all and (max-device-width: 768px) { .state-indicator { z-index: 1; } } -</style> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/classic/theme-neptune/resources/theme-neptune-all.css"> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/ol3/3.7.0/ol.min.css"> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css"> +<link rel="stylesheet" href="app.css"> <script src="//cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/ext-all.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/classic/theme-neptune/theme-neptune.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/ol3/3.7.0/ol.min.js"></script> @@ -18,6 +15,6 @@ <script type="text/javascript">Ext.Loader.loadScript('app.min.js');</script> </head> <body> -<div style="position: fixed; bottom: 10px; right: 15px; font-size: x-small;">Powered by <a href="https://www.traccar.org/">Traccar GPS Tracking System</a></div> +<div class="attribution">Powered by <a href="https://www.traccar.org/">Traccar GPS Tracking System</a></div> </body> </html> |