zetareticoli

Fluid Grid

Responsive, filterable grid using Masonry and CSS transitions. Click on an item to make it expand.

http://masonry.desandro.com/

Forked from Sean McCaffery's Pen Fluid Grid.

A Pen by Francesco Improta on CodePen.

License.

zetareticoli

$(window).scroll(function() {    
      var scroll = $(window).scrollTop();
      if (scroll >= 160) {
          $(".primary-navbar").addClass("navbar-fixed-top");
      }
      else {
      	$(".primary-navbar").removeClass("navbar-fixed-top");
      }
  });

zetareticoli

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

zetareticoli

	$('.button').click(function(event){
	  event.stopPropagation();
	  event.preventDefault();
	  $(this).toggleClass("clicked");
	  $('.element').toggleClass("visible");
	});

zetareticoli

display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;

zetareticoli

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {

zetareticoli

ul.box {
margin: 0;
padding: 0;
clear: both;
overflow: hidden; }

ul.box li {
list-style-type: none;
margin: 0 30px 30px 0;
padding: 0;

zetareticoli

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:block;
}

.cf:after {
    clear:both;
}

zetareticoli

    * {
    margin: 0;
    }
    html, body {
    height: 100%;
    }
    .wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;

zetareticoli

    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.08), inset 0 1px 0 white;
    -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.08), inset 0 1px 0 white;
    box-shadow: 2px 1px 3px rgba(0,0,0,0.08), inset 0 1px 0 white;