Icontem

File: slider.css

Recommend this page to a friend!
  Classes of Nguru Mugendi  >  Brick Slider  >  slider.css  >  Download  
File: slider.css
Role: Auxiliary data
Content type: text/plain
Description: The styles file
Class: Brick Slider
Animate page elements laid out as tiled bricks
Author: By
Last change: Fix for missing background image
Date: 7 years ago
Size: 1,272 bytes
 

Contents

Class file image Download
html,body{
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    
    background: #222;
    font: 100%/130% "Segoe UI",Arial,Verdana,Tahoma,sans-serif;
}

h2{
    font: 150%/80% "Segoe UI Light","Segoe UI",Arial,Verdana,Tahoma,sans-se
}
#slider{
    width: 1080px;
    margin: 50px auto 0;
    padding: 5px 0;
    border-bottom: 1px solid #FFF;
    
}



#slider .item .link{
    display:none;
    
    text-align: center;
    height: 200px;
    width: 200px;
    overflow: hidden;
    position: absolute;
      
    
    
    text-decoration: none;
    z-index:5;
    
    cursor: pointer;
    
    color: #444;
    
    background: #EEE;
    padding: 10px;
    opacity:.9;
   
}
#slider .item .link:hover,#slider .item .link.active{
    background: #FFF;
    opacity:1;
    
}
#slider .item .link.active{
    cursor: auto !important;
}
#slider .item .link.rounded{
     
}


#slider .item .link .hidden{
    display: none;
}
#slider .item .link  img{
    border: none;
    width:100%;
}

.brick-slider-buttons{
   margin: 10px;
   text-align: right; 
}
.brick-slider-button{
    border: 1px solid #f3f3f3;
    background: #EEE;
    padding: 5px 10px;
    margin: 3px;
    display: inline-block;
    
}