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 Non Vulputate morbi
65 Dui venenatis ipsum vehicula risus Sit odio laoreet molestie vehicula turpis egestas
43 Lacinia lorem Vehicula nulla semper Amet in ultricies id sit fusce risus
40 Orci pellentesque adipiscing Risus faucibus Eget enim et justo aliquet iaculis tristique
86 Lorem velit bibendum Urna velit tellus Iaculis eget consectetur orci ante
69 Id ante Molestie amet elementum lorem nisi eget sit consectetur eget

Navigation multipage


Tableaux : pretty_fieldset

Titre fieldset


Boites

Boite avec footer : pretty_box

Non nunc pellentesque venenatis et ac non turpis sit non egestas posuere laoreet sit morbi ante venenatis massa amet egestas sodales auctor morbi fusce non risus at integer pulvinar non vel amet congue turpis in congue fermentum amet
Auctor justo morbi aliquet id

Boite standard : pretty_box

condimentum amet urna lacinia pellentesque in molestie risus elit amet cras adipiscing id morbi congue maecenas nisi nisl sit netus justo congue venenatis sit venenatis et senectus lorem morbi congue et netus ut vulputate pharetra at cras condimentum

Code : code_style

Ac elit
 et  ante dolor  tellus
   vehicula risus dui risus odio maecenas  vulputate
 sapien
 non  fames sed ultricies  consectetur ante integer habitant dui faucibus vel  tristique
 amet  senectus justo interdum massa posuere adipiscing cras tempus eget vulputate
 vehicula pharetra
 nisi et

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