Wondering where I can find the "Alice in Wonderland" ePub used on the Sigil home page

[Jon Westcot]

Hi all:

Just wondering where I could find the ePub of "Alice in Wonderland" that is used in the images on the Sigil home page to illustrate how Sigil looks? I really like the way the chapter heading is formatted, but, without the CSS that goes with the HTML, I have no clue how this formatting legerdemain was accomplished.

I saw a mention of a "Library" forum that is reported to have a version of "Alice in Wonderland" but I don't know if this is the one used for the screen captures, nor can I find said forum.

Any help would be appreciated!

Thanks,

Jon

[kiwidude]

If you look a bit closer at the left side you can see the hint - it comes from Feedbooks.

[Jon Westcot]

Kiwidude:

Thanks. Took me a moment or three to figure out what you meant by "look a bit closer at the left side," but, when I did, I followed the rabbit hole to Feedbooks and their free version of the book. Appreciate your assistance.

[PeterT]

Said forum is https://www.mobileread.com/forums/forumdisplay.php?f=132

[theducks]

Originally Posted by Jon Westcot

Kiwidude:

Thanks. Took me a moment or three to figure out what you meant by "look a bit closer at the left side," but, when I did, I followed the rabbit hole to Feedbooks and their free version of the book. Appreciate your assistance.

The Chapter Number styling gave me the clue before I found that reference made by Kiwidude

The first time I saw the was a 'How the heck do they do that and still scale?:
Learning experience time (AKA 'Reverse engineering')
Enter Sigil an CV (and the stylesheet). Turns out to be very simple

It is all about Borders and Padding, which up until then were always Zero

[lrui]

here is the sample code：

<h2><span class="chapterHeader"><span class="t">chapter</span> <span class="count">1</span></span></h2>

css：

.chapterHeader {
height:60px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: black;
border-right-color: black;
border-bottom-color: black;
border-left-color: black;
display:block;
margin-bottom:20px;
background-color:#FFF;}
.t {
float:left;
font-weight: normal;
margin-top:38px;
margin-left: 0;
margin-bottom: 0px;
padding-right: 16px;
padding-left: 5px ;
padding-bottom: 0px;
padding-top: 0px;
font-size:26px;
background-color:#FFF;
font-family:"times new roman",sans-serif;}
.count {
line-height: 100%;
font-style:normal;
font-weight: normal;
text-transform:uppercase;
font-size:94px;
margin-right: 0;
margin-top:-14px;
margin-bottom: -20px;
float:left;
padding:0px;
background-color:#FFF;}

[Jellby]

Using "background-color" without a "color"? Not a good idea. What if I set my reader to "night mode" (white text on black background)?