Blog Archive
Suscribirse a:
Entradas (Atom)
About Me
- Miguel Ángel
/* Easy Slider (Automático) -------------------------------------------------------------------- */ #slide-container { width:480px; height:320px; position:relative; } #slider { width:480px; height:320px; left:25px; overflow-x:hidden; overflow-y:hidden; position:relative; } .slide-desc { background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6Q7N-__u6JyMAPIuNG4A9IuONqadQT2EWfOUJ1OLqCtyPG-JU0xgDLnhf14NAq3Eex4XiycablUj0yY-IcxhoFYMR_hK66mpbmit3EoFq-FWuSx8drh1gFE75DifCmptbBnK5S08X9NI/s30/bgtransparent.png) repeat scroll 0 0; color:#FFFFFF; padding:10px; position:absolute; text-align:left; bottom:0; width:100%; z-index:99999; } .slide-desc h2{ display:block; color:#f2f2f2; font-size:14px; } .crosscol .widget-content {position:relative;} #slider ul, #slider li { margin:0; padding:0; list-style:none; } #slider li { width:480px; height:320px; overflow:hidden; } #prevBtn, #nextBtn { display:block; width:30px; height:77px; position:absolute; left:-30px; text-indent:-9999px; top:71px; z-index:1000; } #nextBtn { left:500px !important; } #prevBtn, #nextBtn { display:block; left:0; position:absolute; top:132px; width:30px; height:77px; z-index:1000; } #prevBtn a, #nextBtn a { display:block; position:relative; width:30px; height:77px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuqWhorCt3hRDdqafy_7rZTN1mGAmN2LzM3dQoMQAKsqLZ3n4PMA9y6t0DLWRa5gPLJFvRrWz_W8J6oOh5DnNJkmDRbFxx8sjQsqAdo_KyF5BANmU8bhCqmKu67BbtbJmhpb3yHrzaqQk/s77/flecha-prev.png) no-repeat 0 0; } #nextBtn a { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp984SnBY2JPInxp8v0hJS1lQMabKbcLwyVA6u8u0nMPSGIUlCjytN96o4Ydq7dwVlbBBRGuwv6O93iUCavznMap-6G-vLgCZx-oPSE7drvnAQpv-Tp1wBWs_NGtd7v3RbIC7UoDQmsHU/s77/flecha-next.png) no-repeat 0 0; } /* Estilos de los números */ ol#controls{ margin:8px 25px; padding:0; height:28px; } ol#controls li{ margin:0 4px 0 0; padding:0; float:left; list-style:none; height:28px; line-height:28px; } ol#controls li a{ float:left; height:28px; line-height:28px; border:1px solid #000; /* Borde de los números */ background:#0B243B; /* Color de fondo de los números */ color:#fff; /* Color de los números */ padding:0 10px; text-decoration:none; } ol#controls li.current a{ background:#5DC9E1; /* Color de fondo del número activo */ color:#fff; /* Color del número activo */ } ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}