nicer spinner animation, some cleaning

[wl-mobile.git] / assets / www / css / style.css

diff --git a/assets/www/css/style.css b/assets/www/css/style.css
index eee8406..89dc0c2 100644 (file)
--- a/assets/www/css/style.css
+++ b/assets/www/css/style.css
@@ -1,14 +1,42 @@
+/*
+ * This file is part of WolneLektury-Mobile, licensed under GNU Affero GPLv3 or later.
+ * Copyright © Fundacja Nowoczesna Polska. See NOTICE for more information.
+ */
+
 body {
        padding: 0;
        margin: 0;
-       /*font-size: 13px;*/
+       background: white;
        font-family: verdana, arial, helvetica, sans-serif;
 }
 
+.night-mode, .night-mode #search {
+       color: #ddd;
+       background: #222;
+}
+.night-mode a {
+       color: #fff;
+}
+
 .spinner {
        margin-top: 4em;
        text-align: center;
 }
+@-webkit-keyframes rotate {
+  from {
+    -webkit-transform: rotate(0deg);
+  }
+  to { 
+    -webkit-transform: rotate(360deg);
+  }
+}
+.spinner img {
+       -webkit-animation-name: rotate;
+       -webkit-animation-duration: 4s;
+       -webkit-animation-iteration-count: 10;
+       -webkit-animation-direction: right;
+       -webkit-animation-timing-function:linear;
+}
 #spinnertext {
        margin-top: 2em;
        font-size: .7em;