Joseph Tux

CSS SPIP 2.0 + AHUNSIC

samedi 2 mai 2009

Embedded Styles from http://www..../

div.pagination{display:block;text-align:center;}
div.pagination img{border:0pt none;margin:0pt;padding:0pt;}
span.cs_pagination_off{color:lightgrey;font-weight:bold;text-decoration:underline;}
a.cs_glossaire:after{display:none;}
span.cs_BT{background-color:#FDA;font-weight:bold;border:1px outset #CC9;padding:0.2em 0.3em;}
span.cs_BTg{font-size:140%;padding:0 0.3em;}
div.cs_sommaire{display:block;float:right;margin-left:1em;margin-right:0.4em;overflow:auto;z-index:100;max-height:350px;text-align:left;}
a.sommaire_ancre{background:transparent url(/prive/images/spip_out.gif) no-repeat scroll left center;padding-left:10px;text-decoration:none;}
div.cs_sommaire a:after{display:none;}
div.cs_sommaire_avec_fond{background:transparent url(/plugins/couteau_suisse/img/sommaire/coin.gif) no-repeat scroll left top;border-right:1px solid rgb(153,153,153);border-bottom:1px solid rgb(153,153,153);padding-bottom:0.1em;}
div.cs_sommaire_sans_fond{border:thin solid gray;background-color:white;}
div.cs_sommaire_inner{margin:3pt;}
div.cs_sommaire_titre_avec_fond,div.cs_sommaire_titre_sans_fond{border-bottom:1px dotted silver;line-height:1;position:inherit;font-weight:bold;text-align:center;}
div.cs_sommaire_titre_avec_fond{margin-left:15px;}
div.cs_sommaire ul{margin:0.3em 0.5em 0.1em 0.7em;padding:0pt;font-size:84%;list-style-image:none;list-style-position:outside;list-style-type:none;}
div.cs_sommaire_titre_avec_fond,div.cs_sommaire_titre_sans_fond{background:transparent url(/prive/images/deplierbas.gif) no-repeat scroll right center;cursor:pointer;padding-right:18px;}
div.cs_sommaire_replie{background:transparent url(/prive/images/deplierhaut_rtl.gif) no-repeat scroll right center;border:none;}
.cs_sommaire_invisible{display:none;}
blocs_titre{background:transparent url(/prive/images/triangle-bas.gif) no-repeat scroll left center;font-weight:normal;line-height:1.2em;margin-top:4px;padding:0pt 0pt 0pt 20px;margin-bottom:0.1em;clear:left;cursor:pointer;}
.blocs_replie{background:transparent url(/prive/images/triangle.gif) no-repeat scroll left center;}

div.blocs_invisible{display:none;}

/prive/spip_style.css

SPIP-STYLE

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 ----

/squelettes-dist/spip_formulaires.css


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 ;

plugins/auto/ahuntsic/styles/base.css


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 ;

squelettes/styles/perso.css

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 ;

/plugins/auto/ahuntsic/styles/print.css

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 ;

plugins/couteau_suisse/outils/decoupe.css

  • 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 ;