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; }
