apps/wolnelektury_core/static/css/picture_box.css

   1 .picture-mini-box, .picture-box {
   2     display: inline-block;
   3     margin: 0;
   4     vertical-align: top;
   5 }
   6
   7
   8 .picture-box {
   9     width: 37.5em;
  10 }
  11
  12 .picture-mini-box {
  13     width: 12.5em;
  14 }
  15
  16 .picture-mini-box a, .picture-box-inner {
  17     display: block;
  18     color: black;
  19     border: 1px solid #ddd;
  20     height: 20em;
  21     padding: .75em;
  22     margin: .1em;
  23     background: #fff;
  24     -moz-box-shadow: 2px 2px 2px #ddd;
  25     -webkit-box-shadow: 2px 2px 2px #ddd;
  26     box-shadow: 2px 2px 2px #ddd;
  27     overflow: hidden;
  28 }
  29
  30 .picture-mini-box a {
  31     height: 20em;
  32     margin: .1em;
  33 }
  34 .picture-box-inner {
  35     height: 14.4em;
  36     margin: .5em;
  37 }
  38
  39 .picture-mini-box img, .picture-box img {
  40     width: 10.8em;
  41     height: 14.4em;
  42 }
  43 .picture-mini-box img {
  44     margin-bottom: .3em;
  45 }
  46 .picture-box img {
  47     float: left;
  48     margin-right: 1.5em;
  49 }
  50
  51 .picture-mini-box .author {
  52     color: #777;
  53 }
  54
  55
  56 .picture-box-body {
  57     height: 13em;
  58     overflow: hidden;
  59 }
  60 .picture-box-head {
  61     min-height: 7em;
  62 }
  63 .picture-box-tag {
  64     font-size: .8em;
  65     margin-right: .5em;
  66 }
  67 .picture-box-download {
  68     position: relative;
  69 }
  70 .picture-box-formats {
  71     display: none;
  72     top: -2em;
  73     position: absolute;
  74     height: 2em;
  75     width: 100em;
  76 }
  77 .picture-box-formats a {
  78     margin-right: 1em;
  79 }
  80 .picture-box-download:hover .picture-box-formats {
  81     display: block;
  82 }
  83
  84 .picture-box-tools a:before {
  85     content: url("/static/img/download.png");
  86     font-size: 2em;
  87     margin-right: .25em;
  88     vertical-align: middle;
  89 }