Final de Semana Movimentado...

/*--Container geral--*/ .main_view { float: left; position: relative; } /*--Estilos do containert das imagens--*/ .window { height:289px; /*-- as imagens devem ter a mesma altura ou mais-- */ width: 800px; /*-- as imagens devem ter a mesma largura ou mais-- */ border:1px solid #610000; overflow: hidden; position: relative; }.image_reel { position: absolute; top: 0; left: 0; } .image_reel img { float: left; } /*--Estilos do container da numeração--*/ .paging { position: absolute; bottom: 40px; right: -1px; width: 220px; height:41px; z-index: 100; text-align: center; line-height: 40px; background:url(http://4.bp.blogspot.com/_q4j3j-JA2ro/S0TDw0n697I/AAAAAAAANBw/XhlF84popQU/s000/transparencia.png); -moz-border-radius-topleft: 15px; -moz-border-radius-bottomleft: 15px; -webkit-border-radius-bottomleft: 15px; -webkit-border-radius-topleft: 15px; border:1px solid #000; display: none; } /*--Estilos do link da numeração--*/ .paging a { outline:none; padding: 5px 10px; text-decoration: none; color: #999; background: #000;border: 1px solid #000; -moz-border-radius: 17px; -khtml-border-radius: 17px; -webkit-border-radius: 17px; } /*--Estilos do link ativo da numeração--*/ .paging a.active { font-weight: bold; border: 1px solid #000; color: #fff; background: #920000; -moz-border-radius: 17px; -khtml-border-radius: 17px; -webkit-border-radius: 17px; } /*--Estilos do link hover da numeração--*/ .paging a:hover { font-weight: bold; }

segunda-feira, 25 de outubro de 2010