/* Template Name: Ost Magazine File: Featured Slider CSS Author: OS Templates Author URI: http://www.os-templates.com/ Licence: Website Template Licence */ #featured_slide { position:relative; margin:0 auto 0; display:block; width:1006px; height:400px; overflow:hidden; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; } #featured_slide a, #featured_slide ul, #featured_slide img, #featured_slide p{ margin:0; padding:0; border:none; outline:none; list-style:none; text-decoration:none; line-height:normal; } #featured_slide h1, #featured_slide h2, #featured_slide h3, #featured_slide h4, #featured_slide h5, #featured_slide h6{ margin:0 0 8px 0; padding:0; line-height:normal; font-size:14px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; border-bottom:none; } /* ----------------------------------------------Content-------------------------------------*/ .featured_box{ position:relative; display:block; width:1006px; height:400px; } .featured_box img{ width:1006px; height:400px; } .featured_box .floater{ position:absolute; bottom:30px; width:590px; height:60px; margin:0 0 0 30px; padding:3px 5px; overflow:hidden; } #featured_slide p.readmore{ position:absolute; bottom:30px; right:30px; margin:0 0 25px 0; } #featured_slide p.readmore a{ color:#FFFF00; padding:25px; } /* ----------------------------------------------Navigation Buttons-------------------------------------*/ /* Navigation dynamically created using: jquery.cycle.setup.js and jquery.cycle.min.js HTML Output:
*/ #fsn{ position:relative; margin:0 auto 0; display:block; width:995px; height:22px; text-align:center; color:#666666; z-index:1000; } #fsn ul{ position:relative; margin:0 auto 0; display:block; width:100%; height:10px; padding:12px 0 0 0; overflow:hidden; list-style:none; } #fsn ul li, #fsn ul li a{ display:block; float:left; width:08px; height:8px; margin:0 5px 0 0; padding:0; } #fsn ul li a{ float:none; border:1px; margin:0; outline:none; text-indent:-5000px; text-decoration:none; background:url("../images/slide2.png") 50% 50% no-repeat; border-color: #999; } #fsn .activeSlide{ background:url("../images/slide2.png") 0% 50% no-repeat; }