Dreamwidth style system discussion

UPDATE: better way of doing this in the comments!

Hello all!

I do pretty things to my paragraphs, so I hand-code up my HTML in the editor rather than using rich text, putting P tags round my paragraphs. However, DW will still automatically add BR tags between them - making the gaps between my paragraphs HUGE and unsightly

The fix for this sets the height of BR as nothing - making the reading experience far more sightly. Put it in your Customise CSS section.

.entry-content br {
   display: block;
   margin: 0 0;
}

I made a little open-and-shut book for journal cuts - the book opens on hover, stays open when the cut is open, then closes on hover and if you click it and the cut is closed it's shut. The cut text and icon are both centered. Like this!

Based on code bytropicsbear  here, updated from the original here byrise

You can download my book icons here - they're based on the open source twitter emoji [Closed Book / Open Book]. Please don't hotlink - download then re-upload to your own image hosting. What other before-and-after emoki could you use?

They are not pictures - they are in .svg format, a set of code instructions for displaying images. You can edit them in a dedicated svg editor, or in any program which edits text files (!). Use a .svg editor if you want to add symbols or change the design - or make your own pixel art - but if you just want to change the colour of the book, it's easy. Open the .svg source code in a text editor, then use find&replace to swap the color hex codes for the colours you want. Currently, the dark brown is #C1694F and the light brown is #D99E82.

Code under the cut!