"
Talk:Team:Valencia Biocampus/galeria
From 2012.igem.org
(Difference between revisions)
| (31 intermediate revisions not shown) | |||
| Line 25: | Line 25: | ||
/* slides styling */ | /* slides styling */ | ||
| - | .photo {width: | + | .photo {width:835px; text-align:left; position:relative; margin:0 auto;} |
.photo ul.topic {padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;} | .photo ul.topic {padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;} | ||
/* fondo central gris: tamaño y posición*/ | /* fondo central gris: tamaño y posición*/ | ||
| - | .photo ul.topic li {display:block; width:125px; height: | + | .photo ul.topic li {display:block; width:125px; height:731px; float:left;} |
| + | |||
| + | /* pestaña */ | ||
| + | .photo ul.topic li a.set {display:block; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#ccc; font-family:verdana, arial, sans-serif;} | ||
| + | |||
| - | |||
| - | |||
.photo ul.topic li a ul, | .photo ul.topic li a ul, | ||
| Line 46: | Line 48: | ||
{color:#fff; background:#aaa;} | {color:#fff; background:#aaa;} | ||
| + | |||
| + | /* CUADRO GRIS DEL FONDO GALERIA */ | ||
.photo ul.topic li.active ul | .photo ul.topic li.active ul | ||
| - | {display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:575px; background:#ddd; width: | + | {display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:575px; background:#ddd; width:664px; padding:40px 60px; border:20px solid #bbb; z-index:1;} |
.photo ul.topic li a:hover ul, | .photo ul.topic li a:hover ul, | ||
.photo ul.topic li:hover ul | .photo ul.topic li:hover ul | ||
| - | {display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height: | + | {display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:575px; background:#ddd; width:664px; padding:40px 60px; border:20px solid #aaa; z-index:100;} |
| + | |||
| + | /* separación entre imagenes */ | ||
.photo ul.topic li ul li | .photo ul.topic li ul li | ||
| - | {display:inline; width: | + | {display:inline; width:160px; height:137px; float:left; border:1px solid #fff; margin:1px;} |
.photo ul.topic li ul li a | .photo ul.topic li ul li a | ||
| - | {display:block; width: | + | {display:block; width:150px; height:135px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;} |
| + | /* IMAGEN */ | ||
.photo ul.topic li ul li a img | .photo ul.topic li ul li a img | ||
| - | {display:block; width: | + | {display:block; width:146px; height:125px; border:5px solid #eee;} |
| + | |||
| + | |||
| + | /* AMPLIACIÓN DE LA IMAGEN */ | ||
.photo ul.topic li a:hover ul li a:hover, | .photo ul.topic li a:hover ul li a:hover, | ||
.photo ul.topic li:hover ul li a:hover | .photo ul.topic li:hover ul li a:hover | ||
| Line 192: | Line 202: | ||
<!--[if lte IE 6]></td></tr></table></a><![endif]--> | <!--[if lte IE 6]></td></tr></table></a><![endif]--> | ||
</li> | </li> | ||
| + | |||
</ul> | </ul> | ||
<br class="clear" /> | <br class="clear" /> | ||
Latest revision as of 19:06, 8 August 2012
