| Author | Bevan |
|---|---|
| Created | May 25, 2010 |
| Updated | Jul 6, 2010 |
| Installs (this week) | 0 |
| Installs (total) | 226 |
This style will reformat AListApart.com article pages for wider screens, but only when the browser is wide enough, so the style has no effect when the browser viewport is less than 1570 pixels wide. Essentially it uses CSS3 multicolumn layout CSS to convert the content into;
* 2 columns when viewport width is >1570px
* 3 columns when viewport width is >2090px
This currently only works in recent versions of Firefox that support -moz-column-count (column-count in standard CSS3). It wouldn't take much to add support for webkit and other modern browsers that support CSS3 multicolumn layouts.
This work by Bevan Rudge http://Drupal.geek.nz is licensed under a Creative Commons Attribution-ShareAlike 3.0 Unported License http://creativecommons.org/licenses/by-sa/3.0/
Larger screenshots are on Flickr http://www.flickr.com/photos/bevanr/sets/72157624138410342/
* 2 columns when viewport width is >1570px
* 3 columns when viewport width is >2090px
This currently only works in recent versions of Firefox that support -moz-column-count (column-count in standard CSS3). It wouldn't take much to add support for webkit and other modern browsers that support CSS3 multicolumn layouts.
This work by Bevan Rudge http://Drupal.geek.nz is licensed under a Creative Commons Attribution-ShareAlike 3.0 Unported License http://creativecommons.org/licenses/by-sa/3.0/
Larger screenshots are on Flickr http://www.flickr.com/photos/bevanr/sets/72157624138410342/
More Info
Feedback
Discussions
No discussions posted yet. Be the first to ask a question or review this style.
