CSS SPIP 2.0 + AHUNSIC

SPIP-STYLE

-* /* 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. ----

Intertitre

• h3.spip text-align : center ; margin-top : 2em ; margin-bottom : 1.4em ; -* font-size : 1.15em ; font-weight : bold ;
• hr.spip margin : 2em auto ;

Listes SPIP

• ul.spip
• ol.spip list-style : decimal ;

Citations, code et poesie

• blockquote.spip margin : 2em 0 ; padding-left : 1em ; border-left : 0.30em solid ;
• blockquote.spip_poesie margin : 2em 0 ; padding-left : 1em ;
• border-left : 1px solid ; font-family : Garamond, Georgia, Times, serif ;
• blockquote.spip_poesie div text-indent : -3em ; margin-left : 3em ;

• .spip_code, .spip_cadre font-family : Courier, « Courier New », monospace ; color : #036 ;
• .spip_cadre width : 99% ; background-color : #F4F8F8 ; border : 1px inset ;
• div.spip_code, .spip_cadre margin-bottom : 1em ;
• .spip_surligne background : #FF6 ;

Tableaux

• table.spip max-width : 99% ; margin-right : auto ; margin-left : auto ; -* margin-bottom : 1em ; border-collapse : collapse ; border-spacing : 0 ; line-height : normal ;
• table.spip caption caption-side : top ; /* bottom pas pris en compte par IE */ text-align : center ; margin-right : auto ; margin-left : auto ; font-weight : bold ;
• table.spip tr.row_first background : #FFC ;
• table.spip tr.row_odd background : #EEE ;
• table.spip tr.row_even background : #DDD ;
• table.spip th, table.spip td padding : 0.20em 0.40em ; text-align : left ; border : 1px solid ;
• table.spip th vertical-align : bottom ; font-weight : bold ;
• table.spip td vertical-align : top ;

Logos, documents et images

• img, .spip_logos margin : 0 ; padding : 0 ; border : 0 ;
• .spip_documents text-align : center ; line-height : normal ;
• .spip_documents p margin : 0.10em ; padding : 0 ;
• .spip_documents_center display : block ; clear : both ; width : 100% ; margin : 1em auto ;
• .spip_documents_left float : left ; margin-right : 15px ; margin-bottom : 5px ;
• .spip_documents_right float : right ; margin-left : 15px ; margin-bottom : 5px ;
• .spip_doc_titre margin-right : auto ; margin-left : auto ; font-weight : bold ; font-size : 0.90em ;
• .spip_doc_descriptif clear : both ; margin-right : auto ; margin-left : auto ; font-size : 0.90em ;

modeles par defaut

• .spip_modele float : right ; display : block ; padding : 1em ; border : 1px solid ; width : 180px ;

Couleurs des liens de SPIP

a.spip_note /* liens vers notes de bas de page ---- a.spip_ancre /* liens internes a la page ---- a.spip_in /* liens internes ---- a.spip_mail color : #900 ; a.spip_mail:before content : « \002709 » ; /* liens vers un email ---- a.spip_out color : #009 ; /* liens sortants ---- a.spip_url color : #009 ; /* liens url sortants ---- a.spip_glossaire color : #060 ; /* liens vers encyclopedie ---- a.spip_glossaire:hover text-decoration : underline overline ; .on font-weight : bold ; /* liens exposes ----

---

Habillage des formulaires

• input, select, textarea font-size : 100% ; font-family : inherit ;

---

Structure generale des formulaires

• .formulaire_spip clear : both ; margin-bottom : 2em ; padding : 0 ; border : 0 ; text-align : left ; font-size : 1em ;
• .formulaire_spip form margin : 0 ; padding : 0 ; /* Bug IE/Win ----

+Fieldset

• .formulaire_spip fieldset clear : both ; margin : 0 0 1em 0 ; padding : 0 ; border : 0 ;
• .formulaire_spip fieldset legend margin : 0 ; padding : 0 ; font-size : 1.05em ; font-weight : bold ; background-color : #fff ; color : #333 ; /* Preciser la couleur des legend et du fond pour IE/Win */
• .formulaire_spip fieldset fieldset margin-top : 1em ;
• .formulaire_spip fieldset fieldset legend font-size : 1em ; font-weight : normal ;

Explications

• .formulaire_spip .explication margin : 0.50em 0 ; color : #444 ;

Lignes

• .formulaire_spip ul margin : 0 ; padding : 0 ; list-style : none ;
• .formulaire_spip ul li clear : both ; margin : 0 ; padding : 0.50em 0 ;

Labels

• .formulaire_spip label display : block ; text-align : left ; color : #444 ; font-weight : bold ; /* pour IE/Win */ position : relative ;
• .formulaire_spip li p margin-top : 0 ; margin-bottom : 0 ;
• .formulaire_spip .choix labeldisplay:inline ;font-weight:normal ;
• .formulaire_spip .choix input.radio, .formulaire_spip .choix input.checkbox width:auto ;

Champs de saisie

• .formulaire_spip input.text width : 15em ; border : 1px inset ;
• .formulaire_spip textarea width : 99% ; border : 1px inset ;
• .formulaire_spip select width : 99% ;

Boutons

• .formulaire_spip .boutons clear : both ; margin : 0 ; padding : 0 ;text-align : right ;
• .formulaire_spip .boutons input margin-left : 1em ;
• .formulaire_spip .boutons input, input.submit

---

Reponses, previsu et erreurs

Champs obligatoires

• .formulaire_spip li.obligatoire
• .formulaire_spip li.obligatoire label

Previsualisation du message

• .formulaire_spip fieldset.previsu margin-bottom : 2em ; padding : 1em ; border : 2px dashed #F57900 ;
• .formulaire_spip fieldset.previsu legend padding : 0 0.50em ; font-weight : bold ; color : #F57900 ;
• .formulaire_spip fieldset.previsu li padding : 3px ; border : none ;
• .formulaire_spip fieldset.previsu p margin : 1em 0 ;

Reponse du formulaire

• .reponse_formulaire font-weight : bold ; color : #e86519 ; font-size : 1.20em ;
• fieldset.reponse_formulaire border-color : #e86519 ; font-weight : normal ;
• fieldset.reponse_formulaire.reponse_formulaire legend color : #F57900 ; /* Preciser la couleur des legend et du fond pour IE/Win */

Erreurs

• .formulaire_spip li.erreur .erreur_message display : block ; color : #C30 ; font-weight : bold ;
• .formulaire_spip li.erreur input.text, .formulaire_spip li.erreur textarea background-color : #FCC ; border-style : solid ; border-color : #C30 ;
• .reponse_formulaire_erreur margin : 0 ; color : #C30 ; font-weight : bold ;

OK

• .reponse_formulaire_ok margin : 0 ; color : #53AD20 ; font-weight : bold ;

---

Variantes et cas particuliers

Barre de raccourcis typographiques

• table.spip_barre width : 100% ; table.spip_barre a img background : #FDA ; padding : 3px ; border : 1px outset #CC9 ;
• table.spip_barre a:focus img,
• table.spip_barre a:hover img,
• table.spip_barre a:active img background : #FFF ; border : 1px solid #CC9 ;
• table.spip_barre input.barre width : 99% ; background : transparent ; border : 0 ;

Formulaire de forum

• formulaire_forum .saisie_titre input.text, .formulaire_forum .saisie_titre textarea width : 98% ;

Selection des langues

---

• formulaire_menu_lang margin : 0 ; padding : 0 ; background : none ;

Formulaires de recherche (site / petitions)

---

• formulaire_recherche margin : 0 ; padding : 0 ; background : none ;
• formulaire_recherche * display : inline ; vertical-align : middle ;
• formulaire_recherche label
• formulaire_recherche input.text width : 10em ; padding-left : 25px ; background : #FFF url(rechercher.gif) no-repeat left center ;
• formulaire_recherche input.submit

• spip_surligne /* Cf. : spip_style.css ----

Choix des mots-clefs

---

• l.choix_mots display : block ; margin : 0 ; padding : 0 ; list-style : none ;
• l.choix_mots li clear : none ; float : left ; display : block ; width : 30% ; padding : 1% ;
• l.choix_mots li label display : inline ; font-weight : normal ;

• formulaire_spip .bugajaxie display : none ; /* Bug IE/Win ----

Formulaire de login dans une page

---

• formulaire_login ul li clear:left ;
• formulaire_login .editer_password .details display:block ;
• formulaire_login #spip_logo_auteur float:right ;

---

1. LIENS base

---

• , a:link, a:visited
• ext-decoration : none ;
• olor : #0A74A6 ;

• :hover
• ext-decoration : underline ;
• olor : #0A74A6 ;

• .spip_out,
• .spip_in,
• .spip_url,
• .spip_glossaire color : #0A74A6 ;

---

• . MISE EN PAGE - BLOCS PRINCIPAUX

  ---

• ody
• olor : #444 ;
• ont : 86%/1.0 « Trebuchet MS », « Lucida Grande », « Lucida Sans », Tahoma, Arial, ’Helvetica Neue’, Helvetica, Geneva, Lucida, sans-serif ;
• argin : 0 ;
• ext-align : center ;

pour centrer horizontalement la boite #page dans IE/Win /

• ackground-color : #ddd ;

background-image - voir/see : ’alter.css’ /

• page
• osition : relative ;
• ext-align : left ; /* pour annuler l’heritage de text-align:center de BODY ----
• argin : 3em auto ; /* auto pour centrer horizontalement la boite dans BODY
• our le navigateurs autres que IE/WIN ----
• adding : 0 ;
• idth : 66em ;
• ax-width : 98% ;
• in-width : 720px ;

• entete /* voir (../inc/inc-bandeau.html) ----
• osition : relative ;
• eight : 180px ;
• argin : 0px 0px 0px 0px ;
• adding : 0 ;
• order-width : 0 ;
• ext-align : right ;
• ackground-color : #787878 ;
• verflow : hidden ;
• -index : 10 ;

background-image - voir/see : ’alter.css’ /

• navigation /* (inc/inc-menu.html) */
• osition : absolute ;
• op : 0px ;
• eft : 0px ;
• idth : 150px ;
• argin : 0 0 1em 0 ;
• adding : 0 0 1em 0 ;

• bloc-contenu
• osition : static ;
• order : solid 1px #DEDEDE ;
• argin : 10px 155px 5px 155px ;
• adding : 10px 10px 5px ;
• ackground : white ;
• -index : 20 ;

• encart
• osition : absolute ;
• op : 190px ;
• ight : 0px ;
• idth : 150px ;
• argin : 0 0 1em 0 ;
• adding : 0 0 1em 0 ;

• bas /* (inc/inc-bas.html) ----
• argin : 0px ;
• adding : 0px ;
• adding-top : 5px ;
• adding-right : 0px ;
• adding-left : 0px ;
• adding-bottom : 2px ;
• ext-align : center ;
• argin-left : 155px ;
• argin-right : 155px ;

---

• . BANDEAU - ENTETE (inc/inc-bandeau.html)

  ---

• entete a.nom-site,
• entete a.nom-site:link,
• entete a.nom-site:visited
• isplay : block ;
• osition : relative ;
• op : 0 ;
• eft : 0 ;
• idth : 100% ;
• eight : 100% ;
• ont-family : Verdana, ’Bitstream Vera Sans’, Tahoma, « Lucida Grande », « Lucida Sans », Arial, ’Helvetica Neue’, Helvetica, Lucida, Geneva, sans-serif ;
• ext-decoration : none ;
• olor : #EDDF5C ;
• ont-size : 2em ;
• ont-weight : bold ;
• adding : 0 ;
• ackground-color : transparent ;

background-image - voir/see : ’alter.css’ /

• entete a.nom-site:hover
• olor : #ddd ;
• ont-style : italic ;
• ext-shadow : white 0px 0px 8px ;

une fleur pour safari seulement /

• entete .nom-site span /* position du nom du site - position of the site’s name ----
• isplay : block ;
• osition : absolute ;
• ottom : 48px ;
• ight : 200px ;

---

• . ELEMENTS HTML DE BASE

  ---

• 1
• argin-top : 0px ;
• argin-bottom : 0px ;
• ont-size : 160% ;
• ont-weight : bold ;

• 2
• argin-top : 0px ;
• argin-bottom : 15px ;
• ont-size : 150% ;
• ont-weight : bold ;

• 2.titre-article margin-bottom : 0px ;

• 3
• argin-top : .2em ;
• argin-bottom : .2em ;
• ont-size : 120% ;
• ont-weight : bold ;

Intertitres insérés dans un article /

• 3.spip
• argin-top : 1em ;
• argin-bottom : .4em ;
• adding-bottom : .1em ;

border-bottom : 1px #444 dashed ; /

• ont-size : 125% ;
• ont-weight : bold ;
• ext-align : left ;
• ackground-color : #F3F3F3 ;

• 4
• argin : 2px ;
• ont-size : 110% ;
• ont-weight : bold ;

• 5
• argin : 2px ;
• argin-left : 0px ;
• ont-size : 100% ;
• ont-weight : bold ;

• 6
• argin : 2px ;
• argin-left : 0px ;
• ont-size : 90% ;
• ont-weight : bold ;

• l, ul ul
• adding-left : 0em ;
• ist-style : square ;
• argin-left : 1em ;

---

• . NAVIGATION et MENUS

  ---

COULEURS des menus /

• menu ul li border-top : 1px solid #eee ; /* separateur : meme couleur que fond de BODY ----

• menu ul li a:hover text-decoration : none ;

text : color /

• menu ul li a,
• menu ul li a:visited,
• menu ul li b color : white ;

• menu ul li li a,
• menu ul li li a:visited color : #0A74A6 ;

• menu li span color : #444 ;

• menu ul li a:hover,
• menu ul li li a:hover,
• menu ul li li a.lienon color : maroon ;

background /

• menu ul li a,
• menu ul li b background-color : #313c72 ;

• menu ul li li a,
• menu ul li li a:visited,
• menu li span background-color : #DDD ;

• menu ul li a:hover,
• menu ul li li a:hover background-color : #EDFBFF ;
• menu ul li li a.lienon background-color : #ffd ;

• menu ul li li a.article background-color : #eee ;
• menu ul li li a.article:hover background-color : #EDFBFF ;

TYPO et ESPACEMENT des menus /

• menu ul
• ont-size : 88% ;
• ine-height : 1.2em ;
• ont-weight : normal ;
• ext-align : left ;
• ist-style-type : none ;
• argin : 0 ; padding : 0 ;

• menu ul ul font-size : 1em ; margin : 0 ;
• menu ul li margin : 0 ;

• menu ul li a, .menu ul li b
• ext-decoration : none ;
• ext-align : left ;
• adding : 3px 4px 3px 4px ;
• isplay : block ;

background-image - voir/see : ’alter.css’ /

• menu ul li li a padding-left : 4px ; font-weight : normal ;
• menu ul li li li a padding-left : 10px ;
• menu ul li li li li a padding-left : 16px ;
• menu ul li li li li li a padding-left : 22px ;
• menu ul li li li li li li a padding-left : 28px ;

• menu li span
• isplay : block ;
• ont-style : italic ;
• ont-size : 92% ;
• menu li li address a
• adding : 0px 0 4px 4px ;
• ont-style : italic ;
• ont-size : 92% ;

ANNONCE dans #encart /

• annonce
• ackground-color : #DDD ;

overflow : hidden ; /

• ext-align : center ;
• menu li.annonce a padding : 0 ;

• menu li.annonce .spip_logos,
• menu li.annonce a img margin : 0 ;

• menu-principal
• osition : absolute ;
• op : -1.4em ;
• argin-top : 0px ;
• argin-left : 0px ;
• idth : 780px ;

• menu-principal li a
• adding : .2em 1em .2em 1em ;
• argin : 0 1px 0 0 ;

• menu-principal ul li float : left ;

#menu-recherche position : absolute ; top : 185px ; width : 148px ; /

• menu-recherche width : 16em ; margin-top :-2px ;
• menu-recherche #recherche width : 10em ; margin-top :-2px ;
• menu-recherche.menu ul li border-top : 0 ;

• menu-rubriques position : absolute ; top : 190px ; width : 150px ;

• menu-item font-size : 85% ;

• menu-item,
• menu-titre-special,
• menu-titre background-color : #313c72 ;

---

• . ARTICLE

  ---

• texte
• ext-align : left ;
• ine-height : 1.3em ;
• ext-transform : inherit ;

• .spip text-align : left ;

• chapo
• ont-weight : bold ;
• ext-align : left ;
• ackground-color : #f3f3f3 ;
• adding : .5em ;
• argin : 0 0 1em 0 ;

L’information de date et auteur au dessus de l’article /

• detail
• ont-size : smaller ;
• adding : 0px ;
• argin : 0px ;

• petit-info
• ont-size : smaller ;
• ont-weight : bold ;

• spip_bouton
• ont-size : smaller ;
• ont-weight : bold ;

• ps
• ext-align : left ;
• ont-size : 90% ;

• notes
• ext-align : left ;
• ont-size : 90% ;

• surtitre,
• sous-titre
• argin-top : 0px ;
• argin-bottom : 0px ;
• ont-weight : normal ;
• ont-size : 90% ;
• ext-transform : uppercase ;

• pagination font-size : 90% ;

• spip_documents
• ont-size : 85% ;
• argin : 10px ;

• spip_doc_titre font-weight : bold ; font-size : 1em ; line-height : 1em ; margin-left:auto ; margin-right:auto ;
• spip_doc_descriptif clear : both ; font-size : 1em ; line-height : 1em ; margin-left:auto ; margin-right:auto ;

• l.spip margin-left : 1em ; padding : 0 ;
• l.spip margin-left : .8em ; padding : 0 ;
• l ul.spip,
• l ol.spip,
• l ul.spip,
• l ol.spip margin-left : 0 ; padding : 0 ;
• l.spip, ul ul.spip, ol ul.spip list-style : square ;
• l.spip list-style : decimal ;

ul.spip li, ol.spip li list-style : inherit ; /

• l.spip li margin : 0.3em 0 0.3em 1.5em ; list-style-position : outside ;
• l.spip li margin : 0.3em 0 0.3em 1.2em ; list-style-position : outside ;
• l.spip ol.spip li margin : 0.3em 0 0.3em 1.5em ; list-style-position : outside ;

---

• . GENERAL

  ---

• bas font-size : 85% ;

• date-entete font-size : 80% ;

mot recherche dans page resultats de recherche /

• mot-precis
• ont-style : italic ;
• ont-size : 83% ;
• olor : #777777 ;

• lang
• olor : red ;
• ext-transform : uppercase ;

---

• . EDITO (sur page sommaire.html)

  ---

• edito .bandeau
• verflow : hidden ;
• argin-bottom : 1em ;
• adding-bottom : 1em ;
• order-color : #BBB ;
• order-width : 0 0 2px 0 ;
• order-style : dotted ;

• edito h3
• argin : 0 ;
• adding : 0 ;
• olor : white ;
• ackground-color : #313c72 ;
• ext-transform : uppercase ;
• ext-indent : 4px ;
• idth : 100% ;
• ont-size : 1.1em ;
• ine-height : 1.4 ;

background-image - voir/see : ’alter.css’ /

• edito h3 a,
• edito h3 a:link,
• edito h3 a:visited,
• edito h3 a:hover
• olor : white ;
• ont-size : 90% ;

• edito .chapo margin-top : 0 ; background-color : #eee ;

• edito .suite text-align : right ;

---

• . PETITION

  ---

• petition
• loat : right ;
• idth : 170px ;
• argin-left : 12px ;
• petition fieldset
• argin : 0 ;
• adding : 0 ;
• petition fieldset
• argin : 0 ;
• adding : 0 ;

• signatures
• ont-size : 92% ;
• argin-left : 0px ;
• argin-right : 0px ;
• argin-top : 1em ;
• argin-bottom : 1em ;
• idth:100% ;

• signatures td

background-image - voir/see : ’alter.css’ /

• signatures-titre
• ont-size : 92% ;
• ont-weight : bold ;
• argin : 0px ;

• signature-date
• hite-space : nowrap ;
• ackground : #DDDDDD ;
• adding : 0.5em ;

• signature-nom
• ont-weight : bold ;
• ackground : #EEEEEE ;
• adding : 0.2em ;
• ext-align : center ;

• signature-message
• ackground : #f4f8f8 ;
• adding : 0.4em ;
• ext-align : left ;

---

• 0. FORUM

  ---

• .spip_barre img
• order : 1px solid #bbb ;
• adding : 2px ;
• argin : 0px ;
• ackground-color : #eee ;

• .spip_barre:hover img
• order : 1px solid #aaa ;
• adding : 2px ;
• argin : 0px ;
• ackground-color : white ;

• reponse_formulaire
• ont-family : Arial, Geneva, Helvetica, Lucida, sans-serif ;
• ont-weight : bold ;
• ont-size : 110% ;
• olor : red ;

• forum-titre
• ont-weight : bold ;
• ont-size : 120% ;

• l .forum-chapo font-size : 83% ;
• forum-item font-size : 92% ;

Format des champs d’entrée pour le forum/

• forml
• ont-size : 100% ;
• olor : #444444 ;

---

• 1. FORMULAIRE (PETITION, INSCRIPTION, FORUM)

  ---

• formulaire
• olor : #777 ;
• ont-size : 83% ;

---

• 2. ADMIN, LOGIN, BOUTONS ADMIN

  ---

• spip-admin font-size : 92% ;
• spip_bouton color : #444 ;

---

• 3. STYLE DÉSACTIVÉ

  ---

• structure position : absolute ; top : -3000em ; height : 1% ;

Espaceur de blocs /

• nettoyeur clear : both ; margin : 0 ; padding : 0 ; border : none ; height : 0 ; line-height : 1px ; font-size : 1px ;

Non visible a l’ecran /

• invisible position : absolute ; top : -3000em ; height : 1% ;

---

• 4. FORMATS DE TEXTE

  ---

• article-info-rubrique
• ext-align : left ;
• argin-bottom : 10px ;

• article-info-rubrique h5
• ont-size : 85% ;

• extrait
• argin : 5px ;
• ine-height : 1.4em ;
• adding : 8px ;
• ackground-color : #F6F6F6 ;

• extrait p,
• extrait ul,
• extrait ol,
• extrait table,
• extrait div,
• extrait blockquote margin-bottom : 0 ;

• extrait .suite
• isplay : block ;
• ext-align : right ;

• suite a,
• suite a:link,
• suite a:visited
• ext-decoration : none ;
• olor : maroon ;
• ont-variant : small-caps ;
• ackground-repeat : no-repeat ;
• ackground-position : left 66% ;
• ackground-image : url(img/puce.gif) ;
• adding-left : .6em ;

• suite a:hover
• olor : #085D85 ;
• ext-decoration : underline ;

• bouton
• ackground : #EEEEEE ;
• order : solid 1px #BBBBBB ;
• adding : 1px ;
• argin-bottom : 2px ;
• argin-top : 0px ;

• separateur
• idth : 6px ;
• ont-size : 10px ;
• eight : 9px ;
• adding-right : 2px ;

background-image - voir/see : ’alter.css’ /

• mot-precis
• adding-left : 2px ;
• adding-right : 3px ;

• chapo
• ine-height : 1.4em ;
• argin-top : 1em ;

• ps
• adding-top : 0.6em ;
• argin-top : 0.6em ;
• argin-bottom : 10px ;
• order-top : 1px dashed #AAAAAA ;

• ligne-debut
• adding-top : 0px ;
• argin-top : 5px ;
• argin-bottom : 15px ;
• order-top : 1px dashed #AAAAAA ;

• notes
• argin-top : 0.6em ;
• argin-bottom : 0.6em ;
• order-top : 1px solid #a0a0a0 ;
• adding : 1.5em ;

date dernier ajout /

• date-entete
• ext-align : right ;
• argin-top : -16px ;
• argin-right : -5px ;
• argin-bottom : 10px ;

• cartouche

border-top : 2px solid #404040 ;/

• argin-bottom : 15px ;

clear : right ;/

• spip_logos,
• cartouche .spip_logos,
• logo-liste-art .spip_logos
• adding-left : 0px ;
• argin : 0 0 0 1em ;
• sommaire .logo-liste-art clear:both
• logo-liste-art float : right ;

---

• 5. PLAN DE SITE

  ---

• plan
• argin : 0px ;
• adding : 0px ;
• ont-size : small ;

• plan ul
• adding-left : 2px ;
• ist-style : none ;
• argin-top : 2px ;
• argin-bottom : 5px ;
• argin-left : 1.5em ;

• plan ul ul list-style : square ;
• plan ul ul ul margin-left : 1em ;

• plan li

background : #EEEEEE ;/

• argin-bottom : 1px ;
• adding-left : 0px ;
• ont-weight : bold ;

• plan li li
• ont-weight : normal ;

• plan h2
• olor : #333 ;
• ext-transform : uppercase ;
• ont-weight : normal ;
• plan h3
• ext-transform : uppercase ;
• adding : 2px 0 ;
• ext-indent : 2px ;

---

• 6. FORUM

  ---

• l.forum-total
• isplay : block ;
• adding : 0px ;
• argin : 0px ;
• ist-style : none ;

• forum-fil margin-top : 10px ;

• forum-fil ul
• isplay : block ;
• argin : 0px ;
• argin-left : 8px ;
• adding : 0px ;
• ist-style : none ;

• forum-item
• argin : 0px ;
• adding : 5px ;
• adding-bottom : 0 ;
• ext-align : left ;
• ackground : white ;

• forum-repondre-message
• argin : 0 ;
• adding : 0 ;
• adding-top : 4px ;
• ext-align : right ;

Boite d’un forum : eclaircissement progressif des bords /

• l .forum
• order : 1px solid #909090 ;
• adding : 0px ;
• argin : 0px ;
• argin-bottom : 1px ;

• l ul .forum border : 1px solid #a4a4a4 ;
• l ul ul .forum border : 1px solid #b8b8b8 ;
• l ul ul ul .forum border : 1px solid #cccccc ;
• l ul ul ul ul .forum border : 1px solid #e0e0e0 ;
• l ul ul ul ul ul .forum border : 1px solid #e0e0e0 ;

Boite de titre d’un forum : mise en couleur selon la profondeur du forum /

• l .forum-chapo
• order : 0px ;
• order-bottom : 1px dashed #b8b8b8 ;
• argin : 0px ;
• adding-left : 6px ;
• adding-right : 6px ;

padding-top : 3px ;/

• adding-bottom : 2px ;
• ackground : #EEEEEE ;

• l ul .forum-chapo background : #EEEEEE ;
• l ul ul .forum-chapo background : #EEEEEE ;
• l ul ul ul .forum-chapo background : #EEEEEE ;
• l ul ul ul ul .forum-chapo background : #EEEEEE ;

---

• 7. FORMULAIRES

  ---

• orm
• argin : 0px ;
• adding : 0px ;
• ext-align : left ;
• ext-transform : inherit ;

• ieldset border : 0px ;

• formulaire
• argin : 0px ;
• argin-bottom : 16px ;

padding : 4px ;/

/*border : 1px solid #a0a0a0 ;

• ackground-color : #f6f6f6 ;----

• form_rech
• idth : 150px ;

• form_rech2
• ont-size:1.4em ;

• formrecherche
• olor : #777 ;
• ont-size : 90% ;
• isplay:block ;
• ont-weight : normal ;
• adding : 1px ;
• adding-top : 2px ;
• ackground-color : white ;
• argin : 2px ;
• argin-right : 0px ;
• argin-left : 0px ;
• order : solid 1px #BBBBBB ;

• formulaire_recherche label,
• formulaire_menu_lang label,
• #formulaire_recherche,
• #formulaire_menu_lang display : none ;

• formulaire_recherche fieldset,
• formulaire_menu_lang fieldset
• adding : 0 ;
• argin : 0 ;

• champ-recherche width : 80px ;
• bouton
• isplay:none ;

Format des champs d’entrée pour le forum/

• forml
• ackground-color : white ;
• argin : 5px 0 ;
• adding : 2px ;
• order : solid 1px #AAAAAA ;
• idth : 98% ;

• menu-recherche .forml
• argin : 0px 0 ;

• formulaire_ecrire_auteur
• idth : 96% ;
• ext-align : left ;
• formulaire_ecrire_auteur legend display:none

• menu-lang,
• formulaire-lang
• osition : absolute ;
• op : 0 ;
• ight : 0 ;
• ext-transform : uppercase ;
• ext-align : right ;
• ont-size : 80% ;
• argin : 0 ;
• adding : 0 ;
• -index:99 ;

• formulaire-lang width : 120px ;
• formulaire-lang .forml margin : 0 ;

• menu-lang margin : .5em ; color : white ;
• menu-lang a color : aqua ;
• menu-lang a:hover color : #FBA ;

• spip_bouton
• ackground-color : white ;
• order : solid 1px #cccccc ;
• adding : 0px ;
• argin : 0px ;

• spip-admin form display : inline ;

• spip_encadrer
• order : solid 1px #cccccc ;
• ackground-color : white ;
• adding : 5px ;
• argin : 0px ;

Champs de saisie /

• formulaire_spip input.text width : 94% ;

---

• 8. AUTRES ELEMENTS PRODUITS PAR SPIP

  ---

• spip_code background-color : #FCF4D0 ;
• .spip_note
• spip_puce list-style-position : inside ;
• able.spip
• able.spip tr.row_first background-color : #FCF4D0 ;
• able.spip tr.row_odd background-color : #C0C0C0 ;
• able.spip tr.row_even background-color : #F0F0F0 ;

• able.spip td
• adding : 1px ;
• ext-align : left ;
• ertical-align : middle ;

• r.spip
• .spip
• .spip

• lockquote.spip
• argin-top : 8px ;
• argin-right : 0px ;
• argin-bottom : 8px ;
• argin-left : 12px ;
• order : solid 0px #AAA ;
• order-left : solid 6px #C90 ;
• ackground-color : white ;
• adding : 5px ;

• spip_cadre
• idth : 100% ;
• ackground-color : white ;
• adding : 5px ;

• iv.spip_poesie
• argin-left : 10px ;
• adding-left : 10px ;
• order-left : 1px solid #999999 ;
• ont-size : 1.2em ;

• iv.spip_poesie div
• ext-indent : -60px ;
• argin-left : 60px ;

• spip_surligne background-color : #FF6 ;

Barre de raccourcis

---

• .spip_barre img
• adding : 3px ;
• ackground-color : #ffddaa ;
• order-color : white #A96 #A96 white ;
• order-width : 1px ;
• order-style : solid ;

• .spip_barre:hover img
• order : 1px solid #808080 ;
• adding : 3px ;
• ackground-color : #f8f8f4 ;

---

• 9. AGENDA

  ---

• agenda #bloc-contenu
• osition : static ;
• order : solid 1px #DEDEDE ;
• argin : 0px 0px 5px 155px ;
• adding : 10px 10px 5px ;
• ackground : white ;

• calendrier
• ackground-color : #EAEAEA ;
• argin : 0 ;
• adding-bottom : 15px ;
• osition:relative ;
• calendrier table
• idth : 100% ;
• argin : 1px auto ;
• adding : 15px 0 ;
• order-style : none ;

• able.agenda tr, table.agenda td
• order-collapse : collapse ;
• order : 1px solid #BFBFBF ;

• able.agenda
• order-collapse : collapse ;
• order : 1px solid #EAEAEA ;
• able.agenda th
• order-collapse : collapse ;
• order-style : none ;
• ackground-color : #EAEAEA ;
• able.agenda a, table.agenda a:link,
• able.agenda a:visited, table.agenda a:active
• ext-decoration : none ;
• olor : #000 ;
• adding : 2px ;
• ont-size : 9px ;
• able.agenda a:hover
• ext-decoration : underline ;
• agendaBouton
• order-style : none ;
• olor : #FFFFFF ;
• ackground-color : #BABEBF ;
• adding : 1px 10px ;
• agendaNav, .agendaHead, .agendaThisMonth
• ackground-color : #FFFFFF ;
• agendaThisDay
• ackground-color : #BBC9E3 ;
• agendaNotThisMonth
• ackground : #EFEFEF ;
• agendaNav
• ext-align : center ;
• order : none ;
• AgendaForm
• ext-align : center ;
• argin : 0 ;
• adding : 10px 0 ;
• iv.AgendaForm form fieldset
• argin : 0 ;
• ext-align : center ;
• order : none ;
• osition : relative ;

Les flèches de navigation du calendrier /

• .droite
• osition : absolute ;
• idth : 8px ;
• eight : 14px ;
• isplay : block ;
• ackground : url(img/agenda-nav-droite.gif) no-repeat left top ;
• ight : 15px ;
• op : 1.5em ;
• .gauche
• osition : absolute ;
• isplay : block ;
• idth : 8px ;
• eight : 14px ;
• ackground : url(img/agenda-nav-gauche.gif) no-repeat ;
• eft : 15px ;
• op : 1.5em ;
• -index : 98 ;
• .gauche span, a.droite span
• isplay : none ;

---

• 0. PAGINATION

  ---

• pagination
• ext-align : right ;
• lear : both ;
• argin : 16px 4px 4px 4px ;

• pagination .ligne2 text-align : center ; background-color : #eee ;

• .pagination margin-top:0 ;text-align:center ;font-size:80% ;

---

• 1. SOMMAIRE ARTICLE - PLAN
• ODELES (voir : /alternatives/modeles)

  ---

• sommaire
• loat : right ;
• isplay : block ;
• idth : 150px ;
• argin : 0 0 0 1em ;
• order : 1px gray solid ;
• ackground-color : white ;
• verflow : hidden ;

• spip_modele
• idth : 150px ;
• argin : 0 0 0 1em ;
• order : 1px gray solid ;
• ackground-color : white ;
• lear : both ;
• verflow : hidden ;

• sommaire h4,
• spip_modele h4
• order-bottom : 1px silver dotted ;
• ext-align : center ;
• ine-height : 1em ;

• sommaire ul,
• spip_modele ul
• ont-size : 84% ;
• argin : .5em ;
• argin-left : 1em ;
• adding : 0 ;
• ist-style-type : square ;

• sommaire ul li,
• spip_modele ul li line-height : 1em ;margin : .3em 0 0 .5em ;

• ody.plan #sommaire
• idth : 150px ;

/////////////////////////////////////////////////

SURCHARGE DE PLUGINS POPULAIRES /

/////////////////////////////////////////////////

---

• 00. SURCHARGE DES STYLES DU COUTEAU SUISSE

  ---

Decoupe d’un article en page /

• decoupe_haut display : none !important
• decoupe_bas background-color :#eee !important
• decoupe_bas p display:inline ; margin : 0 0 0 1.4em ;

Sommaire d’un article /

• cs_sommaire width : 14em !important ; max-height : 500px !important ; float:right !important ;
• cs_sommaire ul
• ont-family : Tahoma,’Trebuchet MS’,Arial,Helvetica,sans-serif !important ;
• argin-top : 0.3em !important ;
• argin-right : 0.5em !important ;
• argin-bottom : 0.1em !important ;
• argin-left : 1.2em !important ;
• adding:0pt ;
• ont-size:88% !important ;
• ist-style-image:none ;
• ist-style-position:outside ;
• ist-style-type:square !important ;
• ext-align : left !important ;

---

• 10. LECTEUR MULTIMÉDIA

  ---

• spip_documents .spip_doc_descriptif display : block !important ; width : 100% !important ; margin-left:auto ; margin-right:auto ;

---

• 10. SURCHARGE DES STYLES DE COLORATION CODE
• ODELES (voir : /alternatives/modeles)

  ---

• coloration_code ol background-color : #ccc ; border : 1px solid #ccc ;
• coloration_code ol li background-color : #eee ;padding-left : .5em ;

---

• 00. MULTILINGUISME

  ---

On augmente le corps des caractères pour certaines langues /

• ody.ar
• ont : 100%/1.0 « Lucida Grande », « Lucida Sans », « Trebuchet MS », Tahoma, Arial, ’Helvetica Neue’, Helvetica, Geneva, Lucida, sans-serif ;
• ode.spip_code font-size : 85% !important ;
• ody.ar #page
• idth : 910px ;
• ax-width : 98% ;
• in-width : 740px ;

/plugins/auto/ahuntsic/styles/alter.css

• ody
• ackground-image : url(img/body_bg.png) ;
• ackground-repeat : repeat ;
• entete
• ackground-image : url(img/globe.jpg) ;
• ackground-repeat : no-repeat ;
• ackground-position : left bottom ;
• ext-align : right ;
• entete a.nom-site,
• entete a.nom-site:link,
• entete a.nom-site:visited
• ackground-image : url(img/autre-monde.jpg) ;
• ackground-repeat : no-repeat ;
• ackground-position : right top ;
• menu ul li a,
• menu ul li b,
• edito h3,
• signatures td
• ackground-image : url(img/titre-coin.gif) ;
• ackground-repeat : no-repeat ;
• ackground-position : top left ;

a deplacer dans styles.html /

• separateur
• ackground-repeat : no-repeat ;
• ackground-position : left center ;
• ackground-image : url(img/puce.gif) ;

• entete .nom-site span right : 200px ;

• menu-lang,
• formulaire-lang
• ight : 0 ;
• ext-align : right ;
• formulaire_recherche input.forml
• ackground-image : url(img/loupe.png) ;
• ackground-repeat : no-repeat ;
• ackground-position : right center ;

border=0 ;

outline-style:none ;

---

PAGE/

• odycolor :#241 ;text-align:center ;background-color :#701 ;background-image:none ;margin:0 ;

GÉNÉRAL/

• ,a:linktext-decoration:none ;color :#281 ;
• :visitedtext-decoration:none ;color :#3B0 ;
• :hovertext-decoration:none ;color :#F80 ;background-color :#CEB ;
• 3color :#281 ;background-color :#FFD ;
• 3.spipfont-size:1.8em ;font-weight:700 ;line-height:1.1em ;background-color :#FFD ;text-align:center ;margin:1.4em ;
• 4font-size:1.4em ;font-weight:bold ;line-height:1.1em ;background-color :#EFE ;margin:1.1em ;
• 5font-variant:small-caps ;font-size:1.1em ;font-weight:bold ;line-height:1.1em ;background-color :#FFD ;

MENUS

• menu ul li a,.menu ul li bbackground-image:url(img/titre-coin.gif) ;background-repeat:no-repeat ;background-position:top left ;
• entete a.nom-site,#entete a.nom-site:link,#entete a.nom-site:visitedbackground-image:url(img/logo24.png) ;background-repeat:no-repeat ;background-position:right top ;color :#FA3 ;text-shadow :#151 0 0 12px ;font-size:3em ;font-weight:bolder ;
• entete a.nom-site:hoverbackground-image:url(img/Logo24_accueil_180.png) ;color :#F80 ;font-style:italic ;text-shadow :#751 2px 2px 8px ;
• entetebackground-color :#B70 ;background-image:url(img/accueil_dscn0716.jpg) ;background-repeat:no-repeat ;background-position:left bottom ;text-align:right ;
• menu ul liborder-top:1px solid #701 ;
• menu ul li a,.menu ul li a:visited,.menu ul li b,.menu-item,.menu-titre-special,.menu-titre,.edito h3,.edito-titre h3,.edito-titre afont-variant:small-caps ;background-color :#281 ;color :#F80 ;
• edito-titre a:hovercolor :#FA3 ;
• menu ul li a:hovertext-decoration:none ;background-color :#F80 ;color :#281 ;
• menu ul li li a,.menu ul li li a:visitedcolor :#060 ;background-color :#CEB ;
• menu li spanbackground-color :#FDA ;
• menu ul li li a.lienonbackground-color :#FFD ;
• menu ul li li a.articlebackground-color :#FDA ;
• menu ul li li a.article:hoverbackground-color :#FA3 ;
• menu ul li li a:hovercolor :#562 ;background-color :#F80 ;

• menu-principal-contactdisplay:none ;

• formulaire_recherche input.formlbackground-image:url(img/loupe.png) ;background-repeat:no-repeat ;background-position:right center ;

  ---

ENCART ( Ã droite)

--- #encartmargin-left:2em /

BANDEAU BAS

• bas,a,a:visitedcolor :#3B0 ;font-weight:700 ;
• bas a:hover color :#CEB ;background-color :#701 ;

SPIP ANCIEN /

• spip acolor :#281 ;
• spip a:visited color :#060 ;
• spip a:hover color :#660 ;
• edito .chapo background-color :#FFF9EE ;
• spip, .extrait background-color :#FFF9EE ;
• logo-liste-art a:hover background-color :« transparent » ;
• detail font-size:0.5% ;

sans doute sans effets /

• order : solid 1px #DDD ;

******

• surtitre, .soustitre background-color :#FFD ;

• texteencadre-spip.spip
• olor :#241 ;
• ackground :#FFD ;
• order : 0 ;

• ie
• ackground : #ffffe1 ;
• order-bottom : 1px solid #999 ;
• adding : 2px ;
• ie p
• argin : 0 ;
• ackground : url(../resources/info.png) left center no-repeat ;
• adding-left : 35px ;

• page_login, .formulaire_spip, .formulaire_login
• ackground-color :#CEB ;

MENU AGENDA/

OK sauf MSIE /

• menu-agenda.menu ul
• argin : 0 ;
• adding : 0 ;
• order-style:solid ;
• order-width : 3px 3px 3px 3px ;
• order-color : #F80 ;

• menu-agenda.menu ul li, #menu-agenda.menu ul li ul, #menu-agenda.menu ul li ul li,
• argin : 0 ;
• adding : 0 ;
• order-style : solid ;
• order-width : 1px 1px 1px 1px ;
• order-color : #F80 ;

Feuille de style specifique a l’impression

---

/* Pour les liens, on desactive les couleurs

• t on affiche l’URL cible a la suite du lien (!) ----

• color : black ; text-decoration : underline ;
• :visited color : black ; text-decoration : underline ;
• .spip_in color : black ; text-decoration : underline ;
• .spip_out color : black ; text-decoration : underline ;

• :after
• isplay : inline ;
• ontent : « [ » attr(href) « ] » ;
• order-width : 1px ;
• order-style : dotted ;

  ---

Un peu de coquetterie

---

• chapo
• ine-height : 1.4em ;
• argin-top : 1em ;
• texte
• ps
• adding-top : 0.6em ;
• argin-top : 0.6em ;
• order-top : 1px dashed #404040 ;
• notes
• argin-top : 0.6em ;
• argin-bottom : 0.6em ;
• order-top : 1px solid #707070 ;
• structure
• isplay : none ;
• spip-admin
• display : none ;

• contenu
• argin : 10px ;
• contenu h1
• argin-top : 0em ;
• argin-bottom : 0em ;
• contenu h1.titre-extrait
• contenu h1.titre-texte
• contenu .surtitre
• argin-top : 0em ;
• argin-bottom : 0em ;
• contenu .detail
• argin-left : 2em ;
• extrait
• margin-top : 0.5em ;
• margin-bottom : 0.5em ;
• margin-left : 2em ;
• margin-right : 0em ;
• line-height : 1.4em ;

Disposition : on elimine les elements de navigation (display : none)

et on choisit un affichage de base pour le principal

• principal
• argin : 10px ;

• navigation
• isplay : none ;

• encart
• isplay : none ;

• cartouche
• argin-top : 0.5em ;
• adding-top : 1em ;
• argin-bottom : 1em ;

• cartouche .spip_logos
• argin-left : 0px ;
• adding-left : 0px ;
• argin-right : 0.8em ;

Forums

• forum-repondre
• isplay : none ;
• forum-repondre-message
• isplay : none ;

Images typographiques (via image_typo)

• image_typo
• ehavior : url(« win_png.htc ») ;

Boutons admin

• entete display : none ;
• bas display : none ;
• encart display : none ;
• article-info-rubrique display : none ;
• spip-admin-float
• isplay : none ;
• ps h3, .ps h4, .ps ul display : none ;
• cartouche .texte h2,
• cartouche .texte form display : none ;

• iv.onglets_print

• argin:1em ;

• adding:0.6em ;

• order:1px dashed ;

• iv.onglets_print h4

• argin-top:0px ;

• argin-bottom:0.6em ;

• iv.onglets_bloc

• osition:relative ;

• idth:100% ;

• lear:both ;

• iv.onglets_bloc h2.onglets_titre a

• ext-decoration:none ;

• eight:22px ;

/* cursor : inherit ;

• olor:inherit ; ----

• iv.onglets_bloc h2.onglets_titre

• eight:20px ;

 moz-border-radius-topleft:3px ;

 moz-border-radius-topright:6px ;

• ackground-color :#f2f2f2 ;

• osition:relative ;

• op :-1px ;

• isplay:inline ;

• loat:left ;

• verflow:hidden ;

• ursor:pointer ;

• argin:1px -1px 1px 0px ;

• adding:0px 0.6em ;

• order:1px solid rgb( 145, 155, 156 ) ;

border:0 ;/

• -index:11 ;

• hite-space:nowrap ;

• ext-align:center ;

• ont-weight:normal ;

• ont-size:88% ;

• iv.onglets_bloc h2.onglets_titre.selected

• eight:22px ;

• ackground-color:white ;

• order-top:3px solid #8B6F92 ;

• -index:11 ;

• op :-3px ;

• argin:1px -1px -2px 0px ;

• order-bottom-width:0px ;

• iv.onglets_bloc h2.onglets_titre.selected, div.onglets_bloc h2.onglets_titre.selected a

• ursor:default ;

• iv.onglets_bloc h2.onglets_titre, div.onglets_bloc h2.onglets_titre a

• olor:black ;

• iv.onglets_bloc h2.hover a

• olor:blue ;

• iv.onglets_bloc h2.onglets_titre.selected a

• olor:black ;

• iv.onglets_bloc .onglets_liste

• hite-space:nowrap ;

• iv.onglets_bloc .onglets_contenu

• isplay:none ;

• lear:both ;

• order:1px solid rgb( 145, 155, 156 ) ;

• ackground:rgb( 252, 252, 254 ) ;

• -index:10 ;

• osition:relative ;

• op :-3px ;

• adding:0.6em ;

• iv.onglets_bloc .onglets_contenu.selected

• isplay:block ;

• verflow:auto ;

* +