/* jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider Copyright (c) 2009 Niall Doherty This plugin available for use in all personal or commercial projects under both MIT and GPL licenses. */ /* Most common stuff you'll need to change */ .coda-slider-wrapper { position: relative; } .coda-slider { } /* 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: 0px } /* Slider homepage big with thumbs */ #coda-slider-BigThumb, #coda-slider-BigThumb .panel { width: 820px; height: 440px; border:0px solid #000; position: relative; z-index: 10;background-color:#dce2e4; } #coda-nav-BigThumb { position: relative; z-index: 20; } #coda-nav-BigThumb ul { clear: both; display: block; width: 140px; height: 440px; position: absolute; top:0px; left:820px; background-color: #dce2e4; } #coda-nav-BigThumb ul li { display: inline; margin:10px 0 0 0; padding:0; position: relative; float: left; } #coda-nav-BigThumb ul li a { display: block; padding:0; text-decoration: none; margin: 0 0 0 10px; } #coda-nav-BigThumb ul li a .overlay { display: none; position: absolute; } #coda-nav-BigThumb ul li a .overlayHover { position: absolute; } #coda-nav-BigThumb ul li a.current .overlay { display: block; } #coda-nav-left-BigThumb, #coda-nav-right-BigThumb { float: left; z-index: 30; } #coda-nav-left-BigThumb a, #coda-nav-right-BigThumb a { padding: 0px; width: 40px; height: 72px; position: absolute; z-index: 30; } #coda-nav-left-BigThumb a { top: 184px; left: -14px; } #coda-nav-right-BigThumb a { top: 184px; left: 936px; } /* Slider homepage big */ #coda-slider-Big-Wrapper .coda-slider-wrapper { width: 960px; height: 440px; } #coda-slider-Big, #coda-slider-Big .panel { width: 960px; height: 440px; border:0px solid #000; position: relative; z-index: 10; background-color:#dce2e4; } #coda-nav-Big { position: relative; z-index: 20; } #coda-nav-left-Big, #coda-nav-right-Big { float: left; z-index: 30; } #coda-nav-left-Big a, #coda-nav-right-Big a { padding: 0px; width: 40px; height: 72px; position: absolute; z-index: 30; } #coda-nav-left-Big a { top: 184px; left: -14px; } #coda-nav-right-Big a { top: 184px; left: 936px; } /* Slider homepage recommend L */ .coda-slider-wrapper-recommend-L { margin: 7px 0 0 37px; width: 566px; border: 0px solid #000; } .coda-slider-wrapper-recommend-L .coda-slider-wrapper { width: 566px; height: 240px; border:0px solid #000; } .coda-slider-wrapper-recommend-L #coda-slider-Recommend-L { width: 566px; height: 236px; border: 0px solid #000; } .coda-slider-wrapper-recommend-L #coda-slider-Recommend-L .panel { width: 190px; height: 220px; border:0px solid #000; } .coda-slider-wrapper-recommend-L .coda-nav-left-Recommend-L a, .coda-slider-wrapper-recommend-L .coda-nav-right-Recommend-L a { padding: 0px; width: 23px; height: 44px; position: absolute; } .coda-slider-wrapper-recommend-L .coda-nav-left-Recommend-L a { top: 134px; left: 9px; } .coda-slider-wrapper-recommend-L .coda-nav-right-Recommend-L a { top: 134px; left: 606px; } /* Slider homepage recommend M */ .coda-slider-wrapper-recommend-M { width: 476px; border: 0px solid #000; } .coda-slider-wrapper-recommend-M .coda-slider-wrapper { width: 492px; height: 223px; margin: 0 0 0 21px; } .coda-slider-wrapper-recommend-M #coda-slider-Recommend-M { width: 476px; height: 219px; border: 0px solid #000; margin: 4px 0 0 0; } .coda-slider-wrapper-recommend-M #coda-slider-Recommend-M .panel { width: 160px; height: 219px; border:0px solid #000; } .coda-slider-wrapper-recommend-M .coda-nav-left-Recommend-M a, .coda-slider-wrapper-recommend-M .coda-nav-right-Recommend-M a { padding: 0px; width: 23px; height: 44px; position: absolute; } .coda-slider-wrapper-recommend-M .coda-nav-left-Recommend-M a { top: 93px; left: 10px; } .coda-slider-wrapper-recommend-M .coda-nav-right-Recommend-M a { top: 93px; left: 484px; } /* Slider search result recommend M */ .coda-slider-wrapper-recommend-M-search { width: 770px; border: 0px solid #000; overflow:hidden;} .coda-slider-wrapper-recommend-M-search .coda-slider-wrapper { width: 786px; height: 223px; margin: 0 0 0 21px; } .coda-slider-wrapper-recommend-M-search #coda-slider-Recommend-M { width: 770px; height: 219px; border: 0px solid #000; margin: 4px 0 0 0; } .coda-slider-wrapper-recommend-M-search #coda-slider-Recommend-M .panel { width: 191px; height: 219px; border:0px solid #000; } .coda-slider-wrapper-recommend-M-search .coda-nav-left-Recommend-M a, .coda-slider-wrapper-recommend-M-search .coda-nav-right-Recommend-M a { padding: 0px; width: 23px; height: 44px; position: absolute; } .coda-slider-wrapper-recommend-M-search .coda-nav-left-Recommend-M a { top: 93px; left: 10px; } .coda-slider-wrapper-recommend-M-search .coda-nav-right-Recommend-M a { top: 93px; left: 738px; } /* Slider homepage cooperation */ .coda-slider-wrapper-cooperation { width: 297px; border: 0px solid #000; } .coda-slider-wrapper-cooperation .coda-slider-wrapper { width: 300px; height: 271px; margin-left: 10px; } #coda-slider-Cooperation { width: 297px; height: 241px; border: 0px solid #000; margin-top: 30px; } #coda-slider-Cooperation .panel { width: 297px; height: 241px; border: 0px solid #000; position:relative; background-color:#dce2e4; } .coda-nav-left-Cooperation a, .coda-nav-right-Cooperation a { padding: 0px; width: 23px; height: 44px; position: absolute; } .coda-nav-left-Cooperation a { top: 134px; left: 6px; } .coda-nav-right-Cooperation a { top: 134px; left: 289px; } /* Panel padding */ .coda-slider .panel-wrapper { padding: 0px; background-color:#dce2e4; } /* Preloader */ .coda-slider p.loading { padding:0px; text-align: center; position:absolute; top:50%; left:50%; margin:-7px 0 0 -104px; } /* Miscellaneous */ .coda-slider-wrapper { clear: both; overflow: auto; } .coda-slider { float: left; overflow: hidden; position: relative } .coda-slider .panel { display: block; float: left } .coda-slider .panel-container { position: relative }