mircobabini
8/27/2013 - 1:16 PM

basic.css

/* apply a natural box layout model to all elements */
*, *:before, *:after {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */

	padding: 0;
	margin: 0;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}
.clearfix:after {
	clear: both;
}
.clearfix {
	*zoom: 1;
}

.ellipsis {
	/* essential */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;	/* required for Opera */
	-ms-text-overflow: ellipsis;	/* required for IE8, allegedly */
	-moz-binding: url('ellipsis.xml#ellipsis');    /* for Firefox */
	/* the required xml: https://gist.github.com/mirkolofio/6353351 */
	
	/* for good looks */
	padding: 10px;
	width: 100%;
}