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

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 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

/**
 * CSS Box model demo
 */

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

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

.container {
  position: relative;
  left: 100px;
  margin: 200px auto;
  width: 500px;
  height: 500px;
} 

.circle {
  position: absolute;

pedrodelgallego

/*
  Positioning exercises
*/

.container {
  border:  teal;
}

.box { 
  color: white;

pedrodelgallego

html{
    height: 100%;
}
body{
    background-image: repeating-linear-gradient(315deg, #ddd, #ddd, 40px, #aaa 40px, #aaa 80px);
    padding: 20px;
    height: 100%;
}
nav{
    margin: 0 auto;