PHP Classes

File: public/bootstrap/css/fractionslider.css

Recommend this page to a friend!
  Classes of harold rita  >  CodeIgniter Template Viewer Class  >  public/bootstrap/css/fractionslider.css  >  Download  
File: public/bootstrap/css/fractionslider.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: CodeIgniter Template Viewer Class
Render views using templates in a CodeIgniter App
Author: By
Last change:
Date: 3 months ago
Size: 1,957 bytes
 

Contents

Class file image Download
.fraction-slider{
    position:relative;
    width:100%; height:100%;
    overflow:visible;
}

.fraction-slider .slide{
    display:none; width:100%; height:100%;
    position:absolute;
    z-index:999;
}

.fraction-slider .active-slide{
    z-index:99;
}

.fraction-slider .fs_obj{
    display:block; display:none;
    position:absolute;
    top:0px; left:100%;
    z-index:7000;
}

.fraction-slider .fs_fixed_obj{
    z-index:6000;
    left:0;
}

.fraction-slider .fs_obj *{
    display:inline-block;
    position:relative;
    top:0px; left:0px;
}

.fs_loader{
    width:100%; height:450px;
    background:url(../images/fraction-slider/fs.spinner.gif) center center no-repeat transparent;
}

/** CONTROLS **/

.fraction-slider .prev,
.fraction-slider .next{
    display: none;
    height:35px;
    position: absolute;
    width:35px;
    z-index: 9999;
    border-radius:100%;
    border:1px solid #fff;
    text-align:center;
    line-height:31px;
    color:#fff;
    outline:none;
}

.fraction-slider .next
{
    right:10px;
    top:48%;
}
.fraction-slider .prev
{
    left:10px;
    top:48%;
}
.fraction-slider a{text-decoration: none;}
.fraction-slider .next:before
{
    content: "\f105";
    margin-left: 3px;
}
.fraction-slider .prev:before
{
    content: "\f104";
    margin-right: 3px;
}
.fraction-slider .next:before,
.fraction-slider .prev:before
{
    color:#fff;
    font-size:33px;
    font-family:fontawesome;
}
.fraction-slider .prev:hover,
.fraction-slider .next:hover,
.fraction-slider .next:hover:before,
.fraction-slider .prev:hover:before
{
    color:#727CB6;
    border-color:#727CB6;
    opacity:1;
    transition:all 0.4s ease-in-out;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -ms-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    border-width:3px;
    line-height:26px;
}
.fraction-slider:hover .prev,
.fraction-slider:hover .next{
    display:block;
}
For more information send a message to info at phpclasses dot org.