assets/www/css/style.css

   1 /*
   2  * This file is part of WolneLektury-Mobile, licensed under GNU Affero GPLv3 or later.
   3  * Copyright © Fundacja Nowoczesna Polska. See NOTICE for more information.
   4  */
   5
   6 body {
   7         padding: 0;
   8         margin: 0;
   9         background: white;
  10         font-family: verdana, arial, helvetica, sans-serif;
  11 }
  12
  13 .night-mode, .night-mode #search {
  14         color: #ddd;
  15         background: #222;
  16 }
  17 .night-mode a {
  18         color: #fff;
  19 }
  20
  21 .spinner {
  22         margin-top: 4em;
  23         text-align: center;
  24 }
  25 @-webkit-keyframes rotate {
  26   from {
  27     -webkit-transform: rotate(0deg);
  28   }
  29   to {
  30     -webkit-transform: rotate(360deg);
  31   }
  32 }
  33 .spinner img {
  34         -webkit-animation-name: rotate;
  35         -webkit-animation-duration: 4s;
  36         -webkit-animation-iteration-count: 10;
  37         -webkit-animation-direction: right;
  38         -webkit-animation-timing-function:linear;
  39 }
  40 #spinnertext {
  41         margin-top: 2em;
  42         font-size: .7em;
  43 }
  44
  45 #cover {
  46         width: 100%;
  47 }
  48
  49 #searchbox {
  50         font-size: 1.25em;
  51         background: #84bf2a;
  52         padding: 5px;
  53         display: none;
  54 }
  55 #search {
  56         border: none;
  57         width: 100%;
  58         padding: 5px 0 5px 0;
  59 }
  60 #swrap {
  61         margin-right:85px;
  62 }
  63 #searchbutton {
  64         width:80px;
  65         float:right;
  66 }
  67 #content {
  68     padding: 10px;
  69 }
  70 .button {
  71         display: block;
  72         background: #ddd;
  73     font-size: 1.25em;
  74         padding: .5em;
  75         margin-bottom: .5em;
  76         border-radius: 8px;
  77     -webkit-border-radius: 8px;
  78         color: #295158;
  79 }
  80 .button img {
  81         margin-right: .5em;
  82         vertical-align: middle;
  83 }
  84 .button .sub {
  85         font-size: .7em;
  86 }
  87 .button .note {
  88         font-size: .5em;
  89         text-align: right;
  90 }
  91 .button img {
  92         float:left;
  93 }
  94 .button .label {
  95         margin-left: 32px;
  96 }
  97
  98 .button-Book {
  99     background: #ccc;
 100 }
 101 .button-BookText {
 102     background: #ccc;
 103 }
 104 .delete {
 105         float: right;
 106         width: 24px;
 107
 108         background: #464646;
 109     font-size: 1.25em;
 110         padding: .5em;
 111         margin-bottom: .5em;
 112         border-radius: 8px;
 113     -webkit-border-radius: 8px;
 114         color: white;
 115         text-align: center;
 116 }
 117
 118 h1 .subheader {
 119         display:block;
 120         font-size: 70%;
 121 }
 122 .upper {
 123         text-transform: capitalize;
 124 }
 125
 126
 127 .footer {
 128         font-size: 0.75em;
 129         text-align: center;
 130 }
 131
 132 .clr {
 133         clear: both;
 134 }
 135
 136
 137 .info dt {
 138         display: inline;
 139         font-weight: bold;
 140 }
 141
 142 .info dd {
 143         display: inline;
 144         margin: 0;
 145 }
 146 .info img {
 147         max-width: 100%;
 148 }