git.roojs.org Git - roojs1/blob - old-css-bootstrap/masonary-squares.css

   1
   2
   3 .masonary .masonry-bottom-title  {
   4     background-color: transparent;
   5 }
   6
   7 .masonry-brick-link,
   8 .roo-brick-link {
   9     cursor: pointer;
  10     text-decoration: none;
  11     outline: 0;
  12 }
  13
  14 .masonry-brick-paragraph,
  15 .roo-brick-paragraph {
  16     overflow: hidden;
  17 }
  18
  19 .masonry-brick .masonry-brick-paragraph {
  20     padding: 9px;
  21     width: 100%;
  22     height: 100%;
  23     position: absolute;
  24     top: 0;
  25     left: 0;
  26     background-color: inherit;
  27 }
  28
  29 .masonry-center-title .masonry-brick-paragraph,
  30 .masonry-bottom-title .masonry-brick-paragraph,
  31 .roo-brick-center-title .roo-brick-paragraph,
  32 .roo-brick-bottom-title .roo-brick-paragraph {
  33     display: table;
  34 }
  35
  36 .masonry-center-title .masonry-brick-paragraph .masonry-brick-title,
  37 .roo-brick-center-title .roo-brick-paragraph .roo-brick-title {
  38     display:table-cell;
  39     vertical-align:middle;
  40     text-align:center;
  41 }
  42
  43 .masonry-bottom-title .masonry-brick-paragraph .masonry-brick-title,
  44 .roo-brick-bottom-title .roo-brick-paragraph .roo-brick-title {
  45     display:table-cell;
  46     vertical-align:bottom;
  47     text-align:right;
  48 }
  49
  50 .masonry-brick-image .masonry-brick-paragraph,
  51 .roo-brick-image .roo-brick-paragraph {
  52     opacity: 0;
  53 }
  54
  55 .masonry-bottom-title .masonry-brick-paragraph {
  56     opacity: 1;
  57 }
  58
  59
  60 .masonry-brick-image-view  {
  61     width: 100%;
  62     height: 100%;
  63     object-fit: cover;
  64 }
  65
  66 .masonry-brick-paragraph .masonry-brick-title,
  67 .roo-brick-paragraph .roo-brick-title {
  68     margin-top: 0;
  69 }
  70
  71 .roo-brick .roo-brick-paragraph {
  72     padding: 9px;
  73     width: 100%;
  74     height: 100%;
  75     background-color: inherit;
  76 }
  77
  78 .roo-brick-image-view  {
  79     position: absolute;
  80     top: 0;
  81     object-fit: cover;
  82 }
  83
  84 a.roo-brick-link:focus,
  85 a.roo-brick-link:hover {
  86     text-decoration: none;
  87     outline: 0;
  88 }
  89
  90 .masonry-brick-split .masonry-brick-split-head,
  91 .masonry-brick-split .masonry-brick-split-head .masonry-brick-paragraph {
  92     height: 75%;
  93 }
  94
  95 .masonry-brick-split .masonry-brick-split-body {
  96     height: 25%;
  97     padding: 4px;
  98     color: #000;
  99     font-size: 11px;
 100 }
 101
 102 .enable-mask:hover .masonry-brick-mask {
 103     width:100%;
 104     height:100%;
 105     position:absolute;
 106     top: 0;
 107     left: 0;
 108     background-color:#000;
 109     opacity:0.2;
 110 }
 111
 112