Additional styles
Default style sheet
This page uses the 'Wider Post' template 1024 pixels wide. Shrinks for mobiles. The 'Default Post' width is 700 pixels.
White box with drop shadow. Inside width 640px or 964px depending on template used.
<div class="bg">
White box with drop shadow.
</div>
Suspendisse quis tortor ac urna commodo eleifend ut quis neque. Aliquam ligula magna, maximus id mauris sit amet, tempor porttitor lorem. In ultrices urna non justo tempor fermentum. Nunc ullamcorper sodales neque, vitae mattis diam rhoncus vulputate. Duis id velit at nisl sollicitudin suscipit. In venenatis viverra interdum.
Suspendisse quis tortor ac urna commodo eleifend ut quis neque. Aliquam ligula magna, maximus id mauris sit amet, tempor porttitor lorem. In ultrices urna non justo tempor fermentum. Nunc ullamcorper sodales neque, vitae mattis diam rhoncus vulputate. Duis id velit at nisl sollicitudin suscipit. In venenatis viverra interdum.
Suspendisse quis tortor ac urna commodo eleifend ut quis neque. Aliquam ligula magna, maximus id mauris sit amet, tempor porttitor lorem. In ultrices urna non justo tempor fermentum. Nunc ullamcorper sodales neque, vitae mattis diam rhoncus vulputate. Duis id velit at nisl sollicitudin suscipit. In venenatis viverra interdum.
Suspendisse quis tortor ac urna commodo eleifend ut quis neque. Aliquam ligula magna, maximus id mauris sit amet, tempor porttitor lorem. In ultrices urna non justo tempor fermentum. Nunc ullamcorper sodales neque, vitae mattis diam rhoncus vulputate. Duis id velit at nisl sollicitudin suscipit. In venenatis viverra interdum.
The boxes above use <div class="bgred">, <div class="bggreen">, <div class="bgpurple"> and <div class="bgdark">.
Suspendisse quis tortor ac urna
commodo eleifend ut quis neque.
Aliquam ligula magna, maximus
id mauris sit amet, tempor
porttitor lorem. In ultrices urna
non justo tempor fermentum.
Nunc ullamcorper sodales
neque, vitae mattis diam
rhoncus vulputate. Duis id velit
at nisl sollicitudin suscipit.
In venenatis viverra interdum.
The box above uses <div class="bgred fit">. The classname "fit" means the width fits the content, so if the content is narrow, the box will be narrow. This particular box was narrowed by using <br> line breaks to shorten the lines. The box will be as wide as the longest line without a line break.
The green box below has a line break after each word (<br> won't show).
One<br>
more<br>
example.
Example of:
600 pixel wide text on desktop computers and laptops with wider screens. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<div class="w600">
class="w600" narrows the column to 600 pixels, or use class="w480" for 480 pixels, class="w540" for 540 pixels, class="w640" for 640 pixels or "w700" for 700 pixels.
</div>
Statement
And at once, I knew I was not magnificent, high above the highway aisle.
<p class="statement">text</p>
<span>HEX colours</span>
<span>text colour #999</span>
<span class="red">text colour #dc143c</span>
<span class="blue">text colour #3399ff</span>
<span class="orange">text colour #e18d08</span>
<span class="purple">text colour #786abe</span>
<span class="green">text colour #37ae50</span>
<span class="greeny">text colour #649300</span>
<span class="grey">text colour #757575</span>
Horizontal line (as above):
<hr> <hr class="section"> (shorter double horizontal line, as below)
<p class="centred">centres text (like this) when applied to headings and <p>.</p>
Category: Theme Features
