CLL Help: CSS Title Page

[Robin Lee Powell]

Using the resources at

http://vrici.lojban.org/~rlpowell/media/public/prince/

(and the example PDFs to see what the current output looks like)
mock up a title page using CSS that doesn't look completely terrible,
please!

--
http://intelligence.org/ : Our last, best hope for a fantastic future.
.i ko na cpedu lo nu stidi vau loi jbopre .i dafsku lu na go'i li'u .e
lu go'i li'u .i ji'a go'i lu na'e go'i li'u .e lu go'i na'i li'u .e
lu no'e go'i li'u .e lu to'e go'i li'u .e lu lo mamta be do cu sofybakni li'u

[TR NS]

On Wednesday, September 17, 2014 12:11:04 PM UTC-4, Robin Powell wrote:

Using the resources at

http://vrici.lojban.org/~rlpowell/media/public/prince/

(and the example PDFs to see what the current output looks like)
mock up a title page using CSS that doesn't look completely terrible,
please!

You mean the title page of the book or of each chapter.

What's up with all the color too?

[Robin Lee Powell]

The very first page, but if you want to work on the other that's
fine too.

> What's up with all the color too?

Testing; shows me various types of elements based on their original
names in the quasi-docbook.

[TR NS]

On Wednesday, September 17, 2014 12:11:04 PM UTC-4, Robin Powell wrote:

Using the resources at

http://vrici.lojban.org/~rlpowell/media/public/prince/

(and the example PDFs to see what the current output looks like)
mock up a title page using CSS that doesn't look completely terrible,
please!

Well the relevant part of that mess of HTML is:

<div class="book"><div class="titlepage"><div><div><h1 class="title"><a id="idm251920712704"></a>The Complete Lojban Language</h1></div><div><div class="author"><h3 class="author"><span class="firstname">John</span> <span class="othername">Woldemar</span> <span class="surname">Cowan</span></h3></div></div></div><hr /></div>

 

So it's going to be something like:

    .book .titlepage div {

      width: 100%;

    }

    .book .titlepage .title {

      font-size: 52pt;

      text-align: center;

      width: 100%;

    }

    .book .titlepage .author {

      font-size: 16pt;

      text-align: center;

      width: 100%;

    }

That might not be exactly correct, as I haven't actually tested it. But it shouldn't be too far off.

[TR NS]

Oh, you'll need a page brake in there too.  Not sure, but that maybe something like:

    @media print {
      .book > .titlepage {page-break-after: always;}
    }

[Robin Lee Powell]

I tweaked it a bit:

http://vrici.lojban.org/~rlpowell/media/public/cll_coverage/cll_prince.pdf

I dunno that it's the epitome of modern style, but it'll certainly
do. :) Thanks.