X-Git-Url: https://git.mdrn.pl/wl-mobile.git/blobdiff_plain/d947c00d92691df552a793f8d9c2991c931ad244..6e087a91530a9731db6dd4b41bf69eda3409c0e9:/assets/www/css/style.css

diff --git a/assets/www/css/style.css b/assets/www/css/style.css
index b1f0022..83271f0 100644
--- a/assets/www/css/style.css
+++ b/assets/www/css/style.css
@@ -1,16 +1,54 @@
+/*
+ * 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: 12px;
+	background: white;
 	font-family: verdana, arial, helvetica, sans-serif;
 }
 
+.night-mode {
+	color: #ddd;
+	background: #222;
+}
+.night-mode #search {
+	color: #ddd;
+	background: #222;
+}
+
 .spinner {
-	padding: 5em;
+	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;
+}
+
+#cover {
+	width: 100%;
 }
 
 #searchbox {
-	font-size: 1.5em;
+	font-size: 1.25em;
 	background: #84bf2a;
 	padding: 5px;
 	display: none;
@@ -27,42 +65,56 @@ body {
 	width:80px;
 	float:right;
 }
-#logo {
-	padding: 1em;
-	text-align:center;
-}
 #content {
     padding: 10px;
 }
-.buttons a {
+.button {
 	display: block;
-	background: #b6e372;
-    font-size: 20px;
-	padding: 1em;
+	background: #ddd;
+    font-size: 1.25em;
+	padding: .5em;
+	margin-bottom: .5em;
 	border-radius: 8px;
     -webkit-border-radius: 8px;
-	/*margin: 0.5em;*/
-	text-align:center;
 	color: #295158;
-	text-decoration: none;
 }
-
-.book-list a {
-    display: block;
-    background: #eee;
-    font-size: 16px;
-    padding: 15px;
-    margin: 5px;
-    border-radius: 8px;
-    -webkit-border-radius: 8px;
-    text-align:center;
-    color: #295158;
-    text-decoration: none;
+.button img {
+	margin-right: .5em;
+	vertical-align: middle;
+}
+.button .sub {
+	font-size: .7em;
+}
+.button .note {
+	font-size: .5em;
+	text-align: right;
+}
+.button img {
+	float:left;
+}
+.button .label {
+	margin-left: 32px;
 }
 
-a.Book {
+.button-Book {
+    background: #ccc;
+}
+.button-BookText {
     background: #ccc;
 }
+.delete {
+	float: right;
+	width: 24px;
+
+	background: #464646;
+    font-size: 1.25em;
+	padding: .5em;
+	margin-bottom: .5em;
+	border-radius: 8px;
+    -webkit-border-radius: 8px;
+	color: white;
+	text-align: center;
+}
 
 h1 .subheader {
 	display:block;
@@ -74,11 +126,24 @@ h1 .subheader {
 
 
 .footer {
-	color: #888;
-	border-top: 1px solid #888;
-	margin-top: 2em;
-	font-size: 0.9em;
+	font-size: 0.75em;
+	text-align: center;
+}
+
+.clr {
+	clear: both;
+}
+
+
+.info dt {
+	display: inline;
+	font-weight: bold;
+}
+
+.info dd {
+	display: inline;
+	margin: 0;
 }
-.footer a {
-	color: #888;
+.info img {
+	max-width: 100%;
 }
\ No newline at end of file