pedrodelgallego

/**
 * Switch-style checkboxes.
 * Inspired by Espresso’s “Tools” switch
 */

input[type="checkbox"]:not(:checked), 
input[type="checkbox"]:checked { /* :checked here acting as a filter for older browsers */
	position: absolute;
	opacity: 0;
}

pedrodelgallego

/**
 * Switch-style checkboxes.
 * Inspired by Espresso’s “Tools” switch
 */

input[type="checkbox"]:not(:checked), 
input[type="checkbox"]:checked { /* :checked here acting as a filter for older browsers */
	position: absolute;
	opacity: 0;
}

pedrodelgallego

/**
 * CSS Box model demo
 */

#box {
	width: 300px;
	height: 200px;
	padding: 30px;
	border-width: 10px;
	/*box-sizing: border-box;*/

pedrodelgallego

<div id="header">Lorem ipsum</div>
<div id="content-wrapper">
  <div id="content-main">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ac diam enim, in semper lorem. Morbi vel enim eget lacus placerat euismod. Morbi libero nulla, luctus vitae porta in, rutrum ut lorem. Fusce sit amet dui lacus. Proin a lacus velit, vel elementum lorem. In a lectus et nibh aliquam imperdiet. Suspendisse euismod varius libero, dignissim malesuada felis rutrum placerat. In hac habitasse platea dictumst.
    Pellentesque sed enim ut eros imperdiet dictum a vitae ante. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum condimentum metus at arcu viverra semper. Fusce gravida placerat consequat. Phasellus ut elit et arcu ornare congue. Pellentesque lobortis, purus porttitor tempor lacinia, dolor lectus viverra tortor, et condimentum risus libero ac quam. Cras ac est in felis aliquet consectetur vel sit amet mauris. Duis nec felis augue. Fusce diam nulla, malesuada id vari

pedrodelgallego

var Animal, Horse, Snake, sam, tom,
  __hasProp = {}.hasOwnProperty,

  __extends = function(child, parent) {
    for (var key in parent) {
      if (__hasProp.call(parent, key))
        child[key] = parent[key];
    }

    function ctor() {

pedrodelgallego

<div class="site">
  <section class="sidebar">
    <header> </header>
		<nav>
      <ul class="menu">
      </ul>
		</nav>
		<footer>
		</footer>
  </section>

pedrodelgallego

<div class="site">
	<section class="sidebar">
    <header> </header>
		<nav>
      <ul class="menu">
      </ul>
		</nav>
		<footer>
		</footer>
  </section>

pedrodelgallego

/* Hexagon kitty - By @LeaVerou
   Disappointingly inflexible, but still interesting methinks.
 */

.hexagon {
	display: inline-block;
	position: relative;
	width: 200px;
	height: 200px;
	transform: scale(1.25,.707) rotate(-45deg);

pedrodelgallego

/* Hexagon kitty - By @LeaVerou
   Disappointingly inflexible, but still interesting methinks.
 */

.hexagon {
	display: inline-block;
	position: relative;
	width: 200px;
	height: 200px;
	transform: scale(1.25,.707) rotate(-45deg);

pedrodelgallego

/**
 * iOS 6 style switch checkboxes
 * by Lea Verou http://lea.verou.me
 */

:root input[type="checkbox"] { /* :root here acting as a filter for older browsers */
	position: absolute;
	opacity: 0;
}