/** * Voici une feuille de style type, bien entendu vous pouvez ajouter * ou supprimer des propriétés CSS en fonction de vos besoins. */ /** * Éléments principaux */ /* * Grille du site * Barres et page */ #contentLeft { } #contentRight { } #contentSite { } /* Bannière */ header { } /* Titre de la bannière */ header span { } /* Menu */ nav { } /* Items du menu */ nav a { } /* Items au survol du menu */ nav a:hover { } /* Item courant du menu */ nav a.active { } /* Menu latéral */ /* aspect des puces */ ul #menuSide { } /* Block menu à droite */ #menuSideRight { } /* Block menu à gauche */ #menuSideLeft { } /* Bas de page */ footer { } footer #footersite, #footerbody { } /* Liens du bas de page */ footer #footersite, #footerbody a { } /* footer bloc gauche */ footer #footersiteLeft, #footerbodyLeft { } /* footer bloc central */ footer #footersiteCenter, #footerbodyCenter { } /* footer bloc droite */ footer #footersiteRight, #footerbodyRight { } /** * Éléments de contenu */ /* Titres */ h1, h2, h3, h4 { } /* Liens */ a { } /* Liens au survol */ a:hover { } /* Liens au clic */ a:active { } /* Boutons */ .button, button[type='submit'], .pagination a { } /* Boutons au survol */ .button:hover, button[type='submit']:hover, .pagination a:hover { } /* Boutons au clic */ .button:active, button[type='submit']:active, .pagination a:active { } /* Cases à cocher */ input[type='checkbox']:checked + label:before { } /* Cases à cocher au survol */ input[type='checkbox']:not(:active):checked:hover + label:before, input[type='checkbox']:active + label:before { } /* Champs de formulaire */ input[type='text'], input[type='password'], .inputFile, select, textarea { } /* Champs de formulaire au survol */ input[type='text']:hover, input[type='password']:hover, .inputFile:hover, select:hover, textarea:hover { } /* Modules News et Blog */ .blogDate { } .blogPicture { } .blogPicture img { } .blogComment { } .blogTitle { } .blogContent { } .newsTitle { /*background-color: grey;*/ } .newsContent { } .newsSignature { color: #404040; } /* Consentement aux cookies */ /* #cookieConsent { width: 80%; color: #FFF; background: #212223; opacity: 0.9; } #cookieConsent a{ color : yellow; } #cookieConsent h3{ color : red; } #cookieConsentConfirm { background: rgba(0,0,255,1); color: rgba(255,255,255,1); } #cookieConsentConfirm:hover { background: rgba(0,50,255,1); color: rgba(255,255,255,1); } */ /* Titre sous image */ /* figure.image { display: inline-block; border: 1px solid gray; margin: 0 6px; background-color: #f5f2f0; } figure.align-left { float: left; } figure.align-right { float: right; } figure.image img { margin: 0; } figure.image figcaption { margin: 4px; text-align: center; } */