styles.css 3.75 KB
.slideshow, .slideshow-label, .slideshow-content, .slideshow-panel {
    font:12px Verdana, Tahoma, sans-serif;
}

.slideshow {
    padding:0;
    border:0;
    position:relative;
    display:none;           /* Set to "none" for not preview slideshow content */
}

.slideshow-fullscreen {
    position:absolute;
    top:0;
    left:0;
    padding:0;
    border:0;  
    overflow:hidden;
}

.slideshow-label-place {
    padding:0;
    position:absolute;
    top:0px;
    left:0px;
    z-index:100;
    height:30px;
}
    .slideshow-label {   
        z-index:101;
        color:#fff;
        width:100%;
        height:100%;
        line-height:30px;
        text-indent:8px;
        font-weight:bold
    }

.slideshow-panel-place {
    padding:0;
    position:absolute;
    bottom:-29px;
    left:0px;
    z-index:100;
    height:28px;   
}


    .slideshow-panel {
        z-index:101;    
        width:100%;
        height:100%;
    }
    
        .slideshow-panel a.slideshowbutton {
            display: block;
            width:26px;
            height:26px;
            float:left;
            text-indent:-99999%;
            overflow:hidden;
            outline: 0; /* @ Firefox, prevent dotted border after click */ 
            background-image:url(images/buttons.png);
            background-repeat:no-repeat;
            border:1px solid transparent
        }
        
            .slideshow-panel a.slideshowbutton:hover {
                border:1px solid #777;
            }
            
            
            .slideshow-panel a.first {
                background-position: 0 0
            }
            
            .slideshow-panel a.prev {
                background-position: -24px 0
            }
            
            .slideshow-panel a.play {
                background-position: -48px 0
            }
            
            .slideshow-panel a.stop {
                background-position: -72px 0
            }
            
            .slideshow-panel a.next {
                background-position: -96px 0
            }
            
            .slideshow-panel a.last {
                background-position: -120px 0
            }
            
            .slideshow-panel a.help {
                position:relative;
                background-position: -144px 0
            }
            
            .slideshow-panel span.counter {
                float:right;
                display: block;
                /*width:26px;*/
                height:26px;
                line-height:26px;
                padding:0 4px;
                color: white;
            }


.slideshow-help {
    position:absolute;
    bottom:28px;
    left:0px;    
    z-index:101;   
    background-color:#ff9; 
    display:none;
    opacity: 0.9;
    width:100%;
}

.slideshow-content {
    padding:0;
    background-color:#fff;
    color:#333;
    overflow:hidden;
    position:relative;
    width:100%;
    height:100%;
}

    /* Some Content Changes */
    .slideshow-content p {
        padding:0;
        overflow:auto;
    }

.slideshow-frame {
    position:absolute;
    top:0px;
    left:0px;
    background:url(images/big-play.png) 50% 50% no-repeat;
    z-index:201;
    cursor:pointer;
    width:100%;
    height:100%;
}

.slideshow-shadow{
    position:absolute;
    top:0px;
    left:0px;
    z-index:200;
    width:100%;
    height:100%;
}
    
.slideshow-opacity{
    background-color: black;
}
    *:first-child+html .slideshow-opacity, * html .slideshow-opacity {
        zoom:1;
        background:#000;
        filter:alpha(opacity=50);
    }
    * html .slideshow-opacity {
        zoom:1;
        background:#000;
        filter:alpha(opacity=50);
    }
    
    *:first-child+html .slideshow-opacity *{
        position:relative;
    }
    
    * html .slideshow-opacity *{
        position:relative;
    }