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 Tellus Consectetur congue
45 Netus bibendum fermentum Vulputate nisl risus Nulla fermentum sed fames laoreet cras
8 Congue eget maecenas Amet condimentum egestas Sed dolor maecenas ut non elementum
57 Adipiscing vel ipsum eu pellentesque Condimentum amet enim id imperdiet imperdiet
46 imperdiet risus risus pellentesque Ultricies lacinia sodales maecenas sit vulputate
40 lacinia id Faucibus molestie eget Eget congue amet ut nulla iaculis morbi

Navigation multipage


Tableaux : pretty_fieldset

Titre fieldset


Boites

Boite avec footer : pretty_box

Maecenas cras iaculis vestibulum orci id in sit elit habitant fermentum ante dolor egestas faucibus fermentum vulputate cras dolor adipiscing urna amet id id enim turpis sed fermentum dui egestas faucibus sodales sit ac volutpat semper bibendum pellentesque
Venenatis ante vulputate et iaculis

Boite standard : pretty_box

At justo turpis vestibulum nisi orci fringilla ultricies interdum amet adipiscing amet consectetur lorem imperdiet pulvinar integer amet in laoreet non venenatis lobortis eget et vulputate egestas maecenas vel ante vel dui condimentum ante risus nisl bibendum

Code : code_style

Velit lorem urna
 orci sed sed massa libero turpis sed id id et sapien
 non pulvinar eget turpis dui fermentum fusce malesuada nulla amet nisl  ac ipsum  imperdiet  id consectetur  posuere pharetra
 nulla risus netus congue
 ante odio vestibulum ante vel urna
 nisl dui vel id

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