plantilla css

día 11/02/2011

/* ============================================
* Hoja de estilo
* autor: Loly G.R.
* ============================================ */

/* Propiedades general
—————————————————————- */
* { margin:0; padding:0; border:0; font-weight:normal; font-style:normal; font-size:100%; } /* resetea estilos nativos de cada navegador */
body { font: 0.9em / 1.4em Verdana, “Times New Roman”, serif; background-color:#333; }
strong { font-weight:bold; }
em { font-style:italic; }
small { font-size:0.75em; }
p { margin:10px 0; }
h1 { font-size:3em; line-height:1em; font-weight:bolder; }

/* contenedor
—————————————————————- */
#contenedor { width:1000px; margin:0 auto; background-color:#afc9b3; padding:1em 2em; }
#contenido { width:100%; float:left;}
#pie { clear:both; width:100%; }

/* cabecero
—————————————————————- */
#cabecero { width:1000px; float:left;}
/*nombre
—————————-*/

#nombre {width:1000px; clear:both; text-align:center;}
h1 { font-size:3em; line-heigt:1em; font-weight:bolder; }
/*—termina el nombre———*/
/* botonera1
—————————————————————- */
#botonera1 { width:100%; float:left;}
#botonera1{
background-color: #5E610B;
height: 32px;
line-height: 32px;
width: 100%;
border-bottom:2px solid #000;
}
#botonera1 ul { list-style:none; }
#botonera1 li { float: left; margin-right:6px; }
#botonera1 a { color: #000; display: block; font-size: 1.2em; padding:0 15px; text-decoration:none; }
#botonera1 a:hover{ background:#000; color:#fff; }

/* CONTENIDO
—————————————————————- */
#contenido h2 { font-size:2.8em; line-height:0.8em; margin-top:1em; max-width:600px; }
#contenido img, #contenido .relacionado { float:right; margin-bottom:20px; clear:right; }
#contenido p { width:600px; float:left; text-align:justify; }
#contenido .relacionado { width:240px; }

#fresas, #kiwis, #pomelo { clear:both; }
/* pie
—————————————————————- */
#pie { border-top: solid 2px #000; text-align:center;background-color:#AEB404;}
#pie h4 { font-size:1.2em; font-weight:bolder; font-variant:small-caps; margin-top:10px; }
#pie p { margin:6px 0; }

Acerca de fuerteventura123456

baja,gorda,fea
Esta entrada fue publicada en CSS, Uncategorized. Guarda el enlace permanente.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s