woktiny

Thanks to yashachan I can now customize my journals with CSS.

First, I made a journal that did something aweful to every element I could touch, just so I could see the damage.

Now, for my second feat, I will change the journal icon, while making a HHGG reference.

Cheers.

This will be my test journal...

.journalbox { margin:5px; padding:5px; border:5px solid red; }

.journaltop { margin:10px; padding:5px; border:5px solid blue; height:100px; background-image: url("comic.woktiny.net/images/IMG_4…");}
.journaltop { font-size:0; }
.journaltop h2{ font-size:20pt; }
.journaltop h2 img { border: 5px solid white; }
.journaltop span { font-size:10pt; }

.journaltext { margin:10px; padding:5px; border: 5px solid green; }

.journalbottom { margin:10px; padding:12px; border: 5px solid yellow; height:100px;  background-image: url("comic.woktiny.net/images/IMG_4…");}
.journalbottom .commentslink { text-decoration: underline; font-weight: bold; }
.journalbottom .commentslink:hover { text-decoration: none;}
.journalbottom .prevlink { text-decoration: none; font-style: italic}
.journalbottom .prevlink:hover { text-decoration: underline;}

.list { margin:10px; padding:2px; border: 5px solid purple; }
.list li { background-color:white; }
.list li strong { font:normal 12pt serif; }
.list li.a { background-color:#ddf; }
.list li.a strong { color:red; }
.list li img{ height:30px; }