Colors

Main

Primary

  • Brand
  • Links

Secondary

  • Active
  • Focus

Gradient

  • Backgrounds

Dark

  • Backgrounds
  • Backgrounds
  • Headlines
  • Labels
  • Body text
  • Light text
  • Lighter text

Light

  • Backgrounds
  • Disabled
  • Hover BG
  • Line
  • Border

Alert

  • Success
  • Error
  • Warning
  • Info

Headings

  • The quick brown fox jumps over the lazy dog

    h1
  • The quick brown fox jumps over the lazy dog

    h2
  • The quick brown fox jumps over the lazy dog

    h3
  • The quick brown fox jumps over the lazy dog

    h4

Paragraphs

  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

    Text
  • Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

    Text light

Others

  • Label
  • Lorem ipsum dolor sit amet, consetetur sadipscing.
    Small

Inputs

http://
Choose file or drop files here

Selects

Checkboxes

Radios

Switches

Textarea

Normal

Submit

Horizontal

Normal

Name Description
.fl-left Floating the element to the left.
.fl-right Floating the element to the right.
.clear Easily clear floats by adding .clear to the parent element.

All classes

Name Description
.fl-left Floating the element to the left.
.fl-right Floating the element to the right.
.clear Easily clear floats by adding .clear to the parent element.

Shadows

Small
Normal
Large

Alerts

Here is a success message for you!
Here is an error message for you!
Here is a warning message for you!
Here is an info message for you!
Here is a light success message for you!
Here is an light error message for you!
Here is a light warning message for you!
Here is an light info message for you!

Pagination

Helper

.wrap-lines Text


alarm

alt

android

apple

appstore

arrow_1

arrow_2

arrow_down

arrow_horizontal

arrow_left

arrow_right

arrow_up

arrow_vertical

arrows

arrows_horizontal

arrows_vertical

bar_chart_1

bar_chart_2

bar_chart_3

bar_graph

basket

basket_add

basket_delete

basket_ok

basket_remove

battery_1_3

battery_2_3

battery_empty

battery_full

behance

bell

bin

block

bluetooth

book

book_1

book_2

bookmark

brightness_high

brightness_low

browser

browser_add

browser_delete

browser_layout_1

browser_layout_2

browser_layout_3

browser_ok

browser_remove

bullseye

calendar

calendar_add

calendar_ok

camera

cassette

chart

chart_1_2

chart_1_4

chart_1_8

chart_3_4

chart_3_8

chart_5_8

chart_7_8

circle

circle_delete

circle_down

circle_fast_forward

circle_left

circle_minus

circle_ok

circle_pause

circle_play

circle_plus

circle_rewind

circle_right

circle_skip_next

circle_skip_prev

circle_stop

circle_up

clip

close

cloud

cloud_download

cloud_fail

cloud_ok

cloud_upload

code

cog

columns

command

compass

copy_1

copy_2

credit_card

crop

diskette

doc

doc_add

doc_delete

doc_download

doc_ok

doc_remove

doc_upload

docs

download

dribbble

drop

dropbox

eject

equalizer

facebook_1

facebook_2

fast_forward

first_aid

folder

folder_add

folder_delete

folder_ok

folder_remove

followers

following

font_size_down

font_size_up

forrst

foursquare

frame

github

globe

google_plus

graph_fall

graph_rise

grid_1

grid_2

hashtag

heart

home

imac

image

inbox

inbox_in

inbox_out

instagram

ipad

iphone

layers

line_graph

line_graph_square

link

linkedin

list

list_2

loading

location

lock

login

logout

macbook

mail

mail_incoming

mail_outgoing

map

map_add

map_delete

map_ok

map_remove

microphone

microphone_off

microsoft

minus

monitor_add

monitor_delete

monitor_download

monitor_ok

monitor_remove

monitor_upload

more

more_2

moustache

music

notepad

notepad_add

notepad_delete

notepad_ok

notepad_remove

pause

paypal

pen_1

pen_2

pen_3

picture

pie_chart

pill

pin_1

pin_2

pin_zoom_in

pin_zoom_out

pinterest_1

pinterest_2

play

plug

plus

polaroid

polaroids

power

presentation

printer

progress

record

repeat

repeat_1

repeat_2

resize_1

resize_2

resize_3

resize_4

resize_5

resize_6

rewind

rss

screen_expand_1

screen_expand_2

screen_expand_3

search

search_add

search_remove

share

share_2

shop

shopping_add

shopping_bag

shopping_cart

shopping_delete

shopping_ok

shopping_remove

shuffle

skip_next

skip_previous

skype

slideshow

speech_1

speech_2

speech_3

speech_4

speechbubble_1

speechbubble_2

speechbubbles

spotify

square

square_add

square_dashed

square_delete

square_down

square_left

square_ok

square_remove

square_right

square_up

star

stop

suitcase

tag

tags

target

terminal

text_center

text_justify

text_left

text_right

tick

time

timer

tumblr

twitter

unlock

upload

user

user_add

user_circle

user_delete

user_ok

user_remove

user_square

users

view

view_off

vimeo

voicemail

volume_1

volume_2

volume_3

volume_down

volume_mute

volume_off

volume_up

warning

wifi_1

wifi_2

wifi_3

windows

youtube

zoom_in

zoom_out