/* Insignificant stuff, for demo purposes */ noscript div {} /* Use this to keep the slider content contained in a box even when JavaScript is disabled */ /* .coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }*/ /* Change the width of the entire slider (without dynamic arrows) */ /* .coda-slider, .coda-slider .panel { width: 940px; } */ /* Change margin and width of the slider (with dynamic arrows) */ .coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 940px; } .coda-slider-wrapper.arrows .coda-slider { margin: 0px } .panel, .coda-slider { width: 940px; height:300px; } /* Arrow styling */ .coda-nav-left a, .coda-nav-right a { /*display:none; visibility:hidden;*/} /* Tab nav */ /* Panel padding */ .coda-slider .panel-wrapper{ margin: 10px 40px; padding:10px; width:840px; height:260px; background:url('../images/slide-pic-bg.jpg') no-repeat; } /* wrapper content styling */ .wrapper-content{ float:left; display:block; border:1px solid green; height:255px; width:840px; background-color:black; } .w-img{ float:left; margin-left:10px; } .w-content{ float:right; margin-right:10px; width:450px; } .w-des{ direction:rtl; display:block; text-align:right; float:right; width:420px; font:20px tahoma; color:white; line-height:150%; height:150px; } .w-downs{ text-align:center; float:right; display:block; color:#C90; height:65px; width:40%; margin:0px; } .w-no-down{ font:25px arial bold; margin:0 auto; } .w-download{ text-align:center; float:right; display:block; color:#C90; height:65px; width:50%px; margin:0px; } a.w-download{ color:#c90; } /* wrapper content styling */ /* Preloader */ .coda-slider p.loading { padding: 20px; text-align: center; } /* Don't change anything below here unless you know what you're doing */ /* Tabbed nav */ .coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden } .coda-nav ul li { display: inline } .coda-nav ul li a { visibility:hidden;} /* Miscellaneous */ .coda-slider-wrapper { clear: both; overflow: hidden } .coda-slider { float: left; overflow: hidden; position: relative } .coda-slider .panel { display: block; float: left } .coda-slider .panel-container { position: relative } .coda-nav-left a, .coda-nav-right a { font-size:30px; display: block; text-align: center; text-decoration: none ;} .coda-nav-left a{ position:absolute; left:20px; top:130px; z-index:1; } .coda-nav-right a{ position:absolute; right:20px; top:130px; z-index:1; }