Text Styles and Classes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus aliquet blandit rutrum. Vivamus felis velit, porta vitae dapibus quis, lacinia eget urna. Nam eget massa vel velit viverra pretium vel elementum purus. Suspendisse sagittis blandit mauris ac dapibus.

H1 Style Settings : strong : link…

H2 Style Settings : strong : link…

H3 style settings : strong : link…

H4 style settings : strong : link…

H5 style settings : strong : link…
H6 style settings : strong : link…

 

Ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.

Lists with style1 icons, lines and half layout

  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
  • Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
  • Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
  • Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
  • Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

Lists with style2 icons and lines

  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
  • Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
  • Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

Lists with style3 icons, lines and half layout

  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
  • Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
  • Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
  • Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
  • Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

Lists with style4 icons and without lines

  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
  • Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
  • Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

Lists with style5 icons, without lines and with half layout

  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
  • Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
  • Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
  • Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
  • Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

Lists with style6 icons and without lines

  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
  • Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi
  • Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat

OL styles

  1. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  2. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  3. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Table styles & classes:

Standard Table 1.col (thead » th) 2.col (thead » th)
First row of table (tbody » th) Standard value Standard link
Second row of table (tbody » th) Standard value Standard link
Third row of table (tbody » th) Standard value Standard link
Table class=style1 1.col (thead » th) 2.col (thead » th)
First row of table (tbody » th) Standard value Standard link
Second row of table (tbody » th) Standard value Standard link
Third row of table (tbody » th) Standard value Standard link

 

Common Classes you may need

.clearfix clearing of floated elements – use on superordinate element
.fl for floating left
.fr for floating right
.uppercase sets text-transform to uppercase style
.aligncenter sets elements to the center
.alignleft sets floating to left with right margin
.alignright sets floating to right with left margin
.cleanmargin sets margins to 0px
.cleanmargin-bottom sets bottom margin to 0px
.cleanpadding sets paddingss to 0px
.clean-line sets line-height to the default value
top