.foo
{
}

/*
add this, then add icons.custom.css after
*/
@media screen
{
    div[class~="gallery"] > div.header > ul.controls
    {
        display: none;
    }

    div[class~="gallery"] > div.overview
    {
        display: none;
    }

    div[class~="gallery"] > div.items > h3, div[class~="gallery"] > div.items div.screenshots > h5
    {
        display: none;
    }

    div[class~="gallery"] > div.items > ul > li
    {
        float: left;
        overflow: auto;
    }
    
    /* clear ul after all the floating li tags */
    div[class~="gallery"] > div.items > ul:after
    {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }
    div[class~="gallery"] > div.items > ul
    {
        display: inline-block;
    }
    html[xmlns] div[class~="gallery"] > div.items > ul
    {
        display: block;
    }
    * html div[class~="gallery"] > div.items > ul
    {
        height: 1%;
    }
    

}