StylesB css (INDI)
El Wikiuv de la Universitat de València
/* E L E M E N T O S */                             

/* Estilos base */

A {cursor: pointer; }  /* la "mano" */

A:link {color: #3366bb;
background: transparent;
text-decoration: none}

A:visited {color: #3322aa;
background: transparent;
text-decoration: none}

A:active {color: #B3AF94;
background: transparent;
text-decoration: none
}

A:hover {text-decoration: underline}

BODY {
margin: 0;
font: 1em/1 sans-serif;
background: white;
cursor: auto; 
width: 100%;
}

HTML {margin: 0;
background: white
}

table {
  margin:  0px  0px  0px  0px; 
  padding: 0px 0px 0px 0px; 
  border:  0px;
  border-collapse: collapse;
  border-style: none;
  width: 100%;
  }

img {
vertical-align: middle; 
margin:  0px  0px  0px  0px; 
padding: 0px 0px 0px 0px; 
border:  0px;
max-width: 99%;
}

/* C L A S E S */

/* Margen superior cuerpo-cabecera cuando hay dos columnas */
.doscol { margin-top: 15px; }

/* raya que hay debajo de los menus laterales */
.rayamenu { 
background-color: #999; 
border: 0px; 
height: 1px; 
width: 80%; 
margin-top: 10px;
margin-left: 0px;
} 



/* I D' s */

#CentrarContenedor { 
/* Version elastica, todo relativo y ocupa todo el ancho */
width:100%; 
margin: 0px;

/* Version ancho fijo, centrado
width: 600px;
margin: auto;
*/
}

#ContenedorPrincipal { 
width:100%; 
margin: 0px /*auto*/; 
text-align:left;
/* background-image: url(images/bg01.jpg); */
background-attachment: fixed;  
background-repeat: no-repeat; 
background-position: top center
}

#cuerpo { 
  vertical-align: top; table-layout: fixed; width:96%; margin: 0 2%;
  }

/* -------------------------- Titulo del centro --------------------------- */

/*
#cabecera table {
background-image: url(images/grad-verti-pix.png);
}
*/

#titcentro p {  
font-family: Eurostile, Arial, Helvetica, sans-serif; 
font-size: 2.2em;
font-weight: normal;
line-height: 1.0;
text-decoration: none; 
color: #FFFFFF;
vertical-align: bottom;
margin:  0px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 
}

#titcentro sup {
vertical-align: top;
}

/* ------------------------- Menu idiomas ----------------------------------- */

#menuidiomas {
height: 20px;
margin:0px}

#menuidiomas p a {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
font-weight: bold; 
color: #00366A;
text-decoration: none;
}

#menuidiomas a:hover {  
text-decoration: underline}

/* ------------------------- Menu principal horizontal ---------------------- */
#menuhor {  
margin: 0px; 
padding: 0px 6px 0px 6px;
background-color: transparent;
text-align: left;
}

#menuhor p {/* Items */ 
display: inline;
vertical-align: middle; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
font-weight: bold; 
/* color: #666666; */
color: black; 
line-height: 20px;
background-color: transparent; 
margin: 0px;
padding: 0px; 
}

#menuhor p a:link {  
  color: black;
  }
#menuhor p a:hover {  
color: #666666;
text-decoration: none;
background-color: #E3DEC8
}

#menuhor p a:visited {  
   color: #555;
}

/* ... menu con listas ... */
#menuhor ul { 
  display:inline;   
  margin: 0px;
  padding: 5px 0px 0px 0px;
}

#menuhor li {
  display: inline;
  list-style-type: square;
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  font-weight: bold; 
  margin: 0px;
  padding: 0px 10px 0px 10px;
  border-left: 2px solid black; 
  height: 20px;
  }

#menuhor li a {
  /* color: #C2680E; */
  color: black; 
}

#menuhor li a:hover {  
color: #666666;
text-decoration: none;
background-color: #E3DEC8;
}

#menuhor li a:visited {  
color: #555;
}

/* ... */

#menuhor img {  
margin:0px; 
padding: 2px 3px 0px 4px;
}

.titulo { 
color: black; 
text-align: right; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 0.7em; 
line-height: 20px;
font-weight: bold; 
padding-right: 10px;
} 


/* --------------------------- Bloque Menu lateral --------------------------- */

#menulat {
/* width: 146px; */
/* top: -20px; */
margin: 15px 10% 0px 6px;
padding: 0px;
overflow: hidden;
font-size: 14px;  
text-align: left;
background-color: transparent; 
font-family: Arial, Helvetica, sans-serif; 
font-weight: normal; 
color: #00366A; 
text-decoration: none;
line-height: 1.2;
}

#menulat a {  
text-align: left;
background-color: transparent; 
font-weight: normal; 
color: #00366A; 
text-decoration: none;
line-height: 1.2;
}

#menulat a:hover {  
color: #666666;
text-decoration: none;
background-color: #E3DEC8;
}

#menulat p {
font-size: 13px;  
text-align: left;
background-color: transparent; 
font-family: Arial, Helvetica, sans-serif; 
font-weight: normal;
color: #00366A; 
text-decoration: none;
line-height: 1.2;
margin: 0.4em 0px 0.4em 0px;
}

#menulat p a:first-letter {
font-size: 16px
}

#menulat a:visited {
color: #444;
}

#menulat ul {
font-size: 11px;
/* list-style-image: url(images/menulat.png); */ 
text-align: left;
background-color: transparent; 
font-family: Arial, Helvetica, sans-serif; 
font-weight: bold; 
color: #00366A; 
text-decoration: none;
line-height: 1.2;
margin: 0px;
padding: 0px 0px 0px 15px;
}

#menulat ul li {
width: 136px;
}

#menulat h1, 
#menulat h2,
#menulat h3, 
#menulat h4, 
#menulat h5, 
#menulat h6 {
font-size: 13px;  
text-align: left;
background-color: transparent; 
font-family: Arial, Helvetica, sans-serif; 
font-weight: bold; 
color: #00366A; 
text-transform: none;
line-height: 1.2;
margin:5px 0px 2px 0px;
padding: 0px;
}

#menulat h1 {
font-size: 14px;  
text-decoration: uppercase;
}

#menulat h2 {
font-size: 13px;  
}

#menulat h3 {
font-size: 13px;  
}

#menulat image {
margin: 1px 0px 1px 0px; 
}

#menulat image a {
margin: 1px 0px 1px 0px; 
}

#menulat image a:hover {
margin-top: 1px; 
margin-bottom: 1px;  
margin-left: 0px;
background-color: #F8F6F1;
}

#menulat hr { 
  width: 80%; 
  margin: 10px 0px 10px 0px; 
}

/* ----------------Bloque Indice Lateral del contenido -----------------------*/

#indiceconlat {
font-family: Arial, Helvetica, sans-serif; 
font-weight: normal;
font-size: 12px;  
color: #00366A;
text-align: left;
line-height: 1.2;
background-color: transparent; 
margin-right: 10px;
width: 100%; 
/* pone ascensores hor. oculta los verticales del IE6. No tiene sentido en elastico 
 overflow: auto;   
 margin-left: 20px;
*/
} 

#indiceconlat a {  
color: #00366A; 
}

#indiceconlat a:hover {  
color: #666666;
background-color: #E3DEC8;
text-decoration: none;
}

#indiceconlat a:visited {  
color: black; 
}

#indiceconlat h1 {
font-size: 1.2em;  
font-weight: bold; 
color: #000000; 
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
}

#indiceconlat h1 a {
color: #000000; 
}

#indiceconlat h1 a:visited {
color: #777777; 
}

#indiceconlat p {
color: #00366A;
background-color: transparent; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 1em;  
line-height: 1.6em;
margin: 10px 0px 10px 2px; 
padding: 0px 0px 0px 0px;
}


/* -------------------------- Bloque Texto corrido (contenido) ---- */

#contenido1 {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 0.8em; 
padding-top: 0.1em;
}

#contenido1 h1{
border-color: black black #C9BF95; 
/* font-family: Verdana, Arial, Helvetica, sans-serif; */
font-size: 1.1em; 
color: #333333; 
font-weight: bold; 
margin-bottom: 0.4em; 
padding-bottom: 0em; 
border-style: solid; 
border-top-width: 0px; 
border-right-width: 0px; 
border-bottom-width: 5px; 
border-left-width: 0px;
}

/* capitulares */
#contenido1 h1:first-letter {
font-family: Times;
font-size: 1.8em;
/* font-style: italic; */
/* vertical-align: text-top; */
}

#contenido1 h2 {
/* font-family: Verdana, Arial, Helvetica, sans-serif; */
font-size: 1.1em; 
font-weight: bold; 
color: #92680E; 
text-decoration: none; 
margin-bottom: 0.2em; 
padding-bottom: 0.2em; 
margin-top: 0.5em; 
padding-top: 0em }

#contenido1 h3 {
/* font-family: Verdana, Arial, Helvetica, sans-serif; */
font-size: 0.95em; 
font-weight: bold; 
color: #00366A;
margin-bottom: 0.2em; 
padding-bottom: 0.4em; 
margin-top: 0.5em; 
padding-top: 0em;
border-color: black black #AFAB8D; 
border-style: dashed; 
border-top-width: 0px; 
border-right-width: 0px; 
border-bottom-width: 1px; 
border-left-width: 0px}

#contenido1 fieldset {
margin-bottom: 0.2em; 
padding-bottom: 0.2em; 
margin-top: 0em; 
padding-top: 0em;
margin-left: 0.2em; 
padding-left: 0.2em;
margin-right: 0.2em; 
padding-right: 0.2em;
border-color: #AFAB8D #AFAB8D #AFAB8D #AFAB8D; 
border-style: solid; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px}

#contenido1 legend {
/* font-family: Verdana, Arial, Helvetica, sans-serif; */
font-size: 0.95em;
font-weight: bold;
color: #00366A;
}

#contenido1 p {
/* font-family: Verdana, Arial, Helvetica, sans-serif; */
line-height: 1.2em; 
color: #000000; 
clip: auto; 
padding-bottom: 0.4em; 
margin-bottom: 0.4em; 
margin-top: 0.2em; 
padding-top: 0.2em ; 
margin-left: 0px; 
list-style-type: square 
}

#contenido1 p.form {
margin-bottom: 0.2em; 
border-color: black black #AFAB8D; 
border-style: dashed; 
border-top-width: 0px; 
border-right-width: 0px; 
border-bottom-width: 1px; 
border-left-width: 0px}

#contenido1 pre {
font-size: 1.2em;
line-height: 1.2em; 
margin-bottom: 0.4em; 
margin-top: 0.2em; 
Xpadding-top: 0.2em ; 
Xpadding-bottom: 0.4em; 
padding: 1em 2em; 
background-color: #eee;
margin-left: 0px; 
Xoverflow: visible;
overflow: auto;
}

#contenido1 tt, #contenido1 code {
font-size: 1.1em; color: #730909;
}
  
/* ............ listas ........................ */ 

#contenido1 ul {
list-style-type: square;
margin-bottom: 0.4em; 
margin-top: 0.2em; 
}

#contenido1 ol {
list-style-type: decimal; 
}

#contenido1 li {
font-family: Verdana, Arial, Helvetica, sans-serif; 
line-height: 1.2em;
color: #000000; 
clip: auto; 
padding: 0.2em 0em 0.2em 0em;
margin:  0.3em 0em 0.3em 0em;
}
#contenido1 li br {
margin-bottom: 0.7em;
}


/* ............ Volver .................... */

#contenido1 a.volver {/* Enlace volver*/ 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 0.8em;
text-align: right; 
font-weight: bold; 
color: #78704A; 
text-decoration: none;
margin-bottom: 0.4em; 
padding-bottom: 0em; 
border-style: solid; 
border-top-width: 0px; 
border-right-width: 0px; 
border-bottom-width: 0px; 
border-left-width: 0px}

/* ........ tablas ............. */


#contenido1 table {  
border-collapse: collapse;
/* border-width: 0px 0px 0px 0px; */
/* border-spacing: 1px 0px; */
/* border: 40px solid yellow; */
/* border-color: white white white white; */
/* border-left: 1px solid #00366A; */
border-left: 1px solid #CDC9A5;
border-right: 1px solid #CDC9A5; 
border-top: 0px solid white;
border-bottom: 0px solid white;
margin-top: 0.5em;
margin-bottom: 0.5em;
padding-top: 0em;
padding-bottom: 0em;
width: auto;
}

#contenido1 th, #contenido1 thead, #contenido1 thead td {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: normal;
line-height: 1.2em;
color: black;
background-color: #E6E6E6; 
border-color: #E6E6CF white white white; 
border-width: 0px 0px 0px 0px;
border-style: solid;
padding: 4px;
}

#contenido1 td {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
line-height: 1.2em;
color: black;
border-color: #CCCC99; 
border-style: solid; 
border-width: 1px 1px 1px 0px; 
padding: 4px;
}

/* ................................*/

#contenido1 blockquote {  
font-size: 1em;
Xbackground: #E6E6E6;
Xbackground-image: none;
Xborder-width: 0px;
border: 1px solid #ddd;
margin-top: 0.5em; 
padding-top: 1em;
margin-left: 2em;
padding-left: 2em;
padding-right: 2em;
margin-right: 3em;
padding-bottom: 1em;
}

#contenido1 hr {
background-color:#E3DEC8;
color: #E3DEC8;
border: 0px;
margin:0px;
Xheight: 2px;
}


/* ------------------- Bloque indice de contenido en cuerpo -------------------- 
 * NOTA IMPORTANTE: Esto DEBE estar DETRAS de las definiciones de "contenido1" 
 * y "contenido1 h1", pues se aplican en el orden en que se encuentran (!), pues
 * todas "matchean", al ser indicecon interior a contenido1.
*/

#indicecon {
width: auto; 
font-weight: normal; 
color:  #00366A;
background-color: #F8F6F1;
text-decoration: none;
border-color: black #E3DEC8 #E3DEC8; 
border-style: solid; 
border-width: 0px 1px 1px 0px;
margin: 2px 10px 0.5em 2px; 
display: table;     /* Para que ajuste a la anchura del contenido! */
}

#indicecon h1 {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 0.95em;
font-weight: bold; 
color: #00366A;
margin-bottom: 0em; 
margin-top: 0em; 
padding: 5px 0em 0.4em 5px; 
border-color: black black #AFAB8D; 
border-style: dashed; 
border-width: 0px 0px 1px 0px;
}

#indicecon p {
padding: 0px 1em 0.4em 0em; 
}


/* ------------------- Pie - Email mas info ----------------------------------- */

#piemasinfo {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; /* 0.6em;*/
height: 25px; 
background-color: #aaa;
background-repeat: repeat-x;
border-width:0;
}

#piemasinfo td {
Xpadding-left: 5px;
padding: 4px 1em;
}

#piemasinfo p {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px;
color: #000000;
text-align: left;
margin-left: 5px}

#piemasinfo p a {
font-weight: bold; 
color: #00366A;
text-decoration: none}

#piemasinfo p a:hover {
text-decoration: underline;
}


/* ------------------- Noticias: Anuncio/Weblog ------------------------------- */
#noticias {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1em; 
padding: 0em 0em 0em 0em; 
margin: 0em 0em 0.1em 0em;
display: block;
clear: both;
}

#noticias a:hover {
text-decoration: underline; 
}

/* ... Titulo seccion noticias ... */
#noticias h1 { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-style: normal; 
font-weight: normal; 
font-size: 0.9em; 
color: #333333; 
/* clip:  rect(  15px );  */
margin-bottom: 0.8em; 
margin-top: 0.3em; 
margin-left: 0px;
border-color: #C9BF95; 
border-style: solid; 
border-width: 0px 0px 10px 0px;
padding-left: 0em; 
padding-top: 0em
}

#noticias h1:first-letter {
font-size: 1.2em;
font-weight: bold;
}

/* ... Fecha de noticia ... */
.weblogfec { 
clear:both;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 0.7em;
font-weight: normal;
color: #000000; 
text-align: right;
background-color: #DDDDDD; 
margin: 0em 0em 0px 0em;
padding: 0.2em 0em 0.2em 0em;
}

/* ... Titular de noticia ... */
.weblogtit {
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 1em; 
font-style: normal; 
font-weight: bold; 
color: #00366A;
margin: 0px 0em 0px 0em;
padding-bottom: 0.3em; 
padding-top: 0em;
background-color: #EEEEEE; 
/*background-color: #E4E0CB; */
}

.weblogtit * {
margin: 0em 0em 0em 0em;
padding: 0em 0em 0em 0em; 
}

.weblogtit a { 
color: #00366A;
text-decoration: none; 
}

.weblogtit a:hover {
color: #666666;
text-decoration: none;
background-color: white;
}

.weblogtit a:visited {
color: black;
}

/* ... Cuerpo de noticia ... */
.weblogbody { 
float:left; width:100%; /* Para que se ensanchen con floats */
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 0.8em; 
font-style: normal; 
font-weight: normal; 
line-height: 1.2em;
color: #000000; 
background-color: #EEEEEE; 
margin: 0em 0em 1em 0em;
}

.weblogbody * {
margin-top: 0em;
margin-bottom: 0em;
padding-bottom: 0.5em;
}

.weblogbody p {
margin: 0em 0em 0em 0em;
padding: 0em 0em 0.5em 0em; 
}

.weblogbody li {
margin: 0em 0em 0.5em 0em; 
padding-bottom: 0em;
}

#noticias a.amplia { /* Enlace ampliacion*/
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
font-weight: bold; 
color: #78704A; 
}

#noticias a.amplia:hover { /* Enlace ampliacion*/
text-decoration: none;
background-color: #E3DEC8;
}

.arroba { height: 1em; margin: 0 2px; }          

.emoji { font-size: 1.7em; width:1.2em; }    


Back