bertobox

/**
 * Control de tipografías con CSS
 */

/* incrustamos la tipografía que usaremos en el contenedor dos */
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic);

/* tipografías generales */
body {
  font-family: "American Typewriter",monospace;

bertobox

/**
 * Desafío #sep17 #enpijama · curso 2013dw 
 * 
 * El desafío consiste en que apliques aquí
 * los ejemplos de elementos flotantes
 * y listados en estilo de referencia APA
 * que se vieron previamente.
 */

/* estilos generales */

bertobox

/**
 * Objetos flotantes con CSS
 * Los siguientes ejemplos muestran
 * cómo funciona la propiedad `float`.
 * 
 * En este caso, queremos que la imagen
 * y el pie de foto queden alineados
 * a la derecha del texto, con un margen.
 * 
 * @author Robert Valencia ( http://rober.tv )

bertobox

/**
 * Objetos flotantes con CSS
 * Los siguientes ejemplos muestran
 * cómo funciona la propiedad `float`.
 * 
 * En este caso, queremos que la imagen
 * y el pie de foto queden alineados
 * a la derecha del texto, con un margen.
 * 
 * @author Robert Valencia ( http://rober.tv )

bertobox

/**
 * Estilo para referencia APA
 *
 * Las siguientes propiedades CSS
 * aplican una sangría inversa a cualquier
 * listado no ordenado `ul`.
 * @author Robert Valencia ( http://rober.tv )
 */

/* Aplica estilos a los contenedores */

bertobox

/**
 * The first commented line is your dabblet’s title
 */

background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;

bertobox

/**
* Vista previa de proyecto para Expo
*/
@import url(http://fonts.googleapis.com/css?family=PT+Sans);
.proyecto {
  font-family: "PTSans-Regular","PT Sans",Arial,Helvetica,sans-serif;
  font-size: 1em;
  -webkit-font-smoothing:antialiased
}
.proyecto {

bertobox

/**
* En esta sección, van los selectores y propiedades CSS
* @author Robert Valencia <http://robertvalencia.com>
*/

/** Reset de CSS
* Por lo general hay ciertas reglas de CSS que usamos 
* para ‘resetear’ algunos valores y así tener un punto
* de partida más apropiado a nuestras necesidades.
*/

bertobox

/**
 * Ejemplo de clase #sep3 • 2013DW - Diseño web
 * En este ejemplo van los selectores y propiedades CSS
 * @author Robert Valencia <http://robertvalencia.com>
 */

/** Reset de CSS
 * Por lo general hay ciertas reglas de CSS que usamos 
 * para ‘resetear’ algunos valores y así tener un punto
 * de partida más apropiado a nuestras necesidades.

bertobox

/**
 * Ejercicio de imágenes, por @robertvalencia
 */


/**
 * El siguiente código aplica un tamaño
 * de 33% de ancho a cada imagen `img`
 */
img{width:33%;}