Style Guide

H1

Default Header 1 (H1 tag)

H2

Default Header 2 (H2 tag)

H3

Default Header 3 (H3 tag)

H4

Default Header 4 (H4 tag)

H5

Default Header 5 (H5 tag)

H6

Default Header 6 (H6 tag)

Class name: redi | Element: UL

  • Item 1
  • Item 2

Class name: redi | Element: LI

  • Item 1
  • Item 2

Class name: red-arrow | Element: UL

  • Item 1
  • Item 2

Class name: red-arrow | Element: LI

  • Item 1
  • Item 2

Class name: blue-arrow | Element: UL

  • Item 1
  • Item 2

Class name: blue-arrow | Element: LI

  • Item 1
  • Item 2

Class name: blue-box | Element: DIV

A Blue BOX

Class name: padding-2, padding-5, padding-10 | Element: DIV

A Blue BOX with padding-10

Class name: margin-2, margin-5, margin-10 | Element: DIV

A Blue BOX with margin-10 and padding-5

Class name: ref-list nobullet | Element: UI

Used inside “ui-tabs” for creating a list citations (as used in most read articles).

  • CELL BIOLOGY | 19 July 2011
    Deacetylation of Akt and its activating kinase PDK1 promotes cell growth

Class name: inner border | Element: DIV

inner border DIV inside a Blue BOX div. Both using padding-5 class.

Class name: red section-heading | Element: H2

H2 element with class "red section-heading".

Class name: blue section-heading | Element: H2

H2 element with class "blue section-heading".

Class name: red pane-title | Element: H2

Header H2 with class "red pane-title".

Class name: data table | Element: TABLE

Header 1 Header TH 2
Table data 1 Table data 2

Class name: float-me-left | Element: Not restricted (preferred for block DIV)

IMG tag with class "float-me-left":-

Class name: float-me-right | Element: Not restricted (preferred for block DIV)

IMG tag with class "float-me-right":-

Class name: row-bold | Element: DIV

element using class:- "row-bold"

Class name: row-bolder | Element: DIV

element using class:- "row-bolder"

Class name: row-italics | Element: DIV

element using class:- "row-italics"