Masonry.css

/**
 * This CSS file supplements MediaWiki:Common.css
 * Currently, this file only has the Masonry-specific CSS
 * This controls how the blocks behave
 * It does not include CSS for the block colors, padding, margin, etc.
 * That CSS should eventually be moved in here
 */
/** 
 * This first section is a web kit feature used to round the corners, 
 * but it also has a slight effect on the vector skin tabs (Read, Edit, etc)
 * by making part of the division lines not appear.
{
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*/

body { font-family: sans-serif; }

.masonry {
  max-width: 2800px;
}

.masonry .item {
  float: left;
}

/* item is invisible, but used for layout */
.item,
.item-content {
/*    background: #eee;*/
}

.item {width: 300px; 
  border: none;
  background: transparent;
  margin: 0px 10px 10px 0px;
}

.item.w2 { width: 610px; }

/* item-content is visible, and transitions size */
.item-content {
/* Commented out height so blocks can be different sized heights */
/*  height: 200px;*/
  width: 100%;
  padding: 0px 0px 0px 0px;
 /* background: #eee;*/
  border: 0px solid #333;
  border-color: hsla(0, 0%, 0%, 0.5);
/* Commented out rounded corners
  border-radius: 10px;
  -webkit-transition: width 0.4s, height 0.4s;
     -moz-transition: width 0.4s, height 0.4s;
       -o-transition: width 0.4s, height 0.4s;
          transition: width 0.4s, height 0.4s;
*/
}

/* COMMENTED OUT HOVER COLOR CHANGING
.item:hover .item-content {
  border-color: white;
  background: #A2C;
  cursor: pointer;
}*/


/* COMMENTED OUT RESIZING FUNCTIONALITY
.item.is-expanded,
.item.is-expanded .item-content {
  width: 620px;
}

.item.is-expanded {
  z-index: 2;
}

.item.is-expanded .item-content {
  background: #F90;
}
*/