Modified gallery.css

This discussion is related to the Galleries addon.
TamaTama United Kingdom ✭✭✭
edited August 2013 in Feedback

I've recently modified this to suit my own needs, so I thought I'd share it with others; I replaced gallery.css completely with this one

#dashboard_plugin_gallery h19 {
    font-size: 140%;
    font-family: "Helvetica Neue",Helvetica,arial,sans-serif;
    font-weight: bold;
    margin: 5px 0;
}

#dashboard_plugin_gallery input.InputBox {
    display: block;
}

#dashboard_plugin_gallery .picGals h3 {
    margin-bottom: 20px;
    color: #666;
}

#dashboard_plugin_gallery .picGals .clr {
    clear: both;

}
/* Polaroid - Zurb Playground and plaund.co.uk */
#dashboard_plugin_gallery .pics {
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
}
#dashboard_plugin_gallery .pics img {   
    background: white;
    display: inline;
    float: left;
    margin: 0 15px 30px;
    padding: 10px 10px 25px;
    text-align: center;
    text-decoration: none;
    -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 4px 6px rgba(0,0,0,.3);
    box-shadow: 0 4px 6px rgba(0,0,0,.3);
    z-index:0;
    position:relative;
    max-width: 200px;
}
/*#dashboard_plugin_gallery .pics img:after { - needs caption support, let's ignore it
    color: #333;
    font-size: 20px;
    content: attr(alt);
    position: relative;
    bottom:15px;

}*/

#dashboard_plugin_gallery .pics:nth-child(2n) {
    -webkit-transform: rotate(4deg);  
    -moz-transform: rotate(4deg); 
    transform: rotate(4deg); 
}
#dashboard_plugin_gallery .pics:nth-child(3n) { 
    -webkit-transform: rotate(-8deg);  
    -moz-transform: rotate(-88deg); 
    transform: rotate(-8deg); 
}
#dashboard_plugin_gallery .pics img:nth-child(4n) {
    -webkit-transform: rotate(14deg);  
    -moz-transform: rotate(14deg); 
    transform: rotate(14deg); 
}
#dashboard_plugin_gallery .pics:nth-child(5n) {
    -webkit-transform: rotate(-18deg);  
    -moz-transform: rotate(-18deg); 
    transform: rotate(-18deg); 
}
#dashboard_plugin_gallery .pics:hover{
    -webkit-transform: rotate(0deg); 
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform: scale(1.2); 
    -moz-transform: scale(1.2);
    transform: scale(1.2);
    z-index:10;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .7);
    -moz-box-shadow: 0 10px 20px rgba(0,0,0,.7);
     box-shadow: 0 10px 20px rgba(0,0,0,.7);
}       
Tagged:
hgtonightvrijvlinder

Comments

Sign In or Register to comment.