Guía de estilos

Estructura

Empezando por la parte superior, la barra de navegación es color canela.
Justo debajo está el título y una decripción.
En el medio se encuentran las entradas y a la derecha gadgets co mo una barra de búsqueda, el número de visitas, datos de contacto y el índice del blog.
Por último en el pie de página están las entradas mas importantes y una encuesta.

Paleta de colores y tipografía

Texto de página

Fuente: Arial.
Tamaño: 13px.
Color: #333333 Negro.
Color de fondo: #fcfbf5 Blanco.

Titulo

Fuente: Georgia.
Tamaño: 48px.
Color: #333333 Negro.
Fondo de la cabecera: Transparente.

Enlaces

Color: #d52a33 Rojo.

Descripción del blog

Fuente: Georgia.
Tamaño: 20px.
Color: #908d6a.

Título de entrada

Fuente: Georgia.
Tamaño: 33px.
Color: #d52a33 Rojo.

Fondo de la entrada

Color: #fefdfa Blanco.
Color del borde: #aab123 Amarillo.

Tablas

Títulos:

• color: black;
• text-align: center

Primera fila:

• padding-top: 12px;
• padding-bottom: 12px;
• text-align: left;
• background-color: Green;
• color: White;

Resto de filas:

• font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
• border-collapse: collapse;
• width: 100%;
• border: 1px solid #ddd;
• padding: 8px;
• tr:nth-child(even){background-color: #f2f2f2;
• tr:hover {background-color: #ddd;

Listas:

• background: #e6efed;
• padding: 20px;
• font-family: "Times New Roman", Times, serif;
• font-size: 20px;
• border-style: ridge;

Formulario

• background-color: #cee5dd;
• color: black;
• width: 50%;
• padding: 12px 20px;
• margin: 8px 0;
• display: inline-block;
• border: 1px solid #ccc;
• border-radius: 4px;
• box-sizing: border-box;

Iconografía e imágenes

Las imágenes de este blog tendrán como máximo un ancho de 450px y alto de 300px y no están detrás de texto. Los iconos tampoco impedirán la visión. Además las imágenes podrán venir de sitios web http o https.