next up previous contents
Next: Exemple plantilla Up: final Previous: Fluxos de dades   Índex


Codi css

Codi css utilitzat en la definició d'estils per a les pàgines mostrades. Adaptat del disponible a la referència [9].

/*
  en Nuke a 2 (mm AT nisu.org), modify by  
*/

#cabecera {
    position: absolute;
    width: 100%;
    top: 0px;
    border-bottom-style: dashed;
    border-bottom-width: 2px;
    background-color: #990000;
    height: 100px;
    overflow: hidden;
    color: #ffffff;

}

#cablogo {
    position: absolute;
    top: 1px;
    left: 45%;
}

#cabecera h3 {
    position: absolute;
    top: 0px;
    left: 15px;
}

#cabecera h2 {
    color: #ffffff;
}

h1 {
    position: absolute;
    top: 1em;
    left: 15px;
    font-size: 2em;
    margin: .67em 0;
}

h2 {
    position: absolute;
    top: 2em;
    right: 10px;
    font-size: 1.1em;
    color: #777;
    margin: 0em 0;
    font-variant: small-caps;
}

#autores {
    position: absolute;
    bottom: 1em;
    right: 10px;
    font-size: 90%;
}

h3 {
    font-size: 1.17em;
    margin: .83em 0
}

h4 {
    font-size: 1em;
    margin: 0.5em 0 0.2em 0
}

h5 {
    font-size: 1em;
    margin: 0.5em 0 0.2em 0
}

h6 {
    font-size: 1em;
    margin: 0.5em 0 0.2em 0
}

#tabcont {
    position: relative;
    width: 19.8%;
    #max-width: 19%;
    margin-top: 0px;
    top: 110px;
    margin-left: 5px;
    height: auto;
    text-align: left;
    padding-left: 0.5em;
    background-color: #FFFFCC;
    border: 0.5em solid #990000;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 1em;
    -moz-border-radius: 1em;
}

#tabcont ul, #tabcont ol {
    margin-left: 1em;
    padding-left: 0px;
    margin-top: 0px;
}

#tabcont li {
    list-style-type: none;
    text-indent: -1.2em;
    line-height: 2.5ex;
}

#tabcont a:hover {
    background-color: #c2d7ff;
}

.toc_nc {
    display: none;
}

#cuerpo {
    position: absolute;
    top: 83px;
    padding-top: 20px;
    left: 21%;
    width: 77%;
    border-left: solid 2px;
    padding-left: 5px;
}

a {
    text-decoration: none;
    color:#660000;
}

#resumen {
    background-color: #FFFFCC;
        margin: 1em 3px 1em 1em;
        padding: 3px 10px 10px 10px;
    border: 0.3em solid #FFEAA4;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 1em;
    -moz-border-radius: 1em;
        float: right;
        width: 25%;

}

#navega {
    position: relative;
    width: 19.8%;
    top: 115px;
    margin-top: 0px;
    margin-left: 5px;
    padding-left: 0.5em;
    background-color: #FFFFCC;
    border: 0.5em solid #FFEAA4;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 1em;
    -moz-border-radius: 1em;
}

#navega ul, #navega ol {
    list-style-type: none;
    display: block;
    margin-left: -0.3em;
    margin-top: 0px;
    padding: 0px;
}

#navega ul li, #navega ol li {
    overflow: hidden;
    padding: 1px;
    white-space: pre;
}

#navega h3 , #extern h3 , #tabcont h3 {
    font-size: 1em;
    font-weight: normal;
    font-variant: small-caps;
    margin-bottom: 0.5em ;
}

#navega a:hover {
    background-color: #cc9966;
    white-space: normal;
}

a:hover {
    background-color: #cc9966;
    white-space: normal;
}

#extern {
    position: relative;
    width: 19.8%;
    top: 120px;
    margin-top: 0px;
    margin-left: 5px;
    padding-left: 0.5em;
    background-color: #d6f1f5;
    border: 0.5em solid #a4d4f5;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 1em;
    -moz-border-radius: 1em;
}

#extern ul, #extern ol {
    list-style-type: none;
    display: block;
    margin-left: -0.3em;
    margin-top: 0px;
    padding: 0px;
}

#extern ul li, #extern ol li {
    overflow: hidden;
    margin: 2px;
    padding: 1px;
    white-space: pre;
}

#extern a:hover {
    background-color: #c2d7ff;
}

.bloque1 {
    margin: 0px 1em 0px 0px;
}

.bloque3 {
    font-size: 90%;
}

.bloque4 {
    font-size: 90%;
}

.biblio ul, .biblio ol {
        list-style-type: none;
}

#zonafinal {
    position: absolute;
    right: 0px; top: 102px;
    font-size: 11px;
}

input,select,textarea {
    background-color: #ffffee;
    border-style: solid; border-width: 2;
}

table {
    border: 1px solid #000000;
    font-family: sans-serif, arial;
    font-size: 14px;
    color: #333333;
}

tr {
    border: thin dashed #990000;
}

td  {
    background-color: #ffffcc ;
    border: none;
}

input.boton {
        background-color: #FFFFE2;
        border: 1px solid #bbbbbb;
}

body {
    font-family: sans-serif, arial;
    font-size: 14px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-repeat: repeat;
    background-position: left bottom;
    background-attachment: fixed;
    color: #666666;
    background-image: url(logo_gscr.gif);
        background-repeat: no-repeat;
        background-position: left bottom;
        background-attachment: fixed;
    background-color: #FFFFFF;

}

@media screen {
  #rellecuerpo {
    height: 800px;
  }
}


david AT cdecdf.com 2007-08-26


Alojamiento con 500GB de espacio y 5000GB de ancho de banda por 4 euros al mes
Cómo contratar servicios de hosting con Dreamhost
Descuento, promocode para dreamhost de $50