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: 0em 0% 0em 1%; font: 1em/1 sans-serif; background: white; cursor: auto; } HTML {margin: 0; background: white } table { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; border-collapse: collapse; border-style: none; } img { vertical-align: middle; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; } /* C L A S E S */ /* I D' s */ #CentrarContenedor { width:100%; margin: 0px; } #ContenedorPrincipal { width:728px; margin: 0px /*auto*/; text-align:left; background-image: url(images/bg01.jpg); background-attachment: fixed; background-repeat: no-repeat; background-position: top center } /* -------------------------- Titulo del centro --------------------------- */ #titcentro p { font-family: Eurostile, Arial, Helvetica, sans-serif; font-size: 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 { /* width:108px;*/ 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 { /*position:relative;*/ /*top:-11px;*/ margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 6px; padding-bottom: 0px; padding-left: 3px; /*float: right;*/ background-color: transparent; text-align: left} #menuhor p {/* Items */ vertical-align: top; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #666666; line-height: 20px; background-color: transparent; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px} #menuhor p a:hover { color: #666666; text-decoration: none; background-color: #E3DEC8 } #menuhor p a:visited { color: black; } #menuhor img { padding-left: 4px; padding-right: 3px; } /* --------------------------- Bloque Menu lateral --------------------------- */ #menulat {width: 146px; top:-20px;} #menulat a { width: 146px; 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 0px 0px 0px; padding: 0px 0px 0px 0px; } #menulat a:hover { width: 146px; color: #666666; text-decoration: none; background-color: #E3DEC8; } #menulat p { font-size: 13px; width: 146px; 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: 6px 0px 0px 0px; padding: 0px 0px 0px 0px; } #menulat p a:first-letter { font-size: 16px} #menulat a:visited { color: black; } #menulat ul { font-size: 11px; /* list-style-image: url(images/menulat.png); */ width: 146px; 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 0px 0px 0px; padding: 0px 0px 0px 15px; } #menulat ul li { width: 136px; } #menulat h1 { font-size: 14px; width: 146px; 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 0px 0px 0px; padding: 0px 0px 0px 0px; } #menulat h2 { font-size: 13px; width: 146px; 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 0px 0px 0px; padding: 0px 0px 0px 0px; } #menulat h3 { font-size: 12px; width: 146px; 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 0px 0px 0px; padding: 0px 0px 0px 0px; } #menulat h4 { font-size: 11px; width: 146px; 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 0px 0px 0px; padding: 0px 0px 0px 0px; } #menulat h5 { font-size: 10px; width: 146px; 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 0px 0px 0px; padding: 0px 0px 0px 0px; } #menulat h6 { font-size: 9px; width: 146px; 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 0px 0px 0px; padding: 0px 0px 0px 0px; } #menulat image { margin-top: 1px; margin-bottom: 1px; margin-left: 0px; background-color: #F8F6F1; } #menulat image a { margin-top: 1px; margin-bottom: 1px; margin-left: 0px; background-color: #F8F6F1; } #menulat image a:hover { margin-top: 1px; margin-bottom: 1px; margin-left: 0px; background-color: #F8F6F1; } /* ----------------Bloque Indice Lateral del contenido -----------------------*/ #indiceconlat { /* width: 146px; top: -20px; */ font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; color: #00366A; width: 210px; text-align: left; line-height: 1.2; /* clip: rect(0px,0px,0px,0px); overflow: auto; */ background-color: transparent; } #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 { width: 200px; 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; } /* #indiceconlat p:first-letter { font-size: 16px} #indiceconlat p a:first-letter { font-size: 16px} */ /* -------------------------- Bloque Texto corrido (contenido) ---- */ #contenido1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; position:relative; float:left; /*width:540px;*/ } #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: 7px; border-left-width: 0px} /* capitulares */ #contenido1 h1:first-letter { font-size: 1.2em; } #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; padding-bottom: 0.4em; margin-bottom: 0.4em; margin-top: 0.2em; padding-top: 0.2em ; margin-left: 0px; } /* ............ 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; } /* ............ 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: 40px solid yellow; */ border-color: white white white white; border-width: 0px 0px 0px 0px; border-left: 20px solid #00366A; border-right: 1px solid #CDC9A5; /* border-spacing: 1px 0px; */ margin-top: 0.5em; margin-bottom: 0.5em; padding-top: 0em; padding-bottom: 0em; } #contenido1 th { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1.2em; color: black; background-color: #E6E6CF; border-color: #E6E6CF white white white; border-width: 0px 0px 0px 1px; 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: 0px 1px 1px 1px; padding: 4px; } /* ................................*/ #contenido1 blockquote { font-size: 1em; background: #E6E6CF; background-image: none; border-width: 0px; 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; } /* ------------------- 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;*/ /* position:absolute relative */; /* float:left; */ width:728px; height: 14px; background-color: #E3DEC8} #piemasinfo td { padding-left: 5px; } #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 { /*float:left;*/ width:510px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em; padding: 0em 0em 0em 0em; margin: 0em 0em 0.1em 0em; } #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 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; font-weight: normal; color: #000000; text-align: right; background-color: #E4E0CB; 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: #F1EEE3; /*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 { 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: #F1EEE3; 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; }