HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.
Modified gallery.css
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
❌ ✊ ♥. ¸. ••. ¸♥¸. ••. ¸♥ ✊ ❌