Deep Blue CSS Guide

How to enable
To enable this CSS you need to copy paste the contents of deepblue.css into dA’s CSS textarea.


Document structure
You can structure your documents with the following elements.
  1. Link bars
  2. Blocks
  3. Headers


Link bars
To use a link bar insert the following code.

           <div class="LinkBar"><a href="http://thewinator.deviantart.com/">A link</a><a href="http://thewinator.deviantart.com/">Another link</a></div>

It is recommended to use a link bar at the very top of your journal and not to use spaces in between the elements.

Note: when using the preview button the window is automatically sized to the minimum resolution you should take in account.
           <If your link bar is over flowing you should make your links smaller.


Blocks
Blocks can by inserting the following code.

           <div class="Block">Your content goes here</div>


Headers
Inside a block you can add headers by inserting the following code.

           <div class="Block"><div class="HeaderLeft">My header</div>
           Your content goes here</div>

There are 3 kinds of headers:


To use these different types you need to change the class values like so.
           …<div class="HeaderLeft">…
           …<div class="HeaderCenter">…
           …<div class="HeaderRight">…


Text centering
To center the text inside a block you can add the Center keyword like so.

           <div class="Block Center"><div class="HeaderLeft">My header</div>
           Your centered content goes here</div>


Credits
When using this journal CSS please add the following credit notice to the bottom of every journal (which can be done best using dA’s footer textarea).

           <div class="Footer">Journal design by :devThewinator:<br />Shell stocks by :devhuomennastock:, :devchop-stock: and :devhatestock:</div>

Thank you.
If you have any further questions feel free to note me, frequently asked questions will be added to the deviation’s artist comments.

=Thewinator