[(#CACHE{0})][(#REM) Paramètres communs à toutes les pages - valeurs par défaut heritees par les composants * taille typo * Base 100% * ------------------------------------- * 20px 1.27em * 19px 1.21em * 18px 1.15em * 17px 1.09em * 16px 1.03em * 15px 0.96em * 14px 0.88em * 13px 0.82em * 12px 0.77em * 11px 0.71em * 10px 0.65em * 9px 0.59em * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE La definition fontsize ci-dessous est un hack : Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS ]html { font-size: 100%; } body.cat { margin : 0; padding: 0; font-size: #VAR{acsFondFontSize, 0.88em}; font-family: [(#VAR{acsFondFont,Verdana, 'Trebuchet MS', Arial, 'Lucida Sans'}),][ (#VAR{acsFondFontFamily,sans-serif})];[ background-color: (#VAR{acsFondColor});][ background-image: url("(#ACS_CHEMIN{trame/#VAR{acsFondImage}})");] background-repeat: [(#VAR{acsFondImageRepeatX}|=={non}|?{[(#VAR{acsFondImageRepeatY}|=={non}|?{"no-repeat","repeat-y"})],[(#VAR{acsFondImageRepeatY}|=={non}|?{"repeat-x","repeat"})]})]; background-position: [(#VAR{acsFondImageAlign,'center'})][ (#VAR{acsFondImageVerticalAlign, middle});][ color: (#VAR{acsFondText});] overflow:hidden visible; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em;} div, img, table, form { margin: 0; padding: 0; border-width: 0; border-style: none; } table {border-collapse: collapse;} [(#REM) Empêche le débordement des images ] .cat IMG {max-width: 100%; height: auto} [.cat a:link, .cat a:visited {text-decoration: none; color: (#VAR{acsFondLink});}] [.cat a:hover {color: (#VAR{acsFondLinkHover});}] [(#REM) couleur du lien "article refusé" des articles refusés ].cat a.refus { color: red; } .cat a.refus:hover { color: orange; } [(#REM) ***** Styles globaux herites par les composants ***** ].cat .right { text-align: #LANG_RIGHT; } [.cat .spacer { height: (#VAR{acsFondSpacer}); width: #VAR{acsFondSpacer}; }] .cat div.nettoyeur { clear : both; height: 0; line-height: 0; } [(#REM) ***** Tailles de fontes ***** tsize : titres stsize sous-titres bsize : blocs - composants nsize : petits elements de navigation ].tsize { font-size: #VAR{acsFondTitleSize, 1.15em}; } .stsize { font-size: #VAR{acsFondSTSize, 1.09em}; } .bsize { font-size: #VAR{acsFondBlocSize, 0.82em}; } .nsize, .pagination { font-size: #VAR{acsFondNavSize, 0.65em}; } .pagination LI.pagination-item { list-style-type: none; } [(#REM) ***** Traductions (drapeaux) ***** ]div#traductions { position: absolute; float: #LANG_RIGHT; text-align:#LANG_RIGHT; top: 5px; #LANG_RIGHT: 5px; line-height:11px; z-index: 4; } #traductions .lang_button { margin: 0; padding: 0; padding-left: 2px; padding-right: 2px; } #traductions .lang { background: #dfdfdf; opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=50); } #traductions .selected_lang { background: #dfdfdf; /*border: 1px inset green;*/ } #traductions .lang:hover { opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70); } [(#REM) ***** Personnalisation des styles spip (remplace spip_style.css) ***** Cette feuille contient les styles associes au code genere par SPIP. Ces styles sont indispensables et doivent necessairement etre definis pour le bon fonctionnement de vos squelettes. Definis ici, ils sont personnalisables Prefixes par ".cat", ils ne s'appliquent que dans les elements fils d'elements "cat" ][(#REM) ***** Intertitre ***** ].cat h3.spip { text-align: center; margin-top: 2em; margin-bottom: 1.4em; font-size: #VAR{acsFondSTSize, 1.09em}; font-weight: bold; } .cat hr.spip { margin: 2em auto; } [(#REM) ***** Listes SPIP ***** ] .cat ol.spip { list-style: decimal; } [(#REM) ***** Citations et code ***** ].cat blockquote.spip { margin: 2em 0; margin-left: 1em; padding-left: 1em; border-left: 1px dotted #aaa; } .cat .spip_code, .spip_cadre { font-family: Courier, "Courier New", monospace; color: #036; } .cat .spip_cadre { width: 99%; background-color: #F4F8F8; border: 1px inset; font-size:inherit; } div.spip_code, .spip_cadre { margin-bottom: 1em; } [(#REM) ***** Poesie ***** ].cat .spip_poesie { font-family: [(#VAR{acsFondPoesieFont,Garamond}),][ (#VAR{acsFondPoesieFontFamily,serif})]; [font-size: (#VAR{acsFondPoesieFontSize,1.05em}); ]border: 0; margin: 0; padding-left: 0; } .cat .spip_poesie div:first-letter { text-transform: uppercase; text-indent: 0; } [(#REM) ***** Surlignage ***** ].cat .spip_surligne { background: #FF6; } [(#REM) ***** Tableaux ***** ].cat table.spip { max-width: 99%; margin: auto; margin-bottom: 1em; line-height: normal; border: [(#VAR{acsFondTabBord/Width,1px})][ (#VAR{acsFondTabBord/Style,solid})][ (#VAR{acsFondTabBord/Color})]; border-collapse: collapse; } .cat table.spip caption { caption-side: top; /* bottom pas pris en compte par IE */ text-align: center; margin: auto; padding: 3px; font-weight: bold; } [.cat table.spip tr.row_first { background: (#VAR{acsFondTabFirst});}] [.cat table.spip tr.row_odd { background: (#VAR{acsFondTabOdd});}] [.cat table.spip tr.row_even { background: (#VAR{acsFondTabEven});}] .cat table.spip th, .cat table.spip td { padding: 3px; text-align: #LANG_LEFT; vertical-align: middle; } [(#REM) ***** Notes de bas de page ***** ][.cat .notes, .cat a.spip_note { font-size: (#VAR{acsFondNavSize}); }] .cat .spip_note { vertical-align: super; } .cat .notes .spip_note { font-size: 1em;[(#REM) empeche de reduire deux fois la taille ] vertical-align: text-bottom; margin:0; } [(#REM) ***** Post-scriptum ***** ].cat .ps { [font-size: (#VAR{acsFondNavSize});] } [(#REM) ***** Logos, documents et images ***** ] .spip_logos { margin: 5px; } .spip_documents { text-align: center; } .spip_documents_center { clear: both; width: 100%; margin: auto; } span.spip_documents_center { display: block; margin-top:1em; } .spip_documents_left { float: left; margin-right: 5px; margin-bottom: 5px; } .spip_documents_right { float: right; margin-left: 5px; margin-bottom: 5px; } .spip_doc_titre { font-weight: bold; font-size: #VAR{acsFondNavSize, 0.65em}; margin-left:auto; margin-right:auto; text-wrap: break-word; overflow: hidden} .spip_doc_descriptif { clear: both; font-size: #VAR{acsFondNavSize, 0.65em}; margin-left:auto; margin-right:auto; width: 200px;} .spip_doc_descriptif p {margin: 0;} [(#REM) ***** modeles par defaut ***** ].cat .spip_modele { float: right; display: block; padding: 1em; border: 1px solid; width: 180px; } [(#REM) ***** Couleurs des liens de SPIP ***** ].cat a.spip_note {} /* liens vers notes de bas de page */ .cat a.spip_ancre {} /* liens internes a la page */ .cat a.spip_in {} /* liens internes */ .cat a.spip_mail {} [(#REM).cat a.spip_mail:before { content: "\002709"; } /* liens vers un email */] .cat a.spip_mail:before {} /* liens vers un email */ .cat a.spip_out {} /* liens sortants */ .cat a.spip_url {} /* liens url sortants */ .cat a.spip_glossaire {} /* liens vers encyclopedie */ .cat a.spip_glossaire:hover { text-decoration: underline overline; } .cat .on { font-weight: bold; } /* liens exposes */ [(#REM) ***** marges des documents insérés avec le modèle SPIP ***** ].cat figure.spip_doc_inner { margin-inline-start: 0; margin-inline-end: 0; }