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         font-family: verdana, arial, helvetica, sans-serif;
  10 }
  11
  12 .spinner {
  13         margin-top: 4em;
  14         text-align: center;
  15 }
  16 #spinnertext {
  17         margin-top: 2em;
  18         font-size: .7em;
  19 }
  20
  21 #cover {
  22         width: 100%;
  23 }
  24
  25 #searchbox {
  26         font-size: 1.25em;
  27         background: #84bf2a;
  28         padding: 5px;
  29         display: none;
  30 }
  31 #search {
  32         border: none;
  33         width: 100%;
  34         padding: 5px 0 5px 0;
  35 }
  36 #swrap {
  37         margin-right:85px;
  38 }
  39 #searchbutton {
  40         width:80px;
  41         float:right;
  42 }
  43 #content {
  44     padding: 10px;
  45 }
  46 .button {
  47         display: block;
  48         background: #ddd;
  49     font-size: 1.25em;
  50         padding: .5em;
  51         margin-bottom: .5em;
  52         border-radius: 8px;
  53     -webkit-border-radius: 8px;
  54         color: #295158;
  55 }
  56 .button img {
  57         margin-right: .5em;
  58         vertical-align: middle;
  59 }
  60 .button .sub {
  61         font-size: .7em;
  62 }
  63 .button .note {
  64         font-size: .5em;
  65         text-align: right;
  66 }
  67 .button img {
  68         float:left;
  69 }
  70 .button .label {
  71         margin-left: 32px;
  72 }
  73
  74 .button-Book {
  75     background: #ccc;
  76 }
  77 .button-BookText {
  78     background: #ccc;
  79 }
  80 .delete {
  81         float: right;
  82         width: 24px;
  83
  84         background: #464646;
  85     font-size: 1.25em;
  86         padding: .5em;
  87         margin-bottom: .5em;
  88         border-radius: 8px;
  89     -webkit-border-radius: 8px;
  90         color: white;
  91         text-align: center;
  92 }
  93
  94 h1 .subheader {
  95         display:block;
  96         font-size: 70%;
  97 }
  98 .upper {
  99         text-transform: capitalize;
 100 }
 101
 102
 103 .footer {
 104         font-size: 0.75em;
 105         text-align: center;
 106 }
 107
 108 .clr {
 109         clear: both;
 110 }
 111
 112
 113 .info dt {
 114         display: inline;
 115         font-weight: bold;
 116 }
 117
 118 .info dd {
 119         display: inline;
 120         margin: 0;
 121 }
 122 .info img {
 123         max-width: 100%;
 124 }