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.

Boutons : button_round

Bouton 1  Bouton 2  Bouton 3

Boutons formulaires

Annuler Valider

Tableaux : pretty_table

Id Titre Senectus Et nulla
29 Amet sit et Faucibus non Adipiscing dolor justo eget fringilla elit ac
97 Ipsum velit vulputate Lobortis sapien sodales Ipsum fringilla lacinia nulla sit vestibulum sit
88 Risus amet non Imperdiet justo amet Id ipsum ultricies iaculis imperdiet bibendum
38 Dui venenatis enim Malesuada imperdiet placerat Pulvinar pharetra lorem in et et
36 Risus malesuada ante pulvinar Sed maecenas non id sed

Navigation multipage


Tableaux : pretty_fieldset

Titre fieldset


Boites

Boite avec footer : pretty_box

Nisl congue congue fusce molestie pellentesque in venenatis nulla lorem non non non laoreet lorem congue semper ante ante pulvinar netus maecenas ante egestas risus adipiscing id vel justo lacinia consectetur id elit urna congue nisi faucibus
Congue tempus donec eget pharetra

Boite standard : pretty_box

eget fusce maecenas vel velit lobortis dolor ipsum congue enim tristique aliquam nisl nisl adipiscing senectus risus maecenas fermentum ut risus sit non at posuere justo dolor in placerat pharetra interdum in id lacinia est amet

Code : code_style

Sit est vestibulum faucibus    dolor lorem adipiscing adipiscing fusce lacinia bibendum venenatis tristique
 ipsum cras ut ultricies  justo nisl consectetur sit lobortis maecenas et nulla vehicula id sit senectus tempus   pharetra
   in morbi eu nunc posuere laoreet nulla felis
 fringilla at est

Couleurs de texte

color-bluecolor-orangecolor-redcolor-pinkcolor-greencolor-yellowcolor-greycolor-blackcolor-white

Couleurs de fond

backcolor-bluebackcolor-orangebackcolor-redbackcolor-pinkbackcolor-greenbackcolor-yellowbackcolor-grey

Palette 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"



GSiteDéveloppementCSSGestion de contenuIntranet
haut de page