www.gusucode.com > 200套html5精品模板51_75 > 065/stylesheets/jquery.id.moover-1.5.css
/* * jQuery mOover v.1.5 CSS Part * http://www.idangero.us/sliders/moover/ * * Copyright 2012, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us * Licensed under the iDangero.us Limited Regular License (RL Limited) * Licensing Terms: http://www.idangero.us/index.php?content=article&id=21 * Released on: May 7, 2012 */ @charset "UTF-8"; .moover { position:relative; } .moover .moover-slide { position:absolute; left:0; top:0; display:none; overflow:hidden; z-index:100; } .moover .moover-active-slide { display:block; z-index:90 } .moover .moover-slide .moover-text, .moover .moover-text > p, .moover .moover-TW, .moover .moover-slide > img { -moz-transition-property:all; -webkit-transition-property:all; -ms-transition-property:all; -o-transition-property:all; transition-property:all; } .moover .moover-slide .moover-text, .moover .moover-slide > img { position:absolute; z-index:5; max-width:none; min-width:none; } .moover .moover-slide p { margin:0; text-align:right;padding-top:40px; } .moover .moover-text { margin:0; padding:0; } .moover .moover-TW { display:inline-block; } .moover .moover-absolute p { position:absolute; } .moover-slide { width:100%; height:100%; } /* Set mOover's width and height! */ .moover{ width:100%; height:435px; border-bottom:1px solid #fff; background:url(../images/moover/moover_shadow.png) center top no-repeat; } /* Preloader */ .moover-loading { background-image:url(../images/moover/moover-preloader.gif) !important; background-repeat:no-repeat !important; background-position:center center !important; } .moover_wraper {margin:0 auto;width:100%;background:#65b5d3 url(../images/moover/moover_bg.png) 0 bottom repeat-x;} .moover, .moover-slide {width:100%;} .moover p {font-size:22px;font-weight:bold;line-height:40px;color:#fff;} .moover-switch {float:left;margin-right:5px;width:10px;height:10px;border:1px solid #333;} .moover-switch-active {background:#333;} .moover-nav {display:none;overflow:hidden;margin:10px 0;} .controls {display:none;margin:-60px auto 0 auto;height:60px;padding:0 85px;top:-200px;position:relative;z-index:1000;} .moover_wraper:hover .controls {display:block;} .controls a {display:block;float:left;text-indent:-999em;width:60px;height:60px;background:url(../images/moover/arrows.png) no-repeat;} .controls a.next {float:right;background-position:-70px 0;} .moover-slide .moover-text p.sl1 {font:13px 'PT Sans';text-align:left;width:290px !important;position:absolute;top:40px;left:0;padding:0;} .moover-slide .moover-text p.sl1 span {font:24px 'PT Sans';} .moover-slide .moover-text p.sl1 strong {font-size:48px;display:block;text-transform:uppercase;line-height:48px;padding-bottom:10px;} .moover-slide .moover-text p.sl1 strong span {font-size:90px;line-height:90px;} .moover-slide .moover-text p .btn_l {margin-top:30px;} .moover-slide .moover-text p.video {position:absolute;top:-40px;left:0;} .moover-slide .moover-text p.sl2 {width:360px !important;font:24px 'PT Sans';text-align:left;padding-top:0;} .moover-slide .moover-text p.sl2 strong {font-size:37px;line-height:37px;padding-bottom:10px;} .moover-slide .moover-text p.sl2 strong span {display:block;font-size:82px;line-height:82px;text-transform:uppercase;} .moover-slide .moover-text p.sl2 .btn {position:relative;display:block;text-align:right;} .moover-slide .moover-text p.sl2 .btn span {position:absolute;top:0;right:30px;font:italic 18px 'PT Sans';padding:0 0 0 65px;background:url(../images/sliders/home_page_1/arrow.png) 0 20px no-repeat;} .moover-slide .moover-text p.sl3 {width:510px !important;position:absolute;top:80px;left:0;} .moover-slide .moover-text p.sl3 .btn span {right:80px;} .moover-slide .moover-text p.sl4 {width:510px !important;position:absolute;top:80px;left:0;} .moover-slide .moover-text p.sl4 .btn span {right:80px;}