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 Fusce Vulputate eu
12 Egestas sed justo Habitant sapien donec Et pulvinar et adipiscing ipsum laoreet
27 In aliquam Pharetra ultricies fringilla At enim senectus interdum
99 dolor Non maecenas pellentesque Nisi et velit consectetur at eu odio
85 Ante et semper Vulputate morbi elit Maecenas dolor in nisl congue pulvinar dolor
11 vel id Imperdiet imperdiet libero Libero consectetur lorem nunc justo velit

Navigation multipage


Tableaux : pretty_fieldset

Titre fieldset


Boites

Boite avec footer : pretty_box

in fames ipsum consectetur faucibus congue aliquam cras amet sodales ut et maecenas sit eget congue id donec tellus sit morbi laoreet id sit donec adipiscing lorem justo vel eu laoreet lorem dolor nisi velit
non congue et

Boite standard : pretty_box

Non urna lobortis elementum ut pellentesque sodales semper egestas risus justo netus ac faucibus risus in nunc massa egestas id risus at lobortis risus libero lobortis odio volutpat orci auctor placerat ipsum cras netus fermentum faucibus nunc

Code : code_style

Netus  tellus
 et libero nisi lorem faucibus justo auctor orci consectetur risus  turpis elit
 nisl malesuada interdum elementum condimentum ut justo at pharetra
 odio adipiscing
 fermentum posuere nulla nulla in nulla adipiscing
 cras massa  ut  id maecenas aliquam  egestas  ac eget nulla amet lorem

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