About
Collapse all
Expand all
Examples
CSS
HTML
Preview
<div class="selfCSS" style="background-image:url(./summer.jpg);"></div>

### Down the Rabbit-Hole

Alice was beginning to get very tired of sitting by her sister on the bank, and of having nothing to do: once or twice she had peeped into the book her sister was reading, but it had no pictures or conversations in it, “and what is the use of a book,” thought Alice “without pictures or conversations?” (This is a guide text for the heading. The styles apply only to the heading.)

Alice was beginning to get very tired of sitting by her sister on the bank, and of having nothing to do: once or twice she had peeped into the book her sister was reading, but it had no pictures or conversations in it, “and what is the use of a book,” thought Alice “without pictures or conversations?”

So she was considering in her own mind (as well as she could, for the hot day made her feel very sleepy and stupid), whether the pleasure of making a daisy-chain would be worth the trouble of getting up and picking the daisies, when suddenly a White Rabbit with pink eyes ran close by her.

There was nothing so very remarkable in that; nor did Alice think it so very much out of the way to hear the Rabbit say to itself, “Oh dear! Oh dear! I shall be late!” (when she thought it over afterwards, it occurred to her that she ought to have wondered at this, but at the time it all seemed quite natural); but when the Rabbit actually took a watch out of its waistcoat-pocket, and looked at it, and then hurried on, Alice started to her feet, for it flashed across her mind that she had never before seen a rabbit with either a waistcoat-pocket, or a watch to take out of it, and burning with curiosity, she ran across the field after it, and fortunately was just in time to see it pop down a large rabbit-hole under the hedge.

Alice was beginning to get very tired of sitting by her sister on the bank, and of having nothing to do: once or twice she had peeped into the book her sister was reading, but it had no pictures or conversations in it, “and what is the use of a book,” thought Alice “without pictures or conversations?”

So she was considering in her own mind (as well as she could, for the hot day made her feel very sleepy and stupid), whether the pleasure of making a daisy-chain would be worth the trouble of getting up and picking the daisies, when suddenly a White Rabbit with pink eyes ran close by her.

There was nothing so very remarkable in that; nor did Alice think it so very much out of the way to hear the Rabbit say to itself, “Oh dear! Oh dear! I shall be late!” (when she thought it over afterwards, it occurred to her that she ought to have wondered at this, but at the time it all seemed quite natural); but when the Rabbit actually took a watch out of its waistcoat-pocket, and looked at it, and then hurried on, Alice started to her feet, for it flashed across her mind that she had never before seen a rabbit with either a waistcoat-pocket, or a watch to take out of it, and burning with curiosity, she ran across the field after it, and fortunately was just in time to see it pop down a large rabbit-hole under the hedge.

(This is a guide text for the subscript. The styles apply only to the subscript.)

### Down the
Rabbit-Hole

Alice was beginning to get very tired of sitting by her sister on the bank, and of having nothing to do: once or twice she had peeped into the book her sister was reading, but it had no pictures or conversations in it, “and what is the use of a book,” thought Alice “without pictures or conversations?”

So she was considering in her own mind (as well as she could, for the hot day made her feel very sleepy and stupid), whether the pleasure of making a daisy-chain would be worth the trouble of getting up and picking the daisies, when suddenly a White Rabbit with pink eyes ran close by her.

(This is a guide text for the subscript. The styles apply only to the underline.)

Alice was beginning to get very tired of sitting by her sister on the bank, and of having nothing to do: once or twice she had peeped into the book her sister was reading, but it had no pictures or conversations in it, “and what is the use of a book,” thought Alice “without pictures or conversations?”

So she was considering in her own mind (as well as she could, for the hot day made her feel very sleepy and stupid), whether the pleasure of making a daisy-chain would be worth the trouble of getting up and picking the daisies, when suddenly a White Rabbit with pink eyes ran close by her.

There was nothing so very remarkable in that; nor did Alice think it so very much out of the way to hear the Rabbit say to itself, “Oh dear! Oh dear! I shall be late!” (when she thought it over afterwards, it occurred to her that she ought to have wondered at this, but at the time it all seemed quite natural); but when the Rabbit actually took a watch out of its waistcoat-pocket, and looked at it, and then hurried on, Alice started to her feet, for it flashed across her mind that she had never before seen a rabbit with either a waistcoat-pocket, or a watch to take out of it, and burning with curiosity, she ran across the field after it, and fortunately was just in time to see it pop down a large rabbit-hole under the hedge.

If you want to apply image style, add .selfCSS img { width: 100%; } to the style sheet. You should change the class name (.selfCSS) before you use it.

Alice was beginning to get very tired of sitting by her sister on the bank, and of having nothing to do: once or twice she had peeped into the book her sister was reading, but it had no pictures or conversations in it, “and what is the use of a book,” thought Alice “without pictures or conversations?”

Text box for providing additional information such as tips and clarifications.

So she was considering in her own mind (as well as she could, for the hot day made her feel very sleepy and stupid), whether the pleasure of making a daisy-chain would be worth the trouble of getting up and picking the daisies, when suddenly a White Rabbit with pink eyes ran close by her.

There was nothing so very remarkable in that; nor did Alice think it so very much out of the way to hear the Rabbit say to itself, “Oh dear! Oh dear! I shall be late!” (when she thought it over afterwards, it occurred to her that she ought to have wondered at this, but at the time it all seemed quite natural); but when the Rabbit actually took a watch out of its waistcoat-pocket, and looked at it, and then hurried on, Alice started to her feet, for it flashed across her mind that she had never before seen a rabbit with either a waistcoat-pocket, or a watch to take out of it, and burning with curiosity, she ran across the field after it, and fortunately was just in time to see it pop down a large rabbit-hole under the hedge.

● Guide for selfCSS for Sigil

1. Press [Examples] to select an item to edit among title, body, subscript, image, and text box.

2. Edit the style by adding desired properties from the left style item.

3. After editing the style, press the [CSS] button and copy the style sheet.

4. After exiting the plugin, add the copied stylesheet to EPUB's CSS file.

5. Modify the class name (.selfCSS) and apply the styles to the content.

* This plugin is created/distributed by EPUBGUIDE.NET and www.mobileread.com sigil forums at my own discretion.

* I have used the source code from selfCSS (http://selfcss.org/) and adhere to its licensing policies.

* I have used the source code from ReadiumReader Official Plugins and adhere to its licensing policies.

Edit CSS
Show CSS

Background: |

# loading .

# about selfCSS

이 플러그인은 selfCSS를 전자책(EPUB) 스타일 편집을 위해 Sigil에서 사용할 수 있도록 내맘대로의 EPUBGUIDE.NET에서 제작하였습니다.
selfCSS is a WYSIWYG CSS Editor. Feel free to contact me via eMail or on Twitter. This software will be continually developed. Suggestions and tips are always welcome.
selfCSS works on desktop Browsers just as well as on Tablets (like the iPad). It has automatically detected and loaded the of selfCSS.
Other good resources for Web Devs are: CSS3generator, HTML5please, SubtlePatterns, CSS3please, Colorzilla Gradient Editor, css3.me, border-radius, BaF Button Editor and BaF Forms Editor.
This Software uses the following open-source codes:
Style and look of webgl-filter provided under the terms of MIT license by Evan Wallace.
Input Range Polyfill fd-slider provided under the terms of MIT license by Brian McAllister.
Add to Home Screen provided under the terms of MIT license by Matteo Spinelli.
The rest of this code is provided under the terms of MIT license by me (Simon Waldherr).
More Information about the license on Wikipedia: en.wikipedia.org/wiki/MIT_License
Close

# Edit Items

Heading
Body Text
Subscript
Underline
Image
Text Box
How to
Close

# Impressum

Angaben gemäß § 5 TMG:

## Kontakt:

Name: | Simon Waldherr
| Straße: | Kloepfstrasse 2 | Wohnort: | 94522 Ettling | Telefon: | 0049 151 11309488
Telefax: | 0049 32 224178618
E-Mail: | contact@selfcss.org

Close
selfCSS does not work on Smartphones, please try it on the iPad or on a PC