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

Titre fieldset


Boites

Boite avec footer : pretty_box

Est sodales est ultricies imperdiet bibendum venenatis ante laoreet non vitae id venenatis elementum et lacinia non felis donec pulvinar fusce sodales volutpat est vestibulum dolor sed vehicula sapien imperdiet ante eu congue nisl laoreet urna integer
egestas ipsum molestie tempus

Boite standard : pretty_box

netus habitant amet venenatis et ut integer sit maecenas vestibulum risus velit sit vel vulputate senectus sed ultricies fusce malesuada et imperdiet senectus fames orci sit justo auctor fermentum et eu maecenas sapien

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

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"



GSite, Développement, CSS, Gestion de contenu, Intranet
haut de page