[FM Discuss] [Fwd: Re: css help]

[James Simmons]

The CSS tricks shown by Mushon don't seem to work at all with FLOSS
Manuals in Twiki,  I get the impression they are only good for Booki.

James Simmons


On Sat, Aug 28, 2010 at 4:38 PM, adam hyde <adam at flossmanuals.net> wrote:
> -------- Forwarded Message --------
> From: Mushon Zer-Aviv <mushon at shual.com>
> To: adam at flossmanuals.net
> Subject: Re: css help
> Date: Sat, 28 Aug 2010 16:44:27 -0400
>
> My response:
>
> Re: fonts
> True, the CSS is dependent on the "Palatino Linotype" & " Gentium Book
> Basic" fonts, but both of these are currently available on Objavi, so
> there was no problem there.
>
> Re: page-breaks
> I had a similar concern with page breaks and as I was working on the
> book with two different sizes I implemented two different print-hack css
> files as you might have noticed on collaborative-futures.org:
>        /* Main CSS File: */
>        @import url("http://collaborative-futures.org/material/styles.css");
>
>        /* Uncomment based on the book size you export: */
>
>        /* A5 */
>        /* @import url("http://collaborative-futures.org/material/size/a5-hacks.css"); */
>
>        /* 5.5"x8.5" */
>        /* @import url("http://collaborative-futures.org/material/size/5.5x8.5-hacks.css");*/
> The idea is that you can refer to the size-specific css you want based
> on what size you're printing in.
> Check the css files themselves to see how I did the hacks, I have all of
> them commented. Here are is an example:
>
>        /* push these ones (mainly headings) to the next page: */
>        #chapter-3 > h2:nth-of-type(1),
>        #chapter-3 > h2:nth-of-type(2),
>        #chapter-3 > h2:nth-of-type(3),
>        #chapter-3 > h2:nth-of-type(6),
>
>        #chapter-6 > h2:nth-of-type(5),
>
>        #chapter-9 > h2:nth-of-type(1),
>        #chapter-9 > h2:nth-of-type(4),
>
>        #chapter-13 > h2:nth-of-type(2),
>
>        #chapter-16 > h2:nth-of-type(2),
>
>        #chapter-19 > h2:nth-of-type(2),
>        #chapter-23 > h3:nth-of-type(2),
>
>        #chapter-25 > h2:nth-of-type(2),
>        #chapter-25 > h2:nth-of-type(5),
>        #chapter-26 > div:nth-of-type(1),
>        #chapter-32 > h2:nth-of-type(3),
>
>        #chapter-36 > h2:nth-of-type(2),
>
>        #chapter-45 > h2:nth-of-type(5)
>        {
>          page-break-before: always;
>
>          /* check if/where this is working by uncommenting this*/
>          /* background: #eee; */
>        }
>
>        /* Break long paragraphs between pages here: */
>        #chapter-3 > p:nth-last-of-type(2),
>        #chapter-14 > p,
>        #chapter-19 > p,
>        #chapter-23 > p,
>        #chapter-26 > p:nth-of-type(4),
>        #chapter-31 > p:nth-last-of-type(6),
>        #chapter-37 > p,
>        #chapter-38 > ul,
>        #chapter-39 > p:nth-last-of-type(2){
>          page-break-inside: auto;
>
>          /* check if/where this is working by uncommenting this*/
>          /* background: #fee; */
>        }
>
>        /* Don't break the glossary divs on these ones: */
>        #chapter-3 div.glossary,
>        #chapter-34 div,
>        #chapter-46 div:nth-last-of-type(1){
>          page-break-inside: avoid;
>        }
>
>        /* Ugly cheat to solve an empty page bug: */
>        #chapter-21 > p{
>          line-height: 1.35em;
>        }
> Most of these issues will be automated once the rendering engine we're
> using implements the page-break-after: avoid; rule.
> Until then my solution is tedious but still the least tedious I could
> think of.
> (we actually implemented chapter IDs especially to make sure this hack
> is doable)
>
> I will write a more detailed post about it for the Booki blog in the
> next few weeks.
>
> cheers and good luck!
> Mushon Zer-Aviv
> ע Shual.com - design studio
> §  ShiftSpace.org - an opensource layer above any website
> ¶  Mushon.com - blog
> × @mushon - Tweet me
> + 1-646-283-6057
>
>
>
> On 8/28/10 1:54 AM, adam hyde wrote:
>> hey
>>
>> there are some people walking the same path as you as can be seen here:
>> http://lists.flossmanuals.net/pipermail/discuss-flossmanuals.net/2010-August/004228.html
>>
>> http://lists.flossmanuals.net/pipermail/discuss-flossmanuals.net/2010-August/004230.html
>>
>>
>> i was wondering if u had a moment to subscribe or send me an email and i
>> can fwd with some tips of formatting the book with css esp with regard
>> to paragraph breaks
>>
>> adam
>>
>>
>>
>
> --
> Adam Hyde
> Founder FLOSS Manuals &
> Booki Project Manager
>
> Contact Information
> German mobile : + 49 177 4935122
> Email : adam at flossmanuals.net
> irc : irc.freenode.net #flossmanuals
>
>
> "Free manuals for free software"
> http://www.flossmanuals.net/about
>
> Free Software for making Free Books
> http://www.booki.cc/
>
> _______________________________________________
> Discuss mailing list
> Discuss at lists.flossmanuals.net
> http://lists.flossmanuals.net/listinfo.cgi/discuss-flossmanuals.net
>