aboutsummaryrefslogtreecommitdiff
path: root/web
diff options
context:
space:
mode:
authorAnton Tananaev <anton.tananaev@gmail.com>2015-09-22 11:00:21 +1200
committerAnton Tananaev <anton.tananaev@gmail.com>2015-09-22 11:00:21 +1200
commit374ee56aa76b2196dea6d08673e5bea91d8147da (patch)
treeb4ea80714c457e0a9dd6354eb9776c6e263bf34a /web
parent3acfef3f590b496a81740a5e0de7841ae8088f4a (diff)
downloadtrackermap-server-374ee56aa76b2196dea6d08673e5bea91d8147da.tar.gz
trackermap-server-374ee56aa76b2196dea6d08673e5bea91d8147da.tar.bz2
trackermap-server-374ee56aa76b2196dea6d08673e5bea91d8147da.zip
Move HTML styles to css file
Diffstat (limited to 'web')
-rw-r--r--web/app.css19
-rw-r--r--web/debug.html7
-rw-r--r--web/release.html7
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>