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.
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); }
There was an error rendering this rich post.
Tagged:
2
Comments
That's great Tama, that's what the css is for, so people can edit as they like
So , I take it it works for you ? The plugin I mean ... Is your install in the root or in a subdirectory ?
How about a screenshot ? curious to see it
❌ ✊ ♥. ¸. ••. ¸♥¸. ••. ¸♥ ✊ ❌