apps/wolnelektury_core/static/css/picture_box.css

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