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 | Sed | Et id |
---|---|---|---|
45 | Tempus vel imperdiet | Cras elit at | Senectus sit nulla sed |
31 | Vehicula et id | Justo ac laoreet | Nisl eget id maecenas lacinia lorem venenatis |
37 | Et justo pellentesque | Id aliquam ultricies | Vestibulum nisl justo faucibus venenatis auctor pellentesque |
93 | maecenas ante | Aliquam id amet | Vestibulum ut dolor eget nisl semper malesuada |
54 | Semper adipiscing turpis | Risus justo | cras ac elit lorem eget amet |
Navigation multipage
Tableaux : pretty_fieldset
Boites
Boite avec footer : pretty_box
Boite standard : pretty_box
Code : code_style
Et laoreet consectetur pellentesque ante interdum lobortis eget pulvinar consectetur donec lobortis at vulputate pharetra aliquet turpis amet in cras tempus pellentesque ante egestas amet senectus vitae dolor condimentum vel id molestie interdum sit venenatis in maecenas pharetra consectetur fusce fringilla integer semper malesuada vulputate eget volutpat tellus
Listes : pretty_list
- Id tempus auctor amet
- Vel fames
- Et id eu dui eget tempus
- Id venenatis volutpat pharetra eu vitae justo consectetur
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.