123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120 |
- #heighterSlider{
- width: 65px;
- height: 365px;
- position: absolute;
- right: 0px;
- bottom: 0px;
- background:url(../images/layout/heighter-control-bg.png) top left no-repeat;
- z-index: 111;
- }
- #heighterSlider.class3d{
- width: 60px;
- background:url(../images/layout/heighter-control-bg-3d.png) top left no-repeat;
- /*background-size: 100%;*/
- }
- #heighterSlider .cell{
- margin: 0px;
- position: relative;
- }
- #heighterSlider .heighterslider-content{
- width: 45px;
- height: 510px;
- position: absolute;
- top: 13px;
- right: 8px;
- }
- #heighterSlider .heighterslider-content .heighterslider-li{
- height: 90px;
- width: 100%;
- position: relative;
- margin-top: -10px;
- }
- #heighterSlider .heighterslider-content .heighterslider-li .hover-bg{
- position: absolute;
- top: 0px;
- left: 0px;
- bottom: 0px;
- right: 0px;
- z-index: 1;
- display: none;
- background:url(../images/layout/cur-heighter-control.png) -4px -11px no-repeat;
- }
- #heighterSlider .heighterslider-content .heighterslider-li:hover .hover-bg{
- display: block;
- }
- #heighterSlider .heighterslider-content .heighterslider-li.active .hover-bg{
- display: block;
- }
- #heighterSlider .heighterslider-content .heighterslider-btn{
- position: absolute;
- top: 0px;
- left: 0px;
- width: 100%;
- height: 100%;
- z-index: 2;
- border:0px;
- cursor: pointer;
- color:#bdbdbd;
- }
- #heighterSlider .heighterslider-content .heighterslider-li p{
- color:#bdbdbd;
- position: absolute;
- top: 60px;
- left: 0px;
- width: 100%;
- text-align: center;
- font-size: 12px;
- }
- #heighterSlider .heighterslider-content .heighterslider-li:hover p{
- color:#ffffff;
- }
- #heighterSlider .heighterslider-content .heighterslider-li.active p{
- color:#ffffff;
- }
- #heighterSlider .heighterslider-content .stallite{
- margin-top: 10px;
- }
- #heighterSlider .heighterslider-content .stallite .heighterslider-btn{
- background:url(../images/layout/heighter-control.png) 0px 0px no-repeat;
- }
- #heighterSlider .heighterslider-content .ionosphere .heighterslider-btn{
- background:url(../images/layout/heighter-control.png) 0px -76px no-repeat;
- }
- #heighterSlider .heighterslider-content .clouds .heighterslider-btn{
- background:url(../images/layout/heighter-control.png) 0px -161px no-repeat;
- }
- #heighterSlider .heighterslider-content .image .heighterslider-btn{
- background:url(../images/layout/heighter-control.png) 0px -242px no-repeat;
- }
- #heighterSlider .heighterslider-content .model .heighterslider-btn{
- background:url(../images/layout/heighter-control.png) 0px -324px no-repeat;
- }
- #heighterSlider .heighterslider-content .liveaction .heighterslider-btn{
- background:url(../images/layout/heighter-control.png) 0px -402px no-repeat;
- }
- #heighterSlider .heighterslider-content .stallite.active .heighterslider-btn,
- #heighterSlider .heighterslider-content .stallite:hover .heighterslider-btn{
- background:url(../images/layout/heighter-control-active.png) 0px 0px no-repeat;
- }
- #heighterSlider .heighterslider-content .ionosphere.active .heighterslider-btn,
- #heighterSlider .heighterslider-content .ionosphere:hover .heighterslider-btn{
- background:url(../images/layout/heighter-control-active.png) 0px -76px no-repeat;
- }
- #heighterSlider .heighterslider-content .clouds.active .heighterslider-btn,
- #heighterSlider .heighterslider-content .clouds:hover .heighterslider-btn{
- background:url(../images/layout/heighter-control-active.png) 0px -161px no-repeat;
- }
- #heighterSlider .heighterslider-content .image.active .heighterslider-btn,
- #heighterSlider .heighterslider-content .image:hover .heighterslider-btn{
- background:url(../images/layout/heighter-control-active.png) 0px -242px no-repeat;
- }
- #heighterSlider .heighterslider-content .model.active .heighterslider-btn,
- #heighterSlider .heighterslider-content .model:hover .heighterslider-btn{
- background:url(../images/layout/heighter-control-active.png) 0px -324px no-repeat;
- }
- #heighterSlider .heighterslider-content .liveaction.active .heighterslider-btn,
- #heighterSlider .heighterslider-content .liveaction:hover .heighterslider-btn{
- background:url(../images/layout/heighter-control-active.png) 0px -402px no-repeat;
- }
|