Grace Wins. Truth is Relevant. Church is FUN!

Info Center Style Guide

Here are the default styles used across staff.liquidchurch.com

This was created and is maintained to serve as a central and authoritative descriptions of the styling that should be utilized on the site and includes directions on how to implement various styles.


Text

Light Blue

<p class="light_blue">Light Blue</p>

Dark Blue

<p class="dark_blue">Dark Blue</p>

Paragraph Text – 20 px

<p>Paragraph Text - 20 px</p>

Quote


Block Quote

<blockquote>Blockquote line 1<br>Blockquote line 2<br>Blockquote line 3<cite>Somebody famous</cite></blockquote>

Which brought them back again to the beginning of the conversation.
Alice felt a little irritated at the Caterpillar’s making such VERY short remarks, and she drew herself up and said, very gravely, ‘I think, you ought to tell me who YOU are, first.’
‘Why?’ said the Caterpillar.Somebody famous


Address Layout

Liquid Church
299 Webro Road
Parsippany
NJ
07054

<address>Liquid Church
299 Webro Road
Parsippany
NJ
07054</address>

sample – login: Apr 12 09:10:17

<samp>sample - login: Apr 12 09:10:17</samp>

Basic Link

<p><a href="https://staff.liquidchurch.com/">Basic Link</a></p>

mailto example

<a href="mailto:someone@liquidchurch.com?Subject=Hello%20again" target="_top">mailto example</a>

H1 – 40px

<h1>H1 - 40px</h1>

H2 – 36px

H3 – 30px

H4 – 25px

H5 – 20px
H6 – 14px
Liquid Church © 2017 | All Rights Reserved.