/* Document CSS */ /* Ce fichier décrit l'ensemble des styles appliqués sur les pages html du site danielvero.fr */ /* Taille des polices par défaut */ html { font-size: 100%; /* Respecte la préférence utilisateur si utilisation du zoom (en principe, 16px par défaut) */ } /* téléchargement des polices de caractères exotiques si nécessaire à partir du site, avec affichage de la police par défaut en attendant (cas des connexions lentes)*/ @font-face { font-family: 'Lucida Calligraphy'; src: url('/polices/22799_LCALLIG.woff') format('woff'), url('/polices/22799_LCALLIG.ttf') format('truetype'); font-display: swap; } @font-face { font-family: 'Stencil'; src: url('/polices/36103_Stencil2.woff') format('woff'), url('/polices/36103_Stencil2.ttf') format('truetype'); font-display: swap; } @font-face { font-family: 'calibri'; src: url('/polices/calibri.woff') format('woff'), url('/polices/calibri.ttf') format('truetype'); font-display: swap; } /* Définition des tailles de polices */ /* preservation du vertical-rythm, voir ici http://soqr.fr/vertical-rhythm/ */ p, ul, ol, dl, blockquote, pre, td, th, label, textarea, caption, details, figure, hgroup { font-size: 1em; /* equiv 14px */ line-height: 1.5; margin: 1.5em 0 0; } h1, .h1-like { font-size: 1.8571em; /* equiv 26px */ font-weight: bold; line-height: 1.6154em; margin: .8077em 0 0 0; } h2, .h2-like { font-size: 1.7143em; /* equiv 24px */ font-weight: normal; line-height: 1.75em; margin: .875em 0 0 0; } h3, .h3-like { font-size: 1.5714em; /* equiv 22px */ font-weight: normal; line-height: 1.909em; margin: .9545em 0 0 0; } h4, .h4-like { font-size: 1.4286em; /* equiv 20px */ font-weight: normal; line-height: 1.05em; margin: 1.05em 0 0 0; } h5, .h5-like { font-size: 1.2857em; /* equiv 18px */ font-weight: normal; line-height: 1.1667em; margin: 1.1667em 0 0 0; } h6, .h6-like { font-size: 1.1429em; /* equiv 16px */ font-weight: normal; line-height: 1.3125em; margin: 1.3125em 0 0 0; } /* Autres tailles de polices */ .smaller { font-size: .7143em; /* equiv 10px */ line-height: 2.1em; } .small { font-size: .8571em; /* equiv 12px */ line-height: 1.75em; } .big { font-size: 1.1429em; /* equiv 16px */ line-height: 1.3125em; } .bigger { font-size: 1.2857em; /* equiv 18px */ line-height: 1.1667em; } .biggest { font-size: 1.4286em; /* equiv 20px */ line-height: 1.05em; } /* === RAZ MODERNE DES PAGES === */ /* Base : marges & paddings retirés */ html, body, textarea, figure, label { margin: 0; padding: 0; box-sizing: border-box; } /* Listes avec indentation classique */ ul, ol { padding-left: 2em; margin: 0; } /* Polices monospaces */ code, pre, samp { white-space: pre-wrap; font-family: Consolas, 'DejaVu Sans Mono', Courier, monospace; } code { line-height: 1em; } /* Table : espacement et largeur */ table { margin-bottom: 1.5em; border-collapse: collapse; width: 100%; } /* Évite les marges hautes sur le 1er élément */ p:first-child, ul:first-child, ol:first-child, dl:first-child, blockquote:first-child, pre:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0; } /* Évite les marges inutiles dans les listes imbriquées */ li p, li ul, li ol { margin-top: 0; margin-bottom: 0; } /* HTML5 : déjà block aujourd’hui, mais on garde si cible ancienne */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } /* Éléments à largeur limitée */ img, table, td, blockquote, code, pre, textarea, input, video { max-width: 100%; height: auto; } /* Texte fluide et césure */ div, textarea, table, td, th, code, pre, samp { word-wrap: break-word; hyphens: auto; } /* Images */ img { vertical-align: middle; border-style: none; } /* Images dans liens : pas de bordure */ a img { border: 0; } /* Cache les balises