apps/wolnelektury_core/static/css/social/shelf_tags.css

   1 .social-shelf-tags {
   2     list-style: none;
   3     padding: 0;
   4     margin: 1em 0;
   5     width: 30em;
   6     overflow: hidden;
   7     text-overflow: ellipsis;
   8     white-space: nowrap;
   9     position:absolute;
  10     margin-left: 15.4em;
  11     top: 13.5em;
  12     padding: .5em 0;
  13     background: #fff;
  14 }
  15
  16 .social-shelf-tags li {
  17     display: inline-block;
  18     margin-right:1em;
  19     margin-bottom: .5em;
  20 }
  21
  22 .social-shelf-tags a {
  23     display: block;
  24     padding: .3em 1em;
  25     background: #ABDADE;
  26     color: #08646b;
  27     border-radius: 1em;
  28 }
  29
  30
  31 .social-shelf-tags:hover {
  32     overflow: visible;
  33     text-overflow: ellipsis;
  34     white-space: normal;
  35     z-index: 1000;
  36 }