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 Amet Congue felis
4 Vulputate vitae at Netus pulvinar cras Maecenas vestibulum eget non faucibus at molestie
42 Adipiscing netus Maecenas dui faucibus Egestas fames nisl sed pulvinar justo
59 Eget pharetra sed Ut semper adipiscing Consectetur volutpat nisl turpis maecenas iaculis
88 Ante imperdiet id Adipiscing maecenas donec Aliquam adipiscing egestas nulla tellus consectetur id
17 Maecenas in urna Velit risus justo iaculis sed fames habitant dolor

Navigation multipage


Tableaux : pretty_fieldset

Titre fieldset


Boites

Boite avec footer : pretty_box

Odio sit nulla sit tempus eu nulla nisi imperdiet congue id ultricies in amet consectetur iaculis et sapien amet elit fringilla sodales in molestie fringilla vestibulum venenatis in ultricies netus risus condimentum ultricies semper integer bibendum dolor ac sodales
Pharetra nulla pharetra netus lorem

Boite standard : pretty_box

Nisi odio sit lorem risus justo maecenas laoreet urna justo lobortis et ac orci aliquam maecenas semper id tristique pulvinar vel morbi iaculis elit volutpat cras justo vulputate nulla nisl risus eu lorem turpis ac ipsum

Code : code_style

Venenatis urna
 maecenas maecenas netus  est nunc sit ultricies et id pulvinar imperdiet cras pharetra
 id faucibus orci placerat vulputate
 venenatis posuere id justo elit
 nisl posuere orci  id sed turpis justo adipiscing  faucibus risus velit morbi sodales laoreet habitant in non fames adipiscing orci senectus faucibus

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