Re: [Itsas] Traducción de la wiki

[Unai Martinez]

Kaixo!

Eskerrik asko por aclarar lo de la búsqueda. A ver si responden por esa vía
o a alguien se le ocurre qué puede ser.

En cuanto a la integración, lo he cambiado un poco más. He conseguido
entender cómo se distribuyen las cosas, he movido ligeramente el cuadro de
búsqueda y la imagen con el nombre del grupo, y he colocado el plugin
pegado. Así está en el header visualmente, en lugar de en el cuerpo. Al
haber conseguido dejarlo ahí, ya no se desplaza en función del navegador,
creo, sino que aparece siempre en el mismo sitio. He añadido también unos
cuadros de fondo, como botones.

Para eso he editado el style.css tanto del tema como del translation.
Adjunto ambos, junto con el main.php al que tmabién he retocado algo.

He comprobado que validan correctamente XHTML 1.0 Strict.

El problema ahora es que la imagen de fondo es la misma para todos los
idiomas. Como "Euskera" es más corto que "Castellano", en el primero se
corta la imagen. He intentado "ensancharlo" escribiendo " Euskera " en vez
de "Euskera" en la sección correspondiente del syntax.php del plugin, pero
no me hace ni caso. Me coge sin problemas cualquier otro caracter, pero no
un espacio. Si alguien sabe qué debo poner para que me lo tome como tal, por
favor que lo indique.

Aio!

/* ================================ GENERAL ================================= */
body {
	margin: 0;
	padding: 0;
	border: 0;
}

span, h1, h2, h3, h4, h5, h6, form, table, td, tr, p, img {
	margin: 0;
	padding: 0;
	border: 0;
}

* {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: small;
}

p {
	text-align: justify;
	/*text-indent: 1em;*/
}

.left {
	float: left;
}

.right {
	float: right;
}

/* TODO: Es el formato de la tabla de contenidos. */
.toc {
	display: none;
}

/* Botón "Editar" en cada sección. */
.secedit {
	float: right;
	margin: 10px;
}

hr {
	border-color: #96D8BB #729F83 #729F83 #96D8BB;
	margin-top: 60px;
}

.search_quickhits {
	margin: 10px 0 0 60px;
}

/* Resultados de la búsqueda resaltados. */
.search_hit {
	background: yellow;
	font-size: 100%;  /* IMPORTANTE: Si no se pone rebaja a "small" las fuentes de h1 y demás. */
}
.clearer {
	margin-top: 20px;
}

a {
	color: #436976;
}

a:hover {
	color: #000;
}

/* Imágenes: */
.medialeft, .mediacenter, .mediaright {
	padding: 10px;
}

code {
	color: #FFF;
	background: #666;
}

.hidden {
	display: none;
}

.user {
	color: #008A7A;
	font-weight: bold;
}

/* ============================== TITLE ==================================== */
#title {
	display: none;
}


/* ================================ HEADER ================================== */
#header {
	height: 220px;
	background: url(images/header_background.png) repeat-x;
}

#header_container {
	position: relative;
	margin: 0 auto;
	width: 860px;
}


/* ================================= LOGO =================================== */
a#logo {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	/*background: url(images/logo.png) no-repeat;
	width: 340px;
	height: 120px;*/
	background: url(images/nuevo-logo.png) no-repeat;
	width: 300px;
	height: 150px;
	text-decoration: none;
	z-index: 100;
}

/* Sin Jquery, sólo hover: */
a#logo span {
	display: none;
}

/*a#logo:hover span {
	display: block;
	position: absolute;
	left: 173px;
	top: 0;
	background: url(images/siglas.png) no-repeat;
	width: 500px;
	height: 25px;
}*/

/* Opción con Jquery: */
/*a#logo span#siglas {
	display: none;
	position: absolute;
	left: 173px;
	top: 0;
	background: url(images/siglas.png) no-repeat;
	width: 500px;
	height: 25px;
}*/


/* =============================== DESCRIPTION =============================== */
#description {
	position: absolute;
	left: 60px;
	top: 150px;
	background: url(images/description.png) no-repeat;
	width: 550px;
	height: 50px;
}


/* ================================= MENU =================================== */
#menu {
	position: absolute;
	top: 0;
	right: 0;
	height: 90px;
	z-index: 1000;
}

#menu li {
	display: inline;
}

#menu li a,
li#submenu-recursos,
li#submenu-participate {
	display: block;
	float: left;
	height: 20px;
	padding: 60px 16px 10px 16px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	  position:relative;
}

#menu a:hover,
#submenu-recursos:hover,
#submenu-recursos.visible,
#submenu-participate:hover,
#submenu-participate.visible { /* #submenu-recursos.visible para el IE por JS. */
	color: #D5FFFE;
	background: url(images/header_background_hover.png) repeat-x;
	padding-left: 15px;
	padding-right: 15px;
	border-left: 1px #666 solid;
	border-right: 1px #888 solid;
}


#submenu-recursos ul,
#submenu-participate ul {
	display: none;
	position: absolute;
	top: 90px;
	right: 0px;
	width: 200px;
	border-color: #666;
	border-style: solid;
	border-width: 1px 1px 0 1px;
}

#submenu-recursos:hover ul,
#submenu-recursos.visible ul,
#submenu-participate:hover ul,
#submenu-participate.visible ul { /* #submenu-recursos.visible para el IE por JS. */
	display: block;
}

#submenu-recursos ul li,
#submenu-participate ul li {
	display: block;
	list-style-image: none;
}

#submenu-recursos ul li a,
#submenu-participate ul li a {
	display: block;
	float: none;
	color: #FFF;
	background: url(images/submenu-background.png) repeat;
	border-color: #666;
	border-style: solid;
	border-width: 0 0 1px 0;
	padding: 0;
	height: auto;
	width: 100%;
}

#submenu-recursos ul li a:hover,
#submenu-participate ul li a:hover {
	color: #D5FFFE;
	background: url(images/submenu-background-hover.png) repeat;
	padding: 4px 4px 4px 10px;
	border-width: 0 0 1px 0;
	padding: 0;
}

#submenu-recursos ul li a span.nombre,
#submenu-participate ul li a span.nombre {
	display: block;
	padding: 4px 4px 2px 10px;
	font-weight: bold;
}

#submenu-recursos ul li a span.descripcion,
#submenu-participate ul li a span.descripcion {
	display: block;
	font-weight: normal;
	font-size: 90%;
	padding: 0px 4px 4px 20px;
}


/* ================================== SEARCH ================================ */
form.search_box {
	position: absolute;
	top: 116px;
	right: 0px;
	background: url(images/search_box.png) no-repeat;
	width: 250px;
	height: 50px;
}

form.search_box input#qsearch__in {
	position: absolute;
	top: 13px;
	left: 10px;
	width: 186px;
	text-indent: 5px;
}

#qsearch__in.onfocus {
	color: #000;
}

#qsearch__in.onblur {
	color: #AAA;
}

form.search_box input#search_button {
	position: absolute;
	top: 10px;
	right: 10px;
}

/* ================================== BODY ================================== */
#body_top {
	height: 1px;
	clear: both;
}

#body_bottom {
	margin-top: 60px;
	clear: both;
	padding: 0px 10px;
	background: #EEE;
}

#body_bottom p {
	text-align: center;
}

#body {
	width: 800px;
	margin: 0 auto;
	padding: 0 30px;
	color: #000;
	background: 100% 0 url(images/body_background.png) repeat-y;
}

#body h1, #body h2, #body h3, #body h4, #body h5 {
	clear: left;
}

#body h1 {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: bold;
	font-size: 2em;
	color: #3A636F;
	border-bottom: solid 1px #dbdbc5;
}

#body h2 {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: bold;
	font-size: 1.5em;
	color: #3A636F;
	border-bottom: solid 1px #dbdbc5;
}

#body h3 {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: bold;
	font-style: italic;
	font-size: 1.3em;
	color: #3A636F;
	border-bottom: solid 1px #dbdbc5;
}

#body h4, #body h5 {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: bold;
	font-size: 1.1em;
	color: #3A636F;
}

/* DOKUWIKI LEVELS */
#body h1 { margin-top: 0em; margin-left: 0em; }  /* Sólo debe haber un h1 por página. */
div.level1 { margin: 1em 0 0 2em; }
#body h2 { margin-top: 3em; margin-left: 1em; }
div.level2 { margin: 1em 0 0 3em; }
#body h3 { margin-top: 3em; margin-left: 3em; }
div.level3 { margin: 1em 0 0 4em; }
#body h4 { margin-top: 2em; margin-left: 4em; }
div.level4 { margin: 1em 0 0 5em; }
#body h5 { margin-top: 1em; margin-left: 6em; }
div.level5 { margin: 1em 0 0 7em; }

#body h1 a, #body h2 a, #body h3 a, #body h4 a, #body h5 a {
	font-size: 1em;
	color: #3A636F;
}

ol {
	line-height: 1.5em;
	margin: 0 0 .5em 1.5em;
	padding: 0;
}

ul {
	line-height: 1.5em;
	list-style-type: square;
	margin: 0 0 .5em 1.5em;
	padding: 0;
	list-style-image: url(images/bullet.gif);
}

.code {
	padding: 5px;
	overflow: auto;
	border-top: solid 1px #acacbb;
	border-right: solid 1px #acacbb;
	border-bottom: solid 1px #acacbb;
	border-left: solid 3px #acacbb;
	background-color: #f7f9fa;
	color: inherit;
}

.code, .code * {
	font-size: 1em;
	font-family: "Courier New",Courier,monospace;
}

#body input {
	border: solid 1px #2E604F;
}

#body input:hover {
	border: solid 1px #54AF91;
}


/* ********* TABLES ********* */
#body table { border: solid 1px #999; }
#body table th { border: solid 1px #999; background-color: #eee; }
#body table td { border: solid 1px #ccc; background-color: #fff; }
#body table tr:hover { background-color: #ffffe5; }

/* ********* TABLES ********* */
#body table {
	margin: 5px 0 5px 0;
	border-collapse: collapse;
}

#body table th { padding: 2px 5px 2px 5px; }
#body table td { padding: 2px 5px 2px 5px; }
#body table td.rightalign { text-align: right; }
#body table td.centeralign { text-align: center; }
#body table td.leftalign { text-align: left; }



/* ================================= PRE-FOOTER ================================= */
#pre-footer {
	margin: 100px auto 10px auto;
	text-align: center;
	letter-spacing: 10px;
}



/* ================================= FOOTER ================================= */
#footer {
	clear: both;
	margin: 0 auto;
	background: url(images/footer_background.png) repeat-x;
	height: 40px;
}

#footer-container {
	position: relative;
	width: 860px;
	margin: 0 auto;
}

#footer-container a {
	display: block;
	float: left;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	font-size: 90%;
	font-weight: bold;
	color: #999;
	text-decoration: none;
}

#footer-container div.left {
	position: absolute;
	left: 0;
	z-index: 10;
}

#footer-container div.right {
	position: absolute;
	right: 0;
}

#footer-container a:hover {
	background: url(images/footer_background_hover.png) repeat-x;
	color: #FFF;
}

#footer-container p {
	margin: 0;
}

#footer-container form {
	float: right;
}

div.plugin_translation {
    float: right;
    font-size: 95%;
    padding: 0;
}

div.plugin_translation ul {
    	position: absolute;
	top: 180px;
	right: 28px;
    padding: 0;
    margin-right: 0;
}
div.plugin_translation ul li{
    float: left;
    list-style: none;
    padding: 0;
    margin: 0;
}


div.plugin_translation ul li a.wikilink1:link,
div.plugin_translation ul li a.wikilink1:hover,
div.plugin_translation ul li a.wikilink1:active,
div.plugin_translation ul li a.wikilink1:visited {
    background: url(images/transcla.png) no-repeat;
/*  background-color: #000000;*/
    color: #183c34 !important;
    font-size: 18px;
    text-decoration:none;
    padding: 0 0.2em;
    margin: 0.1em 0.2em;
    border: none !important;
}

div.plugin_translation ul li a.wikilink2:link,
div.plugin_translation ul li a.wikilink2:hover,
div.plugin_translation ul li a.wikilink2:active,
div.plugin_translation ul li a.wikilink2:visited {
    background: url(images/transosc.png) no-repeat;
/*  background-color: #000000;*/
    color: #183c34 !important;
    font-size: 18px;
    text-decoration:none;
    padding: 0 0.2em;
    margin: 0.1em 0.2em;
    border: none !important;
}

div.plugin_translation option.wikilink1 {
    color: #183c34;
    width: 10px;
    text-align: center;
}

div.plugin_translation option.wikilink2 {
    color: #183c34;
    width: 10px;
    text-align: center;
}

<<attachment: main.php>>

_______________________________________________
ITSAS mailing list
ITSAS@list.ehu.es
http://list.ehu.es/mailman/listinfo/itsas