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

adam adam at xs4all.nl
Mon Aug 30 08:15:04 PDT 2010


On Mon, 2010-08-30 at 08:57 -0500, James Simmons wrote:
> 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.
> 


correct


> 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
> >
> _______________________________________________
> Discuss mailing list
> Discuss at lists.flossmanuals.net
> http://lists.flossmanuals.net/listinfo.cgi/discuss-flossmanuals.net
> 





More information about the Discuss mailing list