Skip to content

Instantly share code, notes, and snippets.

@bertobox
bertobox / dabblet.css
Created September 17, 2013 17:37
Desafío #sep17 #enpijama · curso 2013dw
/**
* 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
bertobox / dabblet.css
Created September 17, 2013 18:21
Control de tipografías con CSS
/**
* 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
bertobox / dabblet.css
Created August 20, 2014 09:46
2014DW Ejercicio 1 - por Robert Valencia
/**
* 2014DW Ejercicio 1 - por Robert Valencia
*/
h1{
font-family:Avenir;
font-weight:normal;
text-transform:uppercase;
letter-spacing:.1em;
@bertobox
bertobox / dabblet.css
Created August 26, 2014 15:11
ago26 - ejemplos de HTML y CSS
/**
* ago26 - ejemplos de HTML y CSS
*/
h1, h2{text-transform: uppercase;color: red;}
#articulo_1{font-weight: normal;}
h1{color:green;}
h1{color:gray;}
h1 em+em{text-transform: lowercase;}
/*
@bertobox
bertobox / dabblet.css
Created August 26, 2014 15:23
ago26 - Tres postales
/**
* ago26 - Tres postales
*/
/* aquí va el CSS */
/* colores */
.rojo{ color:#E5080A;}
.fondo-rojo{background-color:#E5080A;}
.blanco{color:white;}
@bertobox
bertobox / dabblet.css
Last active August 29, 2015 14:05
postales Nº 1 al 17
/**
* postales Nº 1 al 17
*/
/* aquí van las fuentes importadas*/
@import url(http://fonts.googleapis.com/css?family=Oswald:400,700);
@import url(http://fonts.googleapis.com/css?family=Codystar);
@import url(http://fonts.googleapis.com/css?family=Lato:100,300);
@import url(http://fonts.googleapis.com/css?family=Lato:100italic,300italic);
@import url(http://fonts.googleapis.com/css?family=Abril+Fatface);
@bertobox
bertobox / dabblet.css
Created September 23, 2014 15:23
Ejercicio con mi nombre - posicionamiento absoluto
/**
* Ejercicio con mi nombre - posicionamiento absoluto
*/
/**
* Roberto Valencia
* ejercicio CSS con mi nombre,
* inspirado en el ejercicio de Jon Tangerine
*
* Courier Regular
@bertobox
bertobox / dabblet.css
Created September 30, 2014 15:47
Perfil móvil
/**
* Perfil móvil
*/
@import url(http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.css);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800);
html {
background: darkorange url(http://artcom.um.edu.mx/expo-artcom/o12/upload/48f92dae24e872ffd689426a1ea367a0.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
@bertobox
bertobox / dabblet.css
Created October 7, 2014 17:01
Perfil móvil
/**
* Perfil móvil
*/
@import url(http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.css);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800);
html {
background: darkorange url(http://artcom.um.edu.mx/expo-artcom/o12/upload/48f92dae24e872ffd689426a1ea367a0.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
@bertobox
bertobox / dabblet.css
Created March 24, 2015 16:09
Vista previa de proyecto para Expo
/**
* 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 {