web/wp-content/plugins/pik-slider/css/pikslider-style.css
changeset 194 32102edaa81b
equal deleted inserted replaced
193:2f6f6f7551ca 194:32102edaa81b
       
     1 #pikslider{
       
     2     position: relative;
       
     3     margin: 0;
       
     4     padding: 0;
       
     5     margin-left: 24px;
       
     6     width: 568px;
       
     7 }
       
     8 #pikslider .caroufredsel_wrapper{
       
     9     margin: 0;
       
    10     padding: 0;
       
    11 }
       
    12 #pikslider ul{
       
    13     list-style: none;
       
    14     display: block;
       
    15     overflow: hidden;
       
    16     margin: 0;
       
    17     padding: 0;
       
    18 }
       
    19 #pikslider ul li{
       
    20     display: block;
       
    21     float: left;
       
    22     position: relative;
       
    23     margin: 0;
       
    24     padding: 0;
       
    25 }
       
    26 
       
    27 #pikslider a{
       
    28     color: #000;
       
    29     text-decoration: none;
       
    30 }
       
    31 #pikslider li .pikslider-content{
       
    32     background-color:rgba(0,0,0,.7);
       
    33     position: absolute;
       
    34     bottom: 10px;
       
    35     color: #FFF;
       
    36     width: 100%;
       
    37 }
       
    38 #pikslider li .pikslider-content h2{
       
    39     padding: 4px 10px 0 10px;
       
    40     color: #FFF;
       
    41     font-size: 18px;
       
    42     margin-bottom: 6px;
       
    43 }
       
    44 #pikslider li .pikslider-content p{
       
    45     padding: 0 10px;
       
    46     color: #FFF;
       
    47     font-size: 12px;
       
    48     line-height: 14px;
       
    49 }
       
    50 #pikslider #pikslider-prev,
       
    51 #pikslider #pikslider-next{
       
    52     position: absolute;
       
    53     z-index: 2;
       
    54     top: 50%;
       
    55     width: 18px;
       
    56     height: 26px;
       
    57     margin-top: -13px;
       
    58     background-repeat: no-repeat;
       
    59     display: block;
       
    60     background-position: 0 0;
       
    61     background-image: url(pikslider-arrow.png);
       
    62 }
       
    63 #pikslider #pikslider-prev{
       
    64     left: 10px; 
       
    65 }
       
    66 #pikslider #pikslider-prev:hover{
       
    67     background-position: 0px -26px;
       
    68 }
       
    69 #pikslider #pikslider-prev:active{
       
    70     background-position: 0px -52px;
       
    71 }
       
    72 #pikslider #pikslider-next{
       
    73     right: 10px;
       
    74     background-position: -18px 0;
       
    75 }
       
    76 #pikslider #pikslider-next:hover{
       
    77     background-position: -18px -26px;
       
    78 }
       
    79 #pikslider #pikslider-next:active{
       
    80     background-position: -18px -52px;
       
    81 }