Typography

Messages Box

.message

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

div.message

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

.message-info

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

.message-success

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

.message-error

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

.message-warning

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

.message-source

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

.message-api

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

.message-date

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

.message-keyword

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

.message-location

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Code Blocks

pre > code

//#include <windows.h>
#include <iostream>
#include <GL/glut.h>
/* process menu option 'op' */
void menu(int op) {
  switch(op) {
  case 'Q':
  case 'q':
    exit(0);
  }
}

pre > code(data-code=' HTML')

<html>
 <head></head>
 <body>
   <header></header>
   <main>
     <article></article>
   </main>
   <aside></aside>
   <footer></footer>
 </body>
</html>

pre > code(data-code=' Jade')

.progress
  #progress-test(data-value='0')
.progress
  div(data-value='40')
.progress
  div(data-value='70')
.progress
  div(data-value='100')
.progress
  div(data-value='30')
button.button#progress-start Start demo

pre > code(data-code=' CSS')

.headband {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
  margin: 0;
  width: 15rem;
  height: 15rem;
  overflow: hidden;
}

pre > code(data-code=' Stylus')

cube
  position relative
  display block
  top ((100vmin - $m) / 2)
  margin 0 auto
  width $m
  height $m
  transform-style preserve-3d
  transform rotate3d(1, 1, 1, 45deg)
  animation anim-rotate3d $frame linear infinite

pre > code(data-code=' JavaScript')

function addPrintStyles() {
    var ss = document.createElement('link');
    ss.type = 'text/css';
    ss.rel = 'stylesheet';
    ss.href = 'print.css';
    ss.media = 'print';
    ss.id = 'print';
    document.getElementsByTagName('head')[0].appendChild(ss);
}

Lists

ul

  • Artichauts
  • Carottes
  • Concombres
  • Poireaux
  • Choux
    • Composition
    • Saveur
    • Taille
    • Couleurs
      • Cyan
      • Magenta
      • Jaune
      • Noir

ul.list

  • Artichauts
  • Carottes
  • Concombres
  • Poireaux
  • Choux
    • Composition
    • Saveur
    • Taille
    • Couleurs
      • Cyan
      • Magenta
      • Jaune
      • Noir

div.list

Artichauts
Carottes
Concombres
Poireaux
Choux
Composition
Saveur
Taille
Couleurs
Cyan
Magenta
Jaune
Noir

ul.list-stripe

  •   Artichauts
  •   Carottes
  •   Concombres
  •   Poireaux
  •   Choux

ul.list-stripe * a

div.list-stripe

  Artichauts
  Carottes
  Concombres
  Poireaux
  Choux

ul.list-stripe-large

  •   Artichauts
  •   Carottes
  •   Concombres
  •   Poireaux
  •   Choux

div.list-stripe-large

  Artichauts
  Carottes
  Concombres
  Poireaux
  Choux

.list-stripe.summary

Tables

table.table
First Name Last Name Email
Foot 2 Foot 3 Foot 4
1 Leonard leonardo@gmail.com
2 Jules Verne jules.verne@gmail.com
3 Ludwig van Beethoven beethoven@gmail.com
4 Captain Red captain.red@gmail.com
table.table-firstcolumn
First Name Last Name Email
Foot 2 Foot 3 Foot 4
1 Leonard leonardo@gmail.com
2 Jules Verne jules.verne@gmail.com
3 Ludwig van Beethoven beethoven@gmail.com
4 Captain Red captain.red@gmail.com
table.table-fixed
First Name Last Name Email
Foot 1 Foot 2 Foot 3
Leonard leonardo@gmail.com
Jules Verne jules.verne@gmail.com
Ludwig van Beethoven beethoven@gmail.com
Captain Red captain.red@gmail.com

These tables use data attributes for the responsive design.

Images

img

Image Test

.figure

Image Test

.figure-captionslide

Image Test
Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

.figure figcaption

Image Test
Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

.figure-focus

Image Test
Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

.figure-focus

Image Test
Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

.figure-focus

Old Mechanism
Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

.figure

Grass Leaf

.figure-thumbnail

Grass Leaf

.figure-alignleft

Colorful Leaf
Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

.figure-alignright

Colorful Leaf
Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Players

In order to harmonize the styles across browsers the framework uses MediaElementJS.

audio

video

.video

Inputs

Label & Inputs

.input label + input

Champ invalide : des caractères numériques sont placés dans votre nom.

Select & Textarea

.input label + select

.input label + textarea

Search Form

.search

Input Groups

.input-group

Prepend
Append
Total Value
Deutsche Mark

.input-group

$
.00
.00

Checkbox & Radio

[type="checkbox"].checkbox

[type="radio"].checkbox

[type="checkbox"].switch

[type="radio"].switch

Ranges

.range

--
--
--
--
--

.range-vertical

--
--
--
--
--
--

Buttons

button.button

input.button

Another Example

Ajax

ajax.button

Tabs

.tabs-js

Tab 1

Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Tab 2

Eius commodi eveniet inventore, laudantium, minus quia reiciendis optio molestiae iure fuga animi alias, blanditiis omnis natus! Deleniti quae iure, voluptate asperiores quod fugit ab amet blanditiis, qui sapiente voluptatibus maxime voluptates perspiciatis quo deserunt. Vel, repellat velit suscipit totam itaque magnam culpa impedit repellendus voluptate quasi quisquam illum ad esse rem natus maiores et exercitationem deserunt consectetur quo expedita obcaecati veniam laboriosam error quam.

Ea, impedit accusantium earum repellendus quia nesciunt quis ut, quibusdam doloremque, assumenda deleniti recusandae saepe quae optio, non excepturi nostrum. Dignissimos rerum eveniet quod totam consequatur vel voluptate nihil blanditiis dolor soluta fugiat officia expedita aspernatur ab explicabo maiores, ipsa, impedit quas quis nulla quaerat.

Tab 3, long text long text long text long text

Dicta natus iste corporis, impedit, aliquid officia veritatis maiores explicabo, aspernatur soluta porro beatae inventore eveniet nemo voluptate nihil ullam. Provident error similique ipsa perspiciatis facere recusandae hic praesentium, veritatis maxime ut voluptas quaerat sapiente, ullam placeat veniam ex at ad nulla quidem. Aspernatur eius vel aliquam maxime unde omnis a veritatis excepturi, iusto laborum esse itaque eum consequatur iure odio.

Quasi fugit ad, voluptatem beatae. Nesciunt accusamus dolor repellendus perferendis autem illo, veniam ipsum rem fugiat voluptatem enim, sapiente laborum, aut earum omnis tenetur quae a? Blanditiis tenetur nesciunt provident vero tempore dolores doloremque numquam molestias, possimus odio nobis asperiores quidem iste sit. Eveniet, porro, asperiores?

.tabs-js-united

Tab 1

Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Tab 2

Eius commodi eveniet inventore, laudantium, minus quia reiciendis optio molestiae iure fuga animi alias, blanditiis omnis natus! Deleniti quae iure, voluptate asperiores quod fugit ab amet blanditiis, qui sapiente voluptatibus maxime voluptates perspiciatis quo deserunt. Vel, repellat velit suscipit totam itaque magnam culpa impedit repellendus voluptate quasi quisquam illum ad esse rem natus maiores et exercitationem deserunt consectetur quo expedita obcaecati veniam laboriosam error quam.

Ea, impedit accusantium earum repellendus quia nesciunt quis ut, quibusdam doloremque, assumenda deleniti recusandae saepe quae optio, non excepturi nostrum. Dignissimos rerum eveniet quod totam consequatur vel voluptate nihil blanditiis dolor soluta fugiat officia expedita aspernatur ab explicabo maiores, ipsa, impedit quas quis nulla quaerat.

Tab 3, long text long text long text long text

Dicta natus iste corporis, impedit, aliquid officia veritatis maiores explicabo, aspernatur soluta porro beatae inventore eveniet nemo voluptate nihil ullam. Provident error similique ipsa perspiciatis facere recusandae hic praesentium, veritatis maxime ut voluptas quaerat sapiente, ullam placeat veniam ex at ad nulla quidem. Aspernatur eius vel aliquam maxime unde omnis a veritatis excepturi, iusto laborum esse itaque eum consequatur iure odio.

Quasi fugit ad, voluptatem beatae. Nesciunt accusamus dolor repellendus perferendis autem illo, veniam ipsum rem fugiat voluptatem enim, sapiente laborum, aut earum omnis tenetur quae a? Blanditiis tenetur nesciunt provident vero tempore dolores doloremque numquam molestias, possimus odio nobis asperiores quidem iste sit. Eveniet, porro, asperiores?

Accordions

.accordion-js

Item 1

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Item 2

Item 3

  1. Sub-item
  2. Sub-item
  3. Sub-item
  4. Sub-item
  5. Sub-item
  6. Sub-item

.accordion-js

Item 1

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Item 2

Item 3

  1. Sub-item
  2. Sub-item
  3. Sub-item
  4. Sub-item
  5. Sub-item
  6. Sub-item

.accordion-js

Item 1

.active Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Item 2

Item 3

  1. Sub-item
  2. Sub-item
  3. Sub-item
  4. Sub-item
  5. Sub-item
  6. Sub-item

Progress

.progress

Loaders

.loader

.loader2

.loader3

Ribbons

.ribbon-container .ribbon

.ribbon-container-bottom

.ribbon-container-dual

.sizeXS-ribbon-container-bottom

Grid Layout

.m1

.m1

.m1

.m1

.m1

.m1

.m1

.m1

.m1

.m1

.m1

.m1

.m2

.m2

.m2

.m2

.m2

.m2

.m3

.m3

.m3

.m3

.m4

.m4

.m4

.m6

.m6

.m7

.m5

.m8

.m4

.m9

.m3

.m10

.m2

.m11

.m1

.m12

Layout Examples

Columns

.columns

.c2

.c3

.c4

.c5


.columns-smallspace

.columns

.columns-largespace


.columns

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

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

Column 1. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore.

Column 2. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore.

Column 3. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore.

Column 1. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore.

Column 2. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore.

Column 3. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore.

Column 4. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore.

Column 1. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.

Column 2. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.

Column 3. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.

Column 4. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.

Column 5. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.

Column 1. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.

Column 2. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.

Column 3. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.

Column 4. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.

Column 5. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.

Column 6. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy.

No column. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Ratios

.ratio
.ratio-1-2
.ratio-1-3
.ratio-1-4
.ratio-1-8
.ratio-1-12
.ratio-16-10
.ratio-8-5
.ratio-16-9
.ratio-16-7
.ratio-4-3
.ratio-3-2
.ratio-7-3
.ratio-5-2

Dimensions

.width2

.width4

.width8

.width16

.width32

Zoom

.zoom70

Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

.zoom75

Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

.zoom80

Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

.zoom90

Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

.zoom95

Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

*

Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

.zoom105

Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

.zoom110

Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

.zoom115

Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

.zoom120

Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

.zoom50 .zoom-reset

Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Another Example

Another Example


Another Example






Another Example

.loader2.zoom50

.loader2

.loader2.zoom150

Langages

Greek Ancient

:lang(grc)

1 Ἰησοῦς δὲ ἐπορεύθη εἰς τὸ ὄρος τῶν ἐλαιῶν. 2 Ὄρθρου δὲ πάλιν παρεγένετο εἰς τὸ ἱερὸν καὶ πᾶς ὁ λαὸς ἤρχετο πρὸς αὐτόν, καὶ καθίσας ἐδίδασκεν αὐτούς.3 Ἄγουσιν δὲ οἱ γραμματεῖς καὶ οἱ Φαρισαῖοι γυναῖκα ἐπὶ μοιχείᾳ κατειλημμένην καὶ στήσαντες αὐτὴν ἐν μέσῳ 4 λέγουσιν αὐτῷ· διδάσκαλε, αὕτη ἡ γυνὴ κατείληπται ἐπ᾽ αὐτοφώρῳ μοιχευομένη· 5 ἐν δὲ τῷ νόμῳ ἡμῖν Μωϋσῆς ἐνετείλατο τὰς τοιαύτας λιθάζειν. σὺ οὖν τί λέγεις ; 6 τοῦτο δὲ ἔλεγον πειράζοντες αὐτόν, ἵνα ἔχωσιν κατηγορεῖν αὐτοῦ. ὁ δὲ Ἰησοῦς κάτω κύψας τῷ δακτύλῳ κατέγραφεν εἰς τὴν γῆν.

1 Et Jésus alla vers le Mont des Oliviers. 2 Et à l'aurore, de nouveau, il se présenta vers le Temple, et tout le peuple venait auprès de lui, et s'asseyant il les enseignait. 3 Et les scribes et les Pharisiens amènent une femme saisie sur adultère, et l'ayant dressée au milieu 4 ils lui disent : Maître, cette femme a été saisie en flagrant délit, s'adultérant ; 5 dans la loi Moïse nous a commandé de lapider de telles (femmes). Toi donc, que dis-tu ? 6 Et cela ils (le) disaient en l'éprouvant, afin qu'ils aient à l'accuser. Mais Jésus s'étant baissé en bas, du doigt, écrivait sur la terre.

Hebrew

:lang(he)

1 בְּרֵאשִׁ֖ית בָּרָ֣א אֱלֹהִ֑ים אֵ֥ת הַשָּׁמַ֖יִם וְאֵ֥ת הָאָֽרֶץ׃ 2 וְהָאָ֗רֶץ הָיְתָ֥ה תֹ֨הוּ֙ וָבֹ֔הוּ וְחֹ֖שֶׁךְ עַל־פְּנֵ֣י תְהֹ֑ום וְר֣וּחַ אֱלֹהִ֔ים מְרַחֶ֖פֶת עַל־פְּנֵ֥י הַמָּֽיִם׃ 3 וַיֹּ֥אמֶר אֱלֹהִ֖ים יְהִ֣י אֹ֑ור וַֽיְהִי־אֹֽור׃ 4 וַיַּ֧רְא אֱלֹהִ֛ים אֶת־הָאֹ֖ור כִּי־טֹ֑וב וַיַּבְדֵּ֣ל אֱלֹהִ֔ים בֵּ֥ין הָאֹ֖ור וּבֵ֥ין הַחֹֽשֶׁךְ׃ 5 וַיִּקְרָ֨א אֱלֹהִ֤ים׀ לָאֹור֙ יֹ֔ום וְלַחֹ֖שֶׁךְ קָ֣רָא לָ֑יְלָה וַֽיְהִי־עֶ֥רֶב וַֽיְהִי־בֹ֖קֶר יֹ֥ום אֶחָֽד׃ פ

1 Au commencement, Dieu créa le ciel et la terre. 2 Or la terre était vide et vague, les ténèbres couvraient l'abîme, un vent de Dieu tournoyait sur les eaux. 3 Dieu dit : "Que la lumière soit" et la lumière fut. 4 Dieu vit que la lumière était bonne, et Dieu sépara la lumière et les ténèbres. 5 Dieu appela la lumière "jour" et les ténèbres "nuit." Il y eut un soir et il y eut un matin : premier jour.

Glyph Icons

.icon-ampersand

.icon-apple

.icon-arrow-down

.icon-arrow-left

.icon-arrow-right

.icon-arrow-up

.icon-asterisk

.icon-asterisk2

.icon-asterism

.icon-asterism2

.icon-at

.icon-badge

.icon-barcode

.icon-bin

.icon-bird-love

.icon-bomb

.icon-book

.icon-bookmark

.icon-bubbles

.icon-bubbles2

.icon-calendar

.icon-cart

.icon-checkmark-hollow

.icon-checkmark

.icon-checkmark2

.icon-chevron-right

.icon-chevron-right2

.icon-chevron-right3

.icon-code

.icon-cogwheel

.icon-cogwheel2

.icon-cogwheel3

.icon-compass

.icon-cone

.icon-control-eject

.icon-control-fast-next

.icon-control-fast-prev

.icon-control-next

.icon-control-next2

.icon-control-pause

.icon-control-play

.icon-control-prev

.icon-control-prev2

.icon-control-stop

.icon-covered

.icon-covered2

.icon-creative-commons

.icon-creditcard

.icon-crop

.icon-cross

.icon-download

.icon-drink

.icon-earth

.icon-enlarge-diagonal

.icon-enlarge

.icon-envelope-open

.icon-envelope

.icon-equalizer

.icon-feed

.icon-flag

.icon-flake

.icon-flame

.icon-flower

.icon-frame

.icon-gamepad

.icon-github

.icon-headphone

.icon-heart-hollow

.icon-heart

.icon-histogram

.icon-home

.icon-hour-glass

.icon-info

.icon-key-hollow

.icon-key

.icon-keyboard

.icon-lab

.icon-leaf

.icon-like

.icon-link

.icon-list-numbered

.icon-list

.icon-list2

.icon-location

.icon-location2

.icon-locked

.icon-login

.icon-logout

.icon-mark-hollow

.icon-mark

.icon-meridian-globe

.icon-minus

.icon-music-note

.icon-nut

.icon-old-key

.icon-paper-plane

.icon-paperclip

.icon-pen

.icon-phone

.icon-phone2

.icon-picture

.icon-pie

.icon-plus

.icon-point-down

.icon-point-left

.icon-point-right

.icon-point-up

.icon-power

.icon-printer

.icon-puzzle

.icon-qrcode

.icon-quill

.icon-quotes-left

.icon-quotes-right

.icon-radio-checked

.icon-radio-checked2

.icon-radio-unchecked

.icon-rocket

.icon-ruler

.icon-ruler2

.icon-ruler3

.icon-sandals

.icon-scissors

.icon-search

.icon-select-column

.icon-sex-female

.icon-sex-male

.icon-share

.icon-sharp

.icon-shrink-diagonal

.icon-shrink

.icon-skull

.icon-smiley-angry

.icon-smiley-angry2

.icon-smiley-baffled

.icon-smiley-baffled2

.icon-smiley-confused

.icon-smiley-confused2

.icon-smiley-cool

.icon-smiley-cool2

.icon-smiley-crying

.icon-smiley-crying2

.icon-smiley-evil

.icon-smiley-evil2

.icon-smiley-frustrated

.icon-smiley-frustrated2

.icon-smiley-grin

.icon-smiley-grin2

.icon-smiley-happy

.icon-smiley-happy2

.icon-smiley-hipster

.icon-smiley-hipster2

.icon-smiley-neutral

.icon-smiley-neutral2

.icon-smiley-sad

.icon-smiley-sad2

.icon-smiley-shocked

.icon-smiley-shocked2

.icon-smiley-sleepy

.icon-smiley-sleepy2

.icon-smiley-smile

.icon-smiley-smile2

.icon-smiley-tongue

.icon-smiley-tongue2

.icon-smiley-wink

.icon-smiley-wink2

.icon-smiley-wondering

.icon-smiley-wondering2

.icon-snowflake

.icon-sort-alpha-asc

.icon-sort-alpha-desc

.icon-sort-amount-asc

.icon-sort-amount-desc

.icon-sort-numberic-desc

.icon-sort-numeric-asc

.icon-space-invader

.icon-spinner

.icon-sun

.icon-switch

.icon-toggle-off

.icon-toggle-on

.icon-tools

.icon-umbrella

.icon-unlocked

.icon-upload

.icon-user

.icon-video-play

.icon-video-play2

.icon-warning

.icon-windows

.icon-windows8

.icon-ying-yang

.icon-download2

.icon-upload2

.icon-birthday-cake

.icon-office

.icon-suitcase

.icon-eye-blocked

.icon-eye

Charts

.organizational-chart

  • player 1
  • player 2
  • player 5
  • player 6
  • player 7
  • player 8
  • player 9
  • player 10
  • player 11
  • player 12
  • player 13
  • player 14
  • player 15
  • player 16
  • player 17
  • player 18
  • player 19
  • player 20
  • player 21
  • player 22
  • player 23
  • player 24
  • player 25
  • player 26
  • player 27
  • player 28
  • player 29
  • player 30
  • player 31
  • player 32
  • player 2
  • player 3
  • player 5
  • player 7
  • player 10
  • player 11
  • player 14
  • player 15
  • player 18
  • player 19
  • player 22
  • player 23
  • player 25
  • player 28
  • player 30
  • player 31
  • player 3
  • player 7
  • player 10
  • player 14
  • player 18
  • player 22
  • player 25
  • player 30
  • player 7
  • player 14
  • player 22
  • player 30
  • player 7
  • player 22
  • player 7

Maps