.jpg)
teste
body#layout #galeria {display:none; height:0px}
#galeria{margin: 0 auto;
padding: 0px 0px;
width: 810px;}
/*--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 #fff;
overflow: hidden;
position: relative;
-moz-box-shadow:0px 0px 4px #fff;
-webkit-box-shadow:0px 0px 4px #fff;
box-shadow:0px 0px 4px #fff;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;}
.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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-DWHTTpMSl483JkD7RmUcx9fLly_veCW6zV5I2M0vAbl_7uh2iJOiIsQ8bosR9-QqA-c8uMDJO0Vt2ejG-IHHerOtGwvoFJ8LeVWCyATEFllmT6odGo2n0p5ZDWxxpLxFEe6FfXuIyQ4/s1600/slider.png);
-moz-border-radius-topleft: 15px;
-moz-border-radius-bottomleft: 15px;
-webkit-border-radius-bottomleft: 15px;
-webkit-border-radius-topleft: 15px;
border:1px solid #fff;
border-right: 0px solid;
display: none;
-moz-box-shadow:inset 0px 0px 2px #d6d6d6;
-webkit-box-shadow: inset 0px 0px 2px #d6d6d6;
box-shadow:inset 0px 0px 2px #d6d6d6;}
/*--Estilos do link da numeração--*/
.paging a {
outline:none;
padding: 5px 10px;
text-decoration: none;
color: #999;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-DWHTTpMSl483JkD7RmUcx9fLly_veCW6zV5I2M0vAbl_7uh2iJOiIsQ8bosR9-QqA-c8uMDJO0Vt2ejG-IHHerOtGwvoFJ8LeVWCyATEFllmT6odGo2n0p5ZDWxxpLxFEe6FfXuIyQ4/s1600/slider.png) center;
-moz-border-radius: 17px;
-khtml-border-radius: 17px;
-webkit-border-radius: 17px;
-moz-box-shadow: inset 0px 0px 1px #d6d6d6;
-webkit-box-shadow:inset 0px 0px 1px #d6d6d6;
box-shadow:inset 0px 0px 1px #d6d6d6;
border:1px solid #fff}
/*--Estilos do link ativo da numeração--*/
.paging a.active {
font-weight: bold;
border: 1px solid #fff;
color: #17add8;
background: #f1f1f1;
-moz-border-radius: 17px;
-khtml-border-radius: 17px;
-webkit-border-radius: 17px;
-moz-box-shadow: inset 0px 0px 2px #d6d6d6;
-webkit-box-shadow:inset 0px 0px 2px #d6d6d6;
box-shadow:inset 0px 0px 2px #d6d6d6;}
/*--Estilos do link hover da numeração--*/
.paging a:hover {font-weight: bold;}
Nenhum comentário:
Postar um comentário