Estilos generales
La web de la UCM tiene una estructura de orientación vertical. Mostrará la información en esta disposición para facilitar la navegación en la página y sobre todo mejorar la visualización en los dispositivos móviles
Gracias a las etiquetas de HTML5 añadimos valor semantico y estructural a las páginas.
Las páginas en las que se incorporen imagenes, tendrán que ser responsivas y adaptarse a los diferentes dispositivos de visualización.
Elementos y estilos más utilizados
TITULARES
-
Titular con fondo oscuro y letra blanca
Titular tit_fondo_45
tit_fondo_45{ background-color: #454545; color: #fff; padding: 2px 4px 2px 6px; margin: 0px 0px 10px 0px; }
-
Titular con fondo gris claro y rayado en bordes
Titular tit_doblerayado
tit_doblerayado { background: #ececec none repeat scroll 0 0; border-bottom: 2px solid #aaa; border-top: 2px solid #aaa; color: #454545; padding: 2px 0 2px 3px; }
-
SubTitular con fondo gris claro y rayado en bordes
SubTitular tit_doblerayado_2
tit_doblerayado_2 { background: #fafafa none repeat scroll 0 0; border-bottom: 2px solid #ececec; border-top: 2px solid #ececec; color: #454545; padding: 2px 0 2px 3px; }
-
Camino de migas
Se utiliza el selector proporcionado por Bootstrap
breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; }
LISTAS
- Lista en portada
- Ejemplo listas de portada
- Ejemplo listas de portada
- Ejemplo listas de portada
texto
- Lista general
- Listas submenú horizontal
ENLACES
- Enlace sin subrayado
- Mismo color de texto, solo cambia el puntero
- Enlace con subrayado
- Mismo color de texto, cambia el punturo y subraya
- Enlace de Bootstrap
- Cambia color de texto, cambia puntero y subraya
BOTONES