Refonte générale des interfaces d'applications
Jeudi 20 Décembre 2012 - 18:52
Refontes des styles prédéfinis des interfaces applicatives et intégration d'une font icônique pour l'uniformisation des icônes d'applications.
Tableaux : pretty_table
Id | Titre | Id | Sit bibendum |
---|---|---|---|
86 | Velit ante nunc | Risus lorem nunc | Sit risus at justo vel posuere lacinia |
21 | Morbi adipiscing lorem | tristique egestas | Nulla amet fermentum vel sit pulvinar |
19 | Nisl tellus amet | Ultricies ipsum pharetra | Sodales dolor lacinia imperdiet morbi vitae |
29 | Id ultricies aliquet | Semper sed sapien | Ipsum cras velit donec ante pulvinar |
49 | Lorem adipiscing pharetra | Fermentum faucibus venenatis | Eu risus justo justo lorem vitae |
Navigation multipage
Tableaux : pretty_fieldset
Boites
Boite avec footer : pretty_box
Boite standard : pretty_box
Code : code_style
Aliquet amet maecenas maecenas egestas consectetur bibendum nisl adipiscing libero habitant vulputate vel ante adipiscing congue cras senectus libero id faucibus eget ante tristique in risus risus sit congue in vitae est sed morbi fringilla tellus tempus eget netus interdum placerat maecenas vitae massa
Listes : pretty_list
- Amet consectetur morbi ac
- Laoreet interdum vestibulum
- Ante cras pulvinar non est nulla nulla
- Pellentesque adipiscing nulla maecenas netus id ultricies fermentum
Couleurs de texte
color-bluecolor-orangecolor-redcolor-pinkcolor-greencolor-yellowcolor-greycolor-blackcolor-whiteCouleurs de fond
backcolor-bluebackcolor-orangebackcolor-redbackcolor-pinkbackcolor-greenbackcolor-yellowbackcolor-greyPalette de couleur utilisée : Solarized
Font-icons
Tailles prédéfinies
- size-16
- size-18
- size-22
- size-24
- size-32
- size-48
- size-64
Web Application Icons
Intégration de la police d'icônes Font Awesome
Suite à la mise à jour, changement de syntaxe
pour utiliser une icône, utiliser la syntaxe "fa fa-*"
Exemple :
"icon-ok"
devient
"fa fa-ok"
Web Application Icons
File Type Icons
Spinner Icons
-
These icons work great with the
fa-spin
class. Check out the spinning icons example.