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 Molestie sit
73 Dui condimentum sed Nisi justo Est massa ipsum turpis placerat auctor orci
33 Odio elementum et Interdum maecenas aliquam In congue ante eget egestas integer malesuada
85 Ipsum vel imperdiet Non et pellentesque Cras maecenas cras integer nisi congue vitae
39 Venenatis justo vel In congue Ipsum nisl lorem enim justo ante placerat
28 Nunc morbi semper Lorem posuere nulla Maecenas fusce sapien amet ante pharetra egestas

Navigation multipage


Tableaux : pretty_fieldset

Titre fieldset


Boites

Boite avec footer : pretty_box

Vitae ac pulvinar id vel volutpat lacinia ut posuere sit sapien faucibus in morbi non id et auctor vel posuere ipsum in sed eget vulputate donec nulla non faucibus odio dolor et consectetur nulla posuere laoreet
Bibendum congue ac lorem venenatis

Boite standard : pretty_box

Massa egestas fringilla amet bibendum faucibus bibendum et egestas et tempus nulla morbi ante bibendum maecenas auctor sit imperdiet eu eget fusce ipsum velit condimentum maecenas imperdiet auctor et adipiscing lorem congue venenatis bibendum velit congue

Code : code_style

Lacinia justo ante justo sit sit iaculis ante ipsum  faucibus iaculis pellentesque faucibus id faucibus sed placerat  imperdiet maecenas sodales eget id et adipiscing sapien
 vulputate
 sit habitant in at massa  condimentum risus  in nisl ipsum   semper at auctor pulvinar amet eu eget ultricies

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