aboutsummaryrefslogtreecommitdiff
path: root/web/app.css
diff options
context:
space:
mode:
authorAnton Tananaev <anton.tananaev@gmail.com>2016-09-18 11:40:46 +1200
committerAnton Tananaev <anton.tananaev@gmail.com>2016-09-18 11:40:46 +1200
commit2608adeff46f1286deff11a5320cee5647f6d41b (patch)
treea16014c04c755ec701b3237b0cccc7d8cc406960 /web/app.css
parentd5ca160059220a07c71c95cc85696e0d66bf9c6e (diff)
downloadtrackermap-web-2608adeff46f1286deff11a5320cee5647f6d41b.tar.gz
trackermap-web-2608adeff46f1286deff11a5320cee5647f6d41b.tar.bz2
trackermap-web-2608adeff46f1286deff11a5320cee5647f6d41b.zip
Move web interface from main repo
Diffstat (limited to 'web/app.css')
-rw-r--r--web/app.css69
1 files changed, 69 insertions, 0 deletions
diff --git a/web/app.css b/web/app.css
new file mode 100644
index 00000000..95417606
--- /dev/null
+++ b/web/app.css
@@ -0,0 +1,69 @@
+.view-color-green {
+ background-color: rgba(77, 250, 144, 0.3);
+}
+.view-color-yellow {
+ background-color: rgba(250, 190, 77, 0.3);
+}
+.view-color-red {
+ background-color: rgba(255, 84, 104, 0.3);
+}
+
+.x-tree-icon {
+ display: none !important;
+}
+
+.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: absolute;
+ bottom: 10px;
+ right: 15px;
+ font-size: x-small;
+}
+
+#spinner {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ height: 60px;
+ width: 60px;
+ margin-top: -30px;
+ margin-left: -30px;
+ -webkit-animation: rotation .8s infinite linear;
+ -moz-animation: rotation .8s infinite linear;
+ -o-animation: rotation .8s infinite linear;
+ animation: rotation .8s infinite linear;
+ border-left: 6px solid rgba(56, 146, 212, .15);
+ border-right: 6px solid rgba(56, 146, 212, .15);
+ border-bottom: 6px solid rgba(56, 146, 212, .15);
+ border-top: 6px solid rgba(56, 146, 212, .8);
+ border-radius: 100%;
+}
+
+@-webkit-keyframes rotation {
+ from { -webkit-transform: rotate(0deg); }
+ to { -webkit-transform: rotate(359deg); }
+}
+@-moz-keyframes rotation {
+ from { -moz-transform: rotate(0deg); }
+ to { -moz-transform: rotate(359deg); }
+}
+@-o-keyframes rotation {
+ from { -o-transform: rotate(0deg); }
+ to { -o-transform: rotate(359deg); }
+}
+@keyframes rotation {
+ from { transform: rotate(0deg); }
+ to { transform: rotate(359deg); }
+}