wolnelektury/static/css/book_box.css

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