/*** Common CSS for all templates ***/ .cycloneslider{ position:relative; } .cycloneslider-slides{ position:relative; overflow:hidden; } .cycloneslider-slide{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:100; } .cycloneslider-slide img{ border:0; padding:0; margin:0; max-width:100%; } .cycloneslider-prev,.cycloneslider-next,.cycloneslider-pager{ cursor:pointer; } .cycloneslider-slide:first-child{ z-index:101; } /*** Template Black ***/ .cycloneslider-template-black img{ display:block; } .cycloneslider-template-black .cycloneslider-prev, .cycloneslider-template-black .cycloneslider-next{ display:none; opacity:0; position:absolute; top:50%; margin-top:-22px; z-index:102; width:26px; height:44px; text-indent:-99999px; background: url(http://fernandezsalvador.gob.ec/carchi/wp-content/plugins/cyclone-slider/templates/black/images/sprite-arrows.png) no-repeat; } .cycloneslider-template-black:hover .cycloneslider-prev, .cycloneslider-template-black:hover .cycloneslider-next{ display:block; opacity:0.4; } .cycloneslider-template-black .cycloneslider-prev{ left:10px; background-position:0 0; } .cycloneslider-template-black .cycloneslider-next{ right:10px; background-position:-29px 0; } .cycloneslider-template-black .cycloneslider-prev:hover, .cycloneslider-template-black .cycloneslider-next:hover{ opacity:1; } .cycloneslider-template-black .cycloneslider-pager{ position:absolute; z-index:99; top:20px; right:20px; } .cycloneslider-template-black .cycloneslider-pager a { background: url(http://fernandezsalvador.gob.ec/carchi/wp-content/plugins/cyclone-slider/templates/black/images/sprite-nav.png) no-repeat scroll 0 0 transparent; display: block; float: left; font-size: 0; width: 10px; height: 10px; line-height: 0; margin-right: 6px; text-indent: -99999px; } .cycloneslider-template-black .cycloneslider-pager a.activeSlide { background-position: left bottom; } .cycloneslider-template-black .cycloneslider-caption{ position:absolute; left:0; bottom:0; width:100%; z-index:99; background: url(http://fernandezsalvador.gob.ec/carchi/wp-content/plugins/cyclone-slider/templates/black/images/bg-caption.png); color:#fff; } .cycloneslider-template-black .cycloneslider-caption-title{ padding:10px 20px 5px 20px; font-size:22px; line-height:1; margin-bottom:0; } .cycloneslider-template-black .cycloneslider-caption-description{ padding:0 20px 15px 20px; line-height:1.5; font-size:12px; } /*** Template Blue ***/ .cycloneslider-template-blue img{ display:block; } .cycloneslider-template-blue .cycloneslider-prev, .cycloneslider-template-blue .cycloneslider-next{ display:none; opacity:0; position:absolute; top:50%; margin-top:-22px; z-index:102; width:26px; height:44px; text-indent:-99999px; background: url(http://fernandezsalvador.gob.ec/carchi/wp-content/plugins/cyclone-slider/templates/blue/images/sprite-arrows.png) no-repeat; } .cycloneslider-template-blue:hover .cycloneslider-prev, .cycloneslider-template-blue:hover .cycloneslider-next{ display:block; opacity:0.4; } .cycloneslider-template-blue .cycloneslider-prev{ left:10px; background-position:0 0; } .cycloneslider-template-blue .cycloneslider-next{ right:10px; background-position:-29px 0; } .cycloneslider-template-blue .cycloneslider-prev:hover, .cycloneslider-template-blue .cycloneslider-next:hover{ opacity:1; } .cycloneslider-template-blue .cycloneslider-pager{ position:absolute; z-index:99; top:20px; right:20px; } .cycloneslider-template-blue .cycloneslider-pager a { background: url(http://fernandezsalvador.gob.ec/carchi/wp-content/plugins/cyclone-slider/templates/blue/images/sprite-nav.png) no-repeat scroll 0 0 transparent; display: block; float: left; font-size: 0; width: 10px; height: 10px; line-height: 0; margin-right: 6px; text-indent: -99999px; } .cycloneslider-template-blue .cycloneslider-pager a.activeSlide { background-position: left bottom; } .cycloneslider-template-blue .cycloneslider-caption{ position:absolute; left:0; bottom:0; width:100%; z-index:99; background: url(http://fernandezsalvador.gob.ec/carchi/wp-content/plugins/cyclone-slider/templates/blue/images/bg-caption.png); color:#fff; } .cycloneslider-template-blue .cycloneslider-caption-title{ padding:10px 20px 5px 20px; font-size:22px; line-height:1; margin-bottom:0; } .cycloneslider-template-blue .cycloneslider-caption-description{ padding:0 20px 15px 20px; line-height:1.5; font-size:12px; } /*** Template Default ***/ .cycloneslider-template-default img{ display:block; } .cycloneslider-template-default .cycloneslider-prev, .cycloneslider-template-default .cycloneslider-next{ display:none; opacity:0; position:absolute; top:50%; margin-top:-22px; z-index:102; width:26px; height:44px; text-indent:-99999px; background: url(http://fernandezsalvador.gob.ec/carchi/wp-content/plugins/cyclone-slider/templates/default/images/sprite-arrows.png) no-repeat; } .cycloneslider-template-default:hover .cycloneslider-prev, .cycloneslider-template-default:hover .cycloneslider-next{ display:block; opacity:0.4; } .cycloneslider-template-default .cycloneslider-prev{ left:10px; background-position:0 0; } .cycloneslider-template-default .cycloneslider-next{ right:10px; background-position:-29px 0; } .cycloneslider-template-default .cycloneslider-prev:hover, .cycloneslider-template-default .cycloneslider-next:hover{ opacity:1; } .cycloneslider-template-default .cycloneslider-pager{ position:absolute; z-index:99; top:20px; right:20px; } .cycloneslider-template-default .cycloneslider-pager a { background: url(http://fernandezsalvador.gob.ec/carchi/wp-content/plugins/cyclone-slider/templates/default/images/sprite-nav.png) no-repeat scroll 0 0 transparent; display: block; float: left; font-size: 0; width: 10px; height: 10px; line-height: 0; margin-right: 6px; text-indent: -99999px; } .cycloneslider-template-default .cycloneslider-pager a.activeSlide { background-position: left bottom; } .cycloneslider-template-default .cycloneslider-caption{ position:absolute; left:0; bottom:0; width:100%; z-index:99; background: url(http://fernandezsalvador.gob.ec/carchi/wp-content/plugins/cyclone-slider/templates/default/images/bg-caption.png); color:#fff; } .cycloneslider-template-default .cycloneslider-caption-title{ padding:10px 20px 5px 20px; font-size:22px; line-height:1; margin-bottom:0; } .cycloneslider-template-default .cycloneslider-caption-description{ padding:0 20px 15px 20px; line-height:1.5; font-size:12px; } /*** Template Myrtle ***/ .cycloneslider-template-myrtle{ overflow:hidden; } .cycloneslider-template-myrtle .cycloneslider-slide img{ max-width:100%; max-height:100%; } .cycloneslider-template-myrtle .cycloneslider-prev, .cycloneslider-template-myrtle .cycloneslider-next{ display:none; position:absolute; top:50%; margin-top:-19px; z-index:102; text-indent:-99999px; width:45px; height:45px; background: url(http://fernandezsalvador.gob.ec/carchi/wp-content/plugins/cyclone-slider/templates/myrtle/images/sprite-arrows.png) no-repeat; } .cycloneslider-template-myrtle:hover .cycloneslider-prev, .cycloneslider-template-myrtle:hover .cycloneslider-next{ display:block; } .cycloneslider-template-myrtle .cycloneslider-prev{ left:10px; background-position:-45px 0; } .cycloneslider-template-myrtle .cycloneslider-next{ right:10px; background-position:0 0; } .cycloneslider-template-myrtle .cycloneslider-prev:hover{ background-position:-45px -45px; } .cycloneslider-template-myrtle .cycloneslider-next:hover{ background-position:0 -45px; } .cycloneslider-template-myrtle .cycloneslider-pager{ position:absolute; z-index:99; top:20px; right:20px; } .cycloneslider-template-myrtle .cycloneslider-pager a { background: url(http://fernandezsalvador.gob.ec/carchi/wp-content/plugins/cyclone-slider/templates/myrtle/images/sprite-nav.png) no-repeat scroll 0 0 transparent; display: block; float: left; font-size: 0; width: 12px; height: 12px; line-height: 0; margin-right: 6px; text-indent: -99999px; } .cycloneslider-template-myrtle .cycloneslider-pager a.activeSlide { background-position: left bottom; } .cycloneslider-template-myrtle .cycloneslider-caption{ position:absolute; left:0; bottom:0; width:100%; z-index:99; background: url(http://fernandezsalvador.gob.ec/carchi/wp-content/plugins/cyclone-slider/templates/myrtle/images/bg-caption.png) right; color:#fff; } .cycloneslider-template-myrtle .cycloneslider-caption-title{ padding:10px 20px 5px 20px; font-size:24px; line-height:1; margin-bottom:0; color:#E62B4E; } .cycloneslider-template-myrtle .cycloneslider-caption-description{ padding:0 20px 15px 20px; line-height:1.5; font-size:12px; color:#676761; } /*** Template Responsive ***/ .cycloneslider-template-responsive img{ display:block; max-width:100%; } .cycloneslider-template-responsive .cycloneslider-prev, .cycloneslider-template-responsive .cycloneslider-next{ display:none; opacity:0; position:absolute; top:50%; margin-top:-22px; z-index:102; width:26px; height:44px; text-indent:-99999px; background: url(http://fernandezsalvador.gob.ec/carchi/wp-content/plugins/cyclone-slider/templates/responsive/images/sprite-arrows.png) no-repeat; } .cycloneslider-template-responsive:hover .cycloneslider-prev, .cycloneslider-template-responsive:hover .cycloneslider-next{ display:block; opacity:0.4; } .cycloneslider-template-responsive .cycloneslider-prev{ left:10px; background-position:0 0; } .cycloneslider-template-responsive .cycloneslider-next{ right:10px; background-position:-29px 0; } .cycloneslider-template-responsive .cycloneslider-prev:hover, .cycloneslider-template-responsive .cycloneslider-next:hover{ opacity:1; } .cycloneslider-template-responsive .cycloneslider-pager{ position:absolute; z-index:99; top:20px; right:20px; } .cycloneslider-template-responsive .cycloneslider-pager a { background: url(http://fernandezsalvador.gob.ec/carchi/wp-content/plugins/cyclone-slider/templates/responsive/images/sprite-nav.png) no-repeat scroll 0 0 transparent; display: block; float: left; font-size: 0; width: 10px; height: 10px; line-height: 0; margin-right: 6px; text-indent: -99999px; } .cycloneslider-template-responsive .cycloneslider-pager a.activeSlide { background-position: left bottom; } .cycloneslider-template-responsive .cycloneslider-caption{ position:absolute; left:0; bottom:0; width:100%; z-index:99; background: url(http://fernandezsalvador.gob.ec/carchi/wp-content/plugins/cyclone-slider/templates/responsive/images/bg-caption.png); color:#fff; } .cycloneslider-template-responsive .cycloneslider-caption-title{ padding:10px 20px 5px 20px; font-size:22px; line-height:1; margin-bottom:0; } .cycloneslider-template-responsive .cycloneslider-caption-description{ padding:0 20px 15px 20px; line-height:1.5; font-size:12px; } /*** Template Thumbnails ***/ .cycloneslider-template-thumbnails img{ display:block; } .cycloneslider-template-thumbnails .cycloneslider-prev, .cycloneslider-template-thumbnails .cycloneslider-next{ display:none; opacity:0; position:absolute; top:50%; margin-top:-22px; z-index:102; width:26px; height:44px; text-indent:-99999px; background: url(http://fernandezsalvador.gob.ec/carchi/wp-content/plugins/cyclone-slider/templates/thumbnails/images/sprite-arrows.png) no-repeat; } .cycloneslider-template-thumbnails:hover .cycloneslider-prev, .cycloneslider-template-thumbnails:hover .cycloneslider-next{ display:block; opacity:0.4; } .cycloneslider-template-thumbnails .cycloneslider-prev{ left:10px; background-position:0 0; } .cycloneslider-template-thumbnails .cycloneslider-next{ right:10px; background-position:-29px 0; } .cycloneslider-template-thumbnails .cycloneslider-prev:hover, .cycloneslider-template-thumbnails .cycloneslider-next:hover{ opacity:1; } .cycloneslider-template-thumbnails .cycloneslider-caption{ position:absolute; left:0; bottom:0; width:100%; z-index:99; background: url(http://fernandezsalvador.gob.ec/carchi/wp-content/plugins/cyclone-slider/templates/thumbnails/images/bg-caption.png); color:#fff; } .cycloneslider-template-thumbnails .cycloneslider-caption-title{ padding:10px 20px 5px 20px; font-size:22px; line-height:1; margin-bottom:0; } .cycloneslider-template-thumbnails .cycloneslider-caption-description{ padding:0 20px 15px 20px; line-height:1.5; font-size:12px; } .cycloneslider-template-thumbnails.cycloneslider-thumbnails{ padding:20px 0; text-align:center; } .cycloneslider-template-thumbnails.cycloneslider-thumbnails li{ display:inline-block; margin:0 5px; border:5px solid #ccc; cursor:pointer; } .cycloneslider-template-thumbnails.cycloneslider-thumbnails li.current{ border-color:#333; }