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 | Lacinia | Cras egestas |
---|---|---|---|
71 | Amet ipsum posuere | Turpis lacinia amet | In fusce non et egestas malesuada faucibus |
67 | Sit amet tempus | Fames libero ipsum | pharetra faucibus et molestie lorem congue |
21 | Ut aliquet egestas | Risus sapien in | Maecenas ante et integer egestas venenatis |
13 | Vitae elementum nisl | Nisl turpis et | Amet dolor vestibulum pharetra sit ante id |
23 | Id vestibulum aliquam | Maecenas vulputate nulla | Pellentesque iaculis justo sed sit semper |
Navigation multipage
Tableaux : pretty_fieldset
Boites
Boite avec footer : pretty_box
Boite standard : pretty_box
Code : code_style
Aliquet congue est morbi fames in aliquam vehicula sit maecenas lacinia nulla ac nisl consectetur ac tristique non velit ut orci sit ante fermentum in risus consectetur pulvinar enim volutpat id habitant eu libero morbi velit imperdiet cras fusce felis et nulla consectetur fames laoreet ultricies vel
Listes : pretty_list
- Fames turpis pellentesque
- Amet risus eget
- eu ac enim fusce pharetra congue
- Elementum cras nulla turpis pellentesque ac faucibus
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.