galeria en jpg

[Anuack Luna]

2. CSS Color y bordes


.sliderwrapper{
position: relative; /*leave as is*/ /* Dejar como está */
overflow: hidden; /*leave as is*/ /* Dejar como está */

/* Fondo donde estan el recuadro */
border: 4px solid #FF0000;
border-bottom-width: 6px;
/* anchura de contenido destacado deslizante */
width: 400px; /*width of featured content slider*/
height: 250px;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/ /* Dejar como está */
position: absolute; /*leave as is*/ /* Dejar como está */
left: 0; /*leave as is*/ /* Dejar como está */
top: 0; /*leave as is*/ /* Dejar como está */
padding: 5px;
background: white;
/* anchura del contenido DIVs dentro deslizante. Anchura total debe ser igual deslizante del interior ancho (390 +5 +5 = 400) */
width: 390px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opa city=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
/* Ancho de paginación DIV. Anchura total debe ser igual deslizante exteriores de ancho (400 10 10 = 420) */
width: 400px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;

/* Fondo donde estan las letras */
background-color: #FF0000;
padding: 2px 4px;
}
/* Color de letras y numeros */
.pagination a{
padding: 0 5px;
text-decoration: none;
color: #00007D;
background: white;
}

/* Color de fondo numeros */
.pagination a:hover, .pagination a.selected{
color: #FF0000 ; /* Color letra seleccion */
background-color: #FEE496; /* Color de fondo numeros */
}