[Reddes.bvs-tech] CSS BVS 5.2.11

[Julio Cesar T Takayama]

Estimados Juan y Edgar, 

En la versión 5.x de BVS-Site, se agriegaron IDs por componente de forma que se pueda especificar una aparencia a un determinado componente atribuyendo selectores de CSS. 

El BVS-site 5.x implementa los com ponentes con la siguiente estructura 

< div class = "collection" id = "c_107" > 
< h3 > 
< span >< a href =" # " >Título del Componente</ a ></ span > 
</ h3 > 
<ul> 
<li>Item</li> 
</ul> 
</div> 

.collection --> atribución genérica de aparencia 
#c_107 --> estilos específicos del componente 


Utilizar el atributo !important funciona, pero no es la solución adecuada porque rompe la herencia. 
Lo mas adecuado seria 

#c_107 H3 SPAN { 
border-color: red; 
} 

un saludo, y gracias por la participación 


Júlio Takayama 
BIREME/OPAS/OMS, Supervisor (DGI/GA) 
[Newsletter BVS – Acesse as últimas notícias em 3 idiomas] http://newsletter.bireme.br/ 
+ 55 11 5576-9819 

----- Original Message ----- 
From: "Juan Gomez" <jbgomez21 at gmail.com> 
To: "Edgar Rodríguez de Vera" <edgar at inhem.sld.cu>, "reddes bvs-tech" <reddes.bvs-tech at listas.bireme.br> 
Sent: Thursday, July 22, 2010 3:33:54 PM 
Subject: Re: [Reddes.bvs-tech] CSS BVS 5.2.11 

Edgar, muchas gracias por la respuesta. 
Esa solución me parece mejor a la que propuse. 

De todas formas mande el aviso para que en algún momento corrijan eso ya que la idea es que el usuario retoque la css de por ejemplo .collection y que tenga el efecto deseado y no tener que estar mirando porque es que no toma el cambio. 


Saludos, 
Juan 


El 22 de julio de 2010 08:25, Edgar Rodríguez de Vera < edgar at inhem.sld.cu > escribió: 




Hola Juan: 

Lo que tiene que hacer es poner !important para que el estilo no se sobreescriba por el redefinido anteriormente, a continuación le dejo un ejemplo de como debe quedar. 

.collection H3 SPAN { 
border-color: red !important ; 
} 

con esto debe quedar resuelto el problema. 

saludos, 
Atte. Edgar Rodríguez de Vera 





----- Original Message ----- 
From: Juan Gomez 
To: reddes bvs-tech 
Sent: Wednesday, July 21, 2010 11:59 PM 
Subject: [Reddes.bvs-tech] CSS BVS 5.2.11 

Hola Julio Takayama , 
He encontrado algun detalle en las CSS de la nueva BVS 5.2.11. 
Por ejemplo antes en la BVS 4.01 si se queria retocar el estilo de algun componente (ej: collection) 
modificaba por ejemplo alguna entrada en el archivo components.css 

ej: 

#collection H3 SPAN { 
border-color: red; 
} 

y con esto lograba que el rectangulo que se encuentra a la izquierda del nombre del componente tenga el color rojo. 

eso funcionaba bien en la BVS 4.01 


Ahora en la nueva BVS 5.2.11 como se cambio el componente collection de #collection a .collection (o sea se lo definio como clase) 
surge el siguiente problema. 
Si modifico al igual que antes 

.collection H3 SPAN { 
border-color: red; 
} 

el cambio no tiene efecto!! 

Esto es porque el estilo es redefinido por 

.firstColumn div h3 span, .secondColumn div h3 span, .thirdColumn div h3 span, #search h3 span, #searchConcepts h3 span, .level2 .middle div h3 span { 
border-left:6px solid #567A7A; 
font-size:80%; 
} 

que es mas especifico. 

Antes no pasaba esto porque #collection era mas especifico. 
es decir en el codigo fuente de la BVS se paso de 
<div id="collection"> 
<h3> 
<span> 
<a href="../php/level.php?lang=es&component=17">Literatura científica</a> 
</span> 
</h3> 
<ul> 
</ul> 
</div> 

a 

<div id="c_17" class="collection"> 
<h3> 
<span> 
<a href="../php/level.php?lang=es&component=17">Literatura científica</a> 
</span> 
</h3> 
<ul> 
</ul> 
</div> 

una posible solucion seria la de definir en la BVS 5.2.11 el estilo del la siguiente forma 

DIV .collection H3 SPAN { 
border-color: red; 
} 

Al agregar el DIV delante de la definicion se logra lo que se quiere. 

Les menciono esto porque se supone que la definicion de los estilos en la hoja components.css estan para que se los retoque y poder redefinir el comportamiento los mismos. 

pero como estan definidos en este momento al retocarlos no tienen ningun efecto. 

espero tu respuesta. 

Saludos, 
Juan 



El 28 de mayo de 2010 14:35, Marcos Luis Mori < marcos.mori at bireme.org > escribió: 




Hola a todos, 

Gustaría de informarles que en nuestra lista están ingresados Julio Takayama y su equipo de diseño gráfico de BIREME que van brindarnos informaciones interesantes a respecto de eso asunto. 

gracias, 

Marcos Luis Mori 
RST/MTI 
BIREME/OPS/OMS 

_______________________________________________ 
Reddes.bvs-tech mailing list 
Reddes.bvs-tech at listas.bireme.br 
http://listas.bireme.br/mailman/listinfo/reddes.bvs-tech 








_______________________________________________ 
Reddes.bvs-tech mailing list 
Reddes.bvs-tech at listas.bireme.br 
http://listas.bireme.br/mailman/listinfo/reddes.bvs-tech 



__________ Informacisn de ESET Smart Security, versisn de la base de firmas de virus 5298 (20100721) __________ 

ESET Smart Security ha comprobado este mensaje. 

http://www.eset.com 



_______________________________________________ 
Reddes.bvs-tech mailing list 
Reddes.bvs-tech at listas.bireme.br 
http://listas.bireme.br/mailman/listinfo/reddes.bvs-tech 
-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://listas.bireme.br/pipermail/reddes.bvs-tech/attachments/20100722/64d2c693/attachment-0001.html