From: Marek Stępniowski Date: Wed, 10 Sep 2008 12:42:17 +0000 (+0200) Subject: Used CSS3 properties to columnize content. X-Git-Url: https://git.mdrn.pl/wolnelektury.git/commitdiff_plain/63ddc9d98e6d626c91935ad7270c0a659c381ea3?ds=sidebyside;hp=5923c1d5a9adb03043d45cf47684825aaa1e6f93 Used CSS3 properties to columnize content. --- diff --git a/wolnelektury/media/css/master.css b/wolnelektury/media/css/master.css index 6615ee6c8..b86875aa0 100644 --- a/wolnelektury/media/css/master.css +++ b/wolnelektury/media/css/master.css @@ -170,6 +170,16 @@ em { /* ============= */ /* = Tags list = */ /* ============= */ +#main-page #tags-list { + margin-right: 29em; +} + +#main-page #themes-list ul, #main-page #categories-list ul { + -moz-column-width: 12em; + -webkit-column-width: 12em; + column-width: 12em; +} + #tags-list { margin-top: 1em; padding: 1em; @@ -198,23 +208,13 @@ em { #main-page #categories-list { float: left; - width: 50%; + width: 47.5%; } #main-page #themes-list { - margin-left: 50%; -} - - -.column { - padding-right: 1em; -} - -.last.column { - padding-right: 0; + margin-left: 52.5%; } - #books-list { width: 38em; float: left; @@ -438,6 +438,12 @@ em { /* ======================== */ /* = Alphabetic book list = */ /* ======================== */ +#book-a-list #book-list { + -moz-column-width: 24em; + -webkit-column-width: 24em; + column-width: 24em; +} + #book-a-list #book-list ol { padding: 0; margin: 0.3em 0 1.2em 0;