Sometimes, especially in WSN Gallery, you may want to overlay text on top of an image. Today while working on a custom theme I applied this simple CSS to overlay the image titles over the top of the image thumbnails (in category and search results) and the tool links over the bottom of the thumbnails:
.gallerylink .linkbitinfo .linktitle, .gallerylink .linktools { text-shadow: -1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF; }
.gallerylink .linkbitinfo { position: relative; top: 25px; }
.gallerylink .linktools { position: relative; top: -45px; }
The text-shadow line puts a white outline around the dark text so that it'll be readable on any color of image. The other lines move the title down and the tools up, respectively, using relative positioning CSS.