Advertisement
gavesc7

CSS

May 23rd, 2015
385
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.79 KB | None | 0 0
  1.     /*Comenzamos configurando el aspecto de fondo de la aplicación*/
  2.     body {
  3.         margin: 1px;
  4.         background-color: #d3d3d3;
  5.     }
  6.  
  7.     /*Asimismo centramos por defecto todo el texto de la web*/
  8.     * {
  9.         font-family: constantia;
  10.         text-align: center;
  11.     }
  12.  
  13.     /*Configuramos el puntero de las listas desordenadas a ninguno por defecto y elimino los márgenes de los elementos, esto servirá
  14.     para el menú superior y el lateral*/
  15.     ul {
  16.         margin: 0;
  17.         padding: 0;
  18.         list-style-type: none;
  19.     }
  20.  
  21.     /*Creo una lista desordenada horizontal en la parte superior que actuará como menú principal*/
  22.     ul li {
  23.         float: left;
  24.         width: 20%;
  25.     }
  26.     ul.cabecera li a {
  27.         display: block;
  28.     }
  29.  
  30.     /*Asigno una anchura del 100% a la barra superior para posteriormente evitar que aparezcan objetos a su derecha*/
  31.     #barraSuperior {
  32.         width: 100%;
  33.         clear: both;
  34.     }
  35.  
  36.     /*A continuación creamos la barra lateral izquierda y le damos estilo*/
  37.     img {
  38.         width: 100%;
  39.     }
  40.  
  41.      {
  42.         height: 100%;
  43.     }
  44.  
  45.     #menuIzquierda {
  46.         margin-top: 2px;
  47.         background-color: #333333;
  48.         float: left;
  49.         width: 20%;
  50.         min-height: 100%;
  51.     }
  52.    
  53.     /*Dentro de la barra lateral creo una lista desordenada vertical que actuará como menú secundario*/
  54.     ul.izquierda li {
  55.         float: left;
  56.         width: 100%;
  57.     }
  58.     ul.izquierda li a {
  59.         display: block;
  60.         text-align: left;
  61.         padding-left: 5%;
  62.     }
  63.    
  64.     /*Configuro la ubicación y la anchura del div que va a contener el apartado funcional de la web*/
  65.     .contenido {
  66.         float: left;
  67.         width: 80%;
  68.     }
  69.  
  70.     /*Por último creo diferentes tipos de letras para los encabezados bajo la clase tituloX*/
  71.     .titulo {
  72.         margin: 0px;
  73.         padding-top: 4%;
  74.         color: #0666fa;
  75.     }
  76.  
  77.     .titulo2 {
  78.         margin: 0px;
  79.         padding-top: 2%;
  80.         color: #0666fa;
  81.     }
  82.  
  83.     .titulo3 {
  84.         margin: 0px;
  85.         padding-top: 2%;
  86.         color: #990000;
  87.     }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement