opacity: .6; cursor: pointer; z-index: 1001; } span.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu9XqMty13UTeeLGpc_-VRvY08cqm1GVFveOA5tp2yIWI6TXgRNnw2ycjQP_Rr7GU4OtVPGug8w9kqzwMa8Md0RZWLmV-I-ofkKDxvoyx9vmbezRlO8MtXhTqJkv2uIR7-hp_eUC93aLFu/s1600/rotator-black.png); background-repeat: no-repeat; z-index: 3; } span.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; } span.rotator.move {left: 0;} span.mask.move { width: 40px; left: 0; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKXwoXxL4mfYFIhml4fgtm685g5thNN7mRqDfV_wJykckNG29ctvnb_x3pFPEH-nQFaOF6vkj6xyUUboDPnGBfZ-jD5VGrSItynmilAwAwy2eI3iIGRy21GjVh_tLS3DmGqrVvvRVwE1UX/s1600/timer-black.png); background-repeat: repeat; background-position: 0px 0px; } span.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0px; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV5wWqi1b21rc0nYc0AindWcQ0qI4CWXJadeKOcmzlSWkPP4_OU0_soJOiiKHuSfp0Pnue1_g9MBqR3VN2xcS30VsYKhadInmV9WcDvR9tfYnwtk16xtU99F4C7Jv9ooHa76czZQTvCVHV/s1600/pause-black.png); background-repeat: no-repeat; z-index: 4; opacity: 0; } div.timer:hover span.pause, span.pause.active, div.timer:hover span.pause.active { opacity: 1; } div.caption { background: #000; background: rgba(0,0,0,.6); width: 100%; z-index: 1000; position: absolute; bottom:-100px; color: #fff; padding: 8px 0; text-align: center; } div.caption span { padding: 0 10px; font-size: 14px; text-shadow: 0px 1px 0px rgba(0,0,0,.8); margin: 0; } .orbit-caption { display: none; } div.orbit:hover div.slider-nav { display: block; } div.slider-nav { display: none; } div.slider-nav span { width: 33px; height: 33px; text-indent: -9999px; position: absolute; z-index: 1000; top: 43%; cursor: pointer; } div.slider-nav span.right { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhtagm_mIuevtJr0vg7vGxmTlsHp83O3I5yMsj6y0VlgDfOiy8PCevlTZDk9HX9XlJwAK7d8iDd6-9Wq8-OaJS5NjDyWWNC595yH2a9QUgheF5Q1iappfL4y3V4Nh6jpI-i8e3R3LXfslL/s1600/right-arrow.png); right: 10px; } div.slider-nav span.left { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiimc4vqjiDRS60DPEoSEoaA1chya3SLOYiUzgygs7EjOp10S1zmyrl26T3-h7NsXZFCavY9ySPr0Xgyd0Mu91R4xd57e-d1gqr3mRNChrz6qaff1TAydGJH4ZTQ2A4rMKwQfyyyqj2NG-m/s1600/left-arrow.png); left: 10px; } .orbit-bullets { position: absolute; z-index: 1000; list-style: none; top: 10px; left: 7px; margin: 0; padding: 0; } .orbit-bullets li { float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGyKjNAPtdGYWliORDpBkMM0kg4mZG6mUSHp6xMqqbuQ1a5-H52thRp_9ohYvaPFYhhhOhXaRq8OU1X2-4_Q1124odHe6ysg77qWbUJa0HKSN_d7TBG56zUVNnh5YPKbkmX-52SCCtuYmG/s1600/bullets.png); background-repeat: no-repeat; background-position: 0 0; width: 7px; height: 7px; overflow: hidden; } .orbit-bullets li.active { color: #222; background-position: -7px 0; }
Copyright © 2013 Template free Otimizado por By Valquiria N�ris
LOJACriando layouts