HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

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);
    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;


#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);
    -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);

There was an error rendering this rich post.



Sign In or Register to comment.