![El Wikiuv de la Universitat de València El Wikiuv de la Universitat de València](/wikibase/doc/ita/imgcabecera.jpg)
Wikiuv
El Tutor del wiki
El lenguaje
Anuncios y Weblogs
El buscador
El macroprocesador
Otros Lenguajes
Plantillas y estilos predefinidos
Ejemplo completo
Tarjeta resumen
Histórico de cambios
/* 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; }