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

BOTONES