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