/*! * overrides.css * * Loaded AFTER site.css. Supplies the layout that the original template's * JavaScript used to apply with inline styles, plus styling for the small * vanilla widgets in assets/js/site.js. * * Nothing here restyles the site for its own sake -- every block replaces * something that script used to do at runtime. */ /* ==================================================================== * * c. Grid galleries * * site.css lays these out with floats and a zero-height padding box: * .ak-gallery-block-grid .slide { float: left; width: 25% } * .ak-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor { * padding-bottom: 100%; width: 100%; height: 0; display: block } * .ak-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor img { * display: inline-block } * The anchor collapses to height:0 and the img was absolutely positioned and * sized by script, so with no script the images spill out of their boxes and * overlap. The per-row width rules and the gutter rules in each page's inline *