Stili tipografici

Questa pagina presenta gli stili tipografici presenti nel template Gummy, pronti per essere usati e dare al vostro sito uno stile personalizzato.

Dropcaps

Questo è un esempio di testo con classe="Dropcap". La prima lettera è molto più grande delle altre e di un carattere diverso dal resto del testo della pagina.

Highlight

Questo è un esempio di testo con classe="highlight", cioè testo in evidenza

Pre, code

Questo è un esempio di testo con classe pre o code:

pre, .code {
    background: url(../images/system/line-number.gif) no-repeat left top #f7f7f9;
    border: 1px solid #ddd;
    border-radius: 3px;
    font: 1em/1.5 Monaco, Consolas, "Courier News", monospace !important;
    padding: 10px 15px 10px 50px !important;
    line-height: 22px !important;
}

Tip

messaggio di errore

messaggio di avvertimento

consiglio

checked

feed

Facebook

Twitter

Windows

Questo è un testo con una finestra di riquadro

Testo con finestra di conferma

Testo con finestra di avvertimento

Testo con finestra di informazione

Testo con finestra di download

Testo con finestra di sistema

Finestra con bordo dotted

Finestra con bordo dashed

Details

Questo è un esempio di details creato con la classe details

Questo è un esempio di details creato con la classe details-brown

Questo è un esempio di details creato con la classe details-green

Questo è un esempio di details creato con la classe details-red

Questo è un esempio di details creato con la classe details-teal

Questo è un esempio di details creato con la classe details-purple

Questo è un esempio di details creato con la classe details-ground

Questo è un esempio di details creato con la classe details-violet

Legend

Rounded css button

css button

css button

css button

Square css button

css button

css button

css button

Tooltip

tip-bottom

tip-top

tip-left

tip-right