wolnelektury/static/css/book_box.css

   1 .book-wide-box, .book-mini-box, .book-box {
   2     display: inline-block;
   3     margin: 0;
   4     vertical-align: top;
   5 }
   6
   7
   8 .book-box {
   9     width: 48.75em;
  10 }
  11
  12 .book-mini-box {
  13     width: 16.15em;
  14 }
  15
  16 .book-wide-box {
  17     width: 98.5em;
  18     margin-left: -0.1em;
  19 }
  20
  21 .book-mini-box a, .book-box-inner {
  22     display: block;
  23     color: black;
  24     border: 1px solid #ddd;
  25     height: 20em;
  26     padding: .8em 1em;
  27     margin: .1em;
  28     background: #fff;
  29     -moz-box-shadow: 2px 2px 2px #ddd;
  30     -webkit-box-shadow: 2px 2px 2px #ddd;
  31     box-shadow: 2px 2px 2px #ddd;
  32 }
  33
  34 .book-mini-box a {
  35     height: 27.1em;
  36     margin: .1em;
  37     overflow: hidden;
  38 }
  39 .book-box-inner {
  40     height: 19.75em;
  41     margin: .5em;
  42 }
  43
  44 .book-wide-box .book-box-inner {
  45     height: 24.4em;
  46 }
  47
  48 .book-mini-box img, .book-box img, .book-wide-box img {
  49     width: 13.9em;
  50     height: 19.3em;
  51 }
  52 .book-mini-box img {
  53     margin-bottom: 1.8em;
  54 }
  55 .book-box img, .book-wide-box img {
  56     float: left;
  57     margin-right: 1.5em;
  58 }
  59
  60 .book-mini-box .desc {
  61     margin-left:0em;
  62 }
  63 .book-mini-box .author {
  64     font-size: 1.1em;
  65     color: #777;
  66     display: block;
  67 }
  68 .book-mini-box .title {
  69     font-size: 1.4em;
  70 }
  71
  72
  73 .book-box-body {
  74     height: 17em;
  75     overflow: hidden;
  76 }
  77
  78 .book-wide-box .book-box-body {
  79     height: 21.8em;
  80 }
  81
  82 .book-box-head {
  83     min-height: 7em;
  84     margin-top: 1.4em;
  85     margin-bottom: 1em;
  86 }
  87 .book-box-head .author {
  88     font-size: 1.1em;
  89 }
  90 .book-box-head .title {
  91     font-size: 2.4em;
  92     margin-top: .3em;
  93 }
  94 .book-box-body .tags {
  95     font-size: 1.1em;
  96 }
  97 .book-box-tag {
  98     margin-right: .5em;
  99     margin-left: .4em;
 100 }
 101 .book-box-download {
 102     position: relative;
 103 }
 104
 105 .book-box-download a {
 106     position: relative;
 107     z-index: 1;
 108 }
 109
 110 .book-box-formats {
 111     display: none;
 112     position: absolute;
 113
 114     width: 16.363em;
 115     border: 1px solid #ddd;
 116     padding: 3.454em 1.727em .818em 1.727em;
 117     background: #fff;
 118     -moz-box-shadow: 2px 2px 2px #ddd;
 119     -webkit-box-shadow: 2px 2px 2px #ddd;
 120     box-shadow: 2px 2px 2px #ddd;
 121
 122     z-index: 0;
 123     top: -1.454em;
 124     left: -1.727em;
 125 }
 126 .book-box-formats span {
 127     display: block;
 128 }
 129
 130
 131 .book-box-download:hover .book-box-formats:first {
 132     margin-top: 1.454em;
 133 }
 134
 135 .book-box-download:hover .book-box-formats {
 136     display: block;
 137 }
 138
 139 .book-box-tools {
 140     font-size: 1.1em;
 141 }
 142
 143 .book-wide-box .book-box-tools {
 144     margin-left: 14em;
 145 }
 146
 147 .book-box-tools a.downarrow:before {
 148     content: "\2609";
 149     font-family: WL-Nav;
 150     font-size: 2.25em;
 151     margin-right: .15em;
 152     vertical-align: middle;
 153 }
 154
 155 .book-box-audiobook a:before {
 156     content: "\266B";
 157     font-family: WL-Nav;
 158     font-size: 2.25em;
 159     margin-right: .15em;
 160     vertical-align: middle;
 161 }
 162
 163 ul.book-box-tools {
 164     margin: 0;
 165     padding: 0;
 166 }
 167
 168 .book-box-tools li {
 169     display: inline-block;
 170 }
 171
 172 .book-box-read {
 173     width: 11.5em;
 174 }
 175 .book-box-download {
 176     width: 8.5em;
 177 }
 178 .book-box-audiobook {
 179     width: 7em;
 180 }
 181
 182 .book-wide-box .right-column {
 183     float: right;
 184     width: 41.5em;
 185 }
 186
 187 .book-wide-box blockquote.cite-body {
 188     /* @ 18pt */
 189     width: 100%; /*23.055em;*/
 190     height: 7.222em;
 191     background-color: #f7f7f7;
 192     margin: 0;
 193     position: relative;
 194     top: -0.444em;
 195     right: -0.555em;
 196     vertical-align: center;
 197 }
 198
 199 .book-wide-box blockquote div {
 200     padding: 0.888em;
 201 }
 202
 203 ul.inline-items, ul.inline-items li {
 204     margin: 0;
 205     padding: 0;
 206 }
 207
 208 ul.inline-items li {
 209     display: inline-block;
 210 }
 211
 212 .book-wide-box #other-tools {
 213     float: left;
 214     width: 14.5em;
 215     margin: 6em 0 0 1.5em;
 216
 217 }
 218
 219 .book-wide-box #other-download {
 220     float: left;
 221     width: 22.5em;
 222     margin: 6em 1.5em 0em 1.5em
 223 }
 224