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
  19     /** This is a fullpage box, it must be aligned with the top menu.
  20         This corresponds to a .1em margin below **/
  21     margin-left: -0.1em;
  22 }
  23
  24 /*
  25  * A mini-box wraps it's contents (image + label) in an <a>
  26  * other boxes have an inner box as a wrapper.
  27  */
  28
  29 .book-box-inner {
  30     /* min, so it can grow */
  31     min-height: 19.75em;
  32     margin: .5em;
  33 }
  34
  35 .book-mini-box a, .book-box-inner {
  36     display: block;
  37     color: black;
  38     border: 1px solid #ddd;
  39 /*    height: 20em; */
  40     padding: .8em 1em;
  41     margin: .1em;
  42     background: #fff;
  43     -moz-box-shadow: 2px 2px 2px #ddd;
  44     -webkit-box-shadow: 2px 2px 2px #ddd;
  45     box-shadow: 2px 2px 2px #ddd;
  46 }
  47
  48 .book-mini-box a {
  49     height: 27.1em;
  50     margin: .1em;
  51     overflow: hidden;
  52 }
  53
  54
  55 .book-wide-box .book-box-inner {
  56    /* min, so it can grow */
  57    min-height: 24.4em;
  58 }
  59
  60 /*.book-wide-box.search-result .book-box-inner, .book-wide-box.search-result blockquote {
  61     height: auto !important;
  62 }*/
  63
  64 .book-mini-box img, .book-box img, .book-wide-box img {
  65     width: 13.9em;
  66     height: 19.3em;
  67 }
  68 .book-mini-box img {
  69     margin-bottom: 1.8em;
  70 }
  71 .book-box img, .book-wide-box img {
  72     float: left;
  73     margin-right: 1.5em;
  74 }
  75
  76 .book-mini-box .desc {
  77     margin-left:0em;
  78 }
  79 .book-mini-box .author {
  80     font-size: 1.1em;
  81     color: #707b7a;
  82     display: block;
  83 }
  84 .book-mini-box .title {
  85     font-size: 1.4em;
  86     color: #242424;
  87 }
  88
  89
  90 .book-box-body {
  91     height: 17em;
  92     overflow: hidden;
  93 }
  94
  95 .book-wide-box .book-box-body {
  96     height: 21.8em;
  97 }
  98
  99 .book-box-head {
 100     min-height: 7em;
 101     margin-top: 1.4em;
 102     margin-bottom: 1em;
 103 }
 104 .book-box-head .author {
 105     font-size: 1.1em;
 106 }
 107 .book-box-head .title {
 108     font-size: 2.4em;
 109     margin-top: .3em;
 110 }
 111 .book-box-body .tags {
 112     font-size: 1.1em;
 113 }
 114 .book-box-tag {
 115     margin-right: .5em;
 116     margin-left: .4em;
 117 }
 118 .book-box-download {
 119     position: relative;
 120 }
 121
 122 .book-box-download a {
 123     position: relative;
 124     z-index: 1;
 125 }
 126
 127 .book-box-formats {
 128     display: none;
 129     position: absolute;
 130
 131     width: 16.363em;
 132     border: 1px solid #ddd;
 133     padding: 3.454em 1.727em .818em 1.727em;
 134     background: #fff;
 135     -moz-box-shadow: 2px 2px 2px #ddd;
 136     -webkit-box-shadow: 2px 2px 2px #ddd;
 137     box-shadow: 2px 2px 2px #ddd;
 138
 139     z-index: 0;
 140     top: -1.454em;
 141     left: -1.727em;
 142 }
 143 .book-box-formats span {
 144     display: block;
 145 }
 146
 147
 148 .book-box-download:hover .book-box-formats span:first-child {
 149     margin-top: 1.454em;
 150 }
 151
 152 .book-box-download:hover .book-box-formats {
 153     display: block;
 154 }
 155
 156 .book-box-tools {
 157     font-size: 1.1em;
 158 }
 159
 160 .book-wide-box .book-box-tools {
 161     margin-left: 14em;
 162 }
 163
 164 .book-box-tools a.downarrow:before {
 165     content: "\2609";
 166     font-family: WL-Nav;
 167     font-size: 2.25em;
 168     margin-right: .15em;
 169     vertical-align: middle;
 170 }
 171
 172 .book-box-audiobook a:before {
 173     content: "\266B";
 174     font-family: WL-Nav;
 175     font-size: 2.25em;
 176     margin-right: .15em;
 177     vertical-align: middle;
 178 }
 179
 180 ul.book-box-tools {
 181     margin: 0;
 182     padding: 0;
 183 }
 184
 185 .book-box-tools li {
 186     display: inline-block;
 187 }
 188
 189 .book-box-read {
 190     width: 11.5em;
 191 }
 192 .book-box-download {
 193     width: 8.5em;
 194 }
 195 .book-box-audiobook {
 196     width: 7em;
 197 }
 198
 199 .book-wide-box .right-column {
 200     float: right;
 201     width: 41.5em;
 202 }
 203
 204 .book-wide-box blockquote.cite-body {
 205     /* @ 18pt */
 206     width: 100%; /*23.055em;*/
 207     height: 7.222em;
 208     background-color: #f7f7f7;
 209     margin: 0;
 210     position: relative;
 211     top: -0.444em;
 212     right: -0.555em;
 213     vertical-align: center;
 214 }
 215
 216 .book-wide-box blockquote div.cite-text {
 217     padding: 0.888em;
 218 }
 219
 220 .book-wide-box blockquote p.cite-more {
 221     display: inline;
 222     font-size: 0.611em;
 223     float: right;
 224 }
 225
 226 ul.inline-items, ul.inline-items li {
 227     margin: 0;
 228     padding: 0;
 229 }
 230
 231 ul.inline-items li {
 232     display: inline-block;
 233 }
 234
 235 .book-wide-box .other-tools {
 236     float: left;
 237     width: 14.5em;
 238     margin: 6em 0 0 1.5em;
 239
 240 }
 241
 242 .book-wide-box .other-download {
 243     float: left;
 244     width: 22.5em;
 245     margin: 6em 1.5em 0em 1.5em;
 246 }
 247
 248 .snippets .snippet-text {
 249     font-size: 1.2em;
 250     margin: 1.083em 0em;
 251 }