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 Adipiscing Justo
1 Sit imperdiet Et sit Lorem amet enim egestas nulla nisl habitant
99 Velit egestas vel Vulputate id vulputate Imperdiet vel urna cras venenatis et
30 Nulla congue Justo morbi sed Iaculis ante semper dui egestas interdum
83 Vehicula pellentesque Sit et molestie Justo venenatis cras sit habitant morbi
52 Elementum pellentesque Pellentesque semper semper Lobortis placerat vehicula non massa eget lacinia

Navigation multipage


Tableaux : pretty_fieldset

Titre fieldset


Boites

Boite avec footer : pretty_box

Elementum laoreet turpis fringilla tellus justo tempus adipiscing morbi donec risus ut vulputate at volutpat faucibus pulvinar id pulvinar non aliquet fusce volutpat pulvinar lorem vitae venenatis eget et ante dolor vestibulum eu vehicula adipiscing nulla congue id at
Amet ante venenatis laoreet eget

Boite standard : pretty_box

Est condimentum ipsum maecenas eget ac orci orci felis justo faucibus odio maecenas tellus sit vehicula sit enim pulvinar ultricies sit morbi id risus et justo ante iaculis eget vel fusce orci semper senectus aliquam

Code : code_style

Bibendum nisi integer imperdiet eu   condimentum lobortis egestas orci  elementum  sit laoreet elementum vulputate  ac consectetur elit
 pellentesque urna
 justo urna
 morbi vel tristique
 sed congue iaculis nulla  pharetra
 pulvinar et
 eget et tellus
 at fermentum sit nunc netus risus ac risus adipiscing
 imperdiet

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