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