Valider c4eba410 rédigé par tetue's avatar tetue
Parcourir les fichiers

On consolide spip_style.css qui devient THE reference pour les styles associes... 

On consolide spip_style.css qui devient THE reference pour les styles associes au code genere par SPIP, sur le site public, dans l'espace prive, et a l'ecran comme a l'impression.

Pour ce faire, on ne donne pas d'indication de couleur (ni pour le texte ni pour le fond) : celles-ci sont a definir dans les feuilles de style respectives du site public et de l'espace prive.
parent b1177eae

dist/habillage.css

+26 −50
Numéro de ligne d'origine Numéro de ligne de diff Ligne de diff
@@ -3,17 +3,6 @@ 
/* ----------------------------------------------------------- */





/*

 * nota: CSS des raccourcis de SPIP -- spip_style.css

 *

 * La feuille de style dist/spip_style.css est chargee

 * au prealable ; elle contient la definition standard

 * des styles associes aux raccourcis de SPIP.

 *

 */







/* Disposition a l'ecran des blocs principaux

---------------------------------------------- */

body { background: #FFF; margin: 0; padding: 0; text-align: center; }
@@ -58,47 +47,42 @@ body, .formulaire_spip, #hierarchie, .pagination, small { font-family: Verdana, 
h1 { margin: 0; font-size: 1.50em; font-weight: bold; color: #000; }

h2 { margin: 0; padding: 0.20em 0.40em; background: #8B6F92; font-size: 1.10em; font-weight: bold; }

h2, h2 a, h2 a:hover { color: #EEE; }

h3.spip { margin-top: 2em; margin-bottom: 1.4em; text-align: center; }

h3.spip {}  /*Cf.: spip_style.css*/



/* Divers */

hr { height: 2px; margin: 2em auto; background-color: #999; color: #999; border: 0; }

hr {}

hr.spip {} /*Cf.: spip_style.css*/

abbr, acronym { border-bottom: 1px dotted; cursor: help; }

small { font-size: 0.71em; color: #666; }

/* Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE */



/* Listes SPIP */

/*.spip_puce { list-style-position: outside; }*/

ul.spip {}

ol.spip {}

.spip_puce {} /*Cf.: spip_style.css*/

ul.spip {} /*Cf.: spip_style.css*/

ol.spip {} /*Cf.: spip_style.css*/

li.spip {} /*Cf.: spip_style.css*/



/* Citations, code et poesie */

blockquote { margin: 1em 3em; padding-left: 1em; border-left: 4px solid #DDD; }

blockquote.spip_poesie { border-left: 1px solid #CCC; font-family: Garamond, Georgia, Times, serif; }

blockquote.spip_poesie div { text-indent: -60px; margin-left: 60px; }

code, .spip_cadre { font-family: "Courier New", Courier, mono; color: #009; }

div.spip_code, .spip_cadre { margin-bottom: 1em; }

blockquote {}

blockquote.spip {} /*Cf.: spip_style.css*/

blockquote.spip_poesie {} /*Cf.: spip_style.css*/

code {}

.spip_code {} /*Cf.: spip_style.css*/

.spip_cadre {} /*Cf.: spip_style.css*/



/* Tableaux */

table { border-collapse: collapse; border-spacing: 0; }

table.spip { margin: auto; margin-bottom: 1em; border-collapse: collapse; border-spacing: 0; }

table.spip caption { caption-side: top; /* bottom pas pris en compte par IE */ text-align: center; margin: 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; }

table.spip {} /*Cf.: spip_style.css*/



/* Logos, documents et images */

img, .spip_logos { margin: 0; padding: 0; border: 0; }

img, .spip_logos {} /*Cf.: spip_style.css*/



.spip_documents { text-align: center; line-height: normal; color: #666; }

.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 { font-weight: bold; font-size: 0.90em; margin-left: auto; margin-right: auto; }

.spip_doc_descriptif { clear: both; font-size: 0.90em; margin-left: auto; margin-right: auto; }

.spip_documents {} /*Cf.: spip_style.css*/

.spip_documents_center {} /*Cf.: spip_style.css*/

.spip_documents_left {} /*Cf.: spip_style.css*/

.spip_documents_right {} /*Cf.: spip_style.css*/

.spip_doc_titre {} /*Cf.: spip_style.css*/

.spip_doc_descriptif {} /*Cf.: spip_style.css*/





/* Blocs et elements du contenu
@@ -124,8 +108,8 @@ img, .spip_logos { margin: 0; padding: 0; border: 0; } 


abbr.published { border: 0; }



/* modeles par defaut */

.spip_modele { float: right; display: block; border: 1px dotted #666; width: 180px; }

/* Modeles par defaut */

.spip_modele {} /*Cf.: spip_style.css*/



/* Portfolio */

#documents_portfolio { clear: both; margin: 2em auto; text-align: center; }
@@ -153,7 +137,7 @@ abbr.published { border: 0; } 
.reponse_formulaire { font-weight: bold; }

.reponse_formulaire, .reponse_formulaire legend { color: #F57900; } /* preciser la couleur des legend pour IE/Win */

fieldset.reponse_formulaire { border-color: #F57900; font-weight: normal; }

.spip_surligne { background: #FF6; }

.spip_surligne {} /*Cf.: spip_style.css*/



/* Previsualisation du message */

fieldset.previsu { padding: 1em; border: 2px solid #F57900; }
@@ -177,10 +161,8 @@ ul.choix_mots label { display: inline; } 
.formulaire_menu_lang { background: none; margin: 0; padding: 1em 0; }



/* 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:hover img { background: #FFF; border: 1px solid #CC9; }

table.spip_barre input.barre { width: 99%; background: transparent; border: 0; color: #F57900; }

table.spip_barre {} /*Cf.: spip_style.css*/

table.spip_barre input.barre {} /*Cf.: spip_style.css*/





/* Habillage des forums
@@ -253,10 +235,4 @@ ul ul ul ul ul .forum-chapo { background: #FFF; } 
/* Couleurs des liens

---------------------------------------------- */

a { color: #604A7F; text-decoration: none; }

a.spip_note {} /* liens vers notes de bas de page */

a.spip_in {} /* liens internes */

a.spip_out {} /* liens sortants */

a.spip_url {} /* liens url sortants */

a.spip_glossaire {} /* liens vers encyclopedie */

.on { font-weight: bold; } /* liens exposes */

a:hover { color: #F57900; text-decoration: underline; }
 
 No newline at end of file

dist/impression.css

+1 −5
Numéro de ligne d'origine Numéro de ligne de diff Ligne de diff
@@ -44,16 +44,12 @@ h1 { font-size: 1.27em; font-weight: bold; } 


.texte { line-height: 1.4em; }



h3.spip { text-align: center; font-weight: bold; margin: 1.4em; font-size: 1.15em; }



.ps, .notes, #documents_portfolio, #documents_joints { margin-top: 1.4em; padding-top: 0.2em; border-top: 2pt solid #CCC; font-size: 0.82em; }

.ps h2, .notes h2, #documents_joints h2 { font-weight: bold; clear: both; }



/*  Citations, tableaux, etc...

---------------------------------------------- */

q, blockquote { font-family: Georgia, Times, serif; }



.lien, blockquote.spip, .spip_poesie, .spip_cadre, .articles li .texte { background: #FFF; margin: 1em; padding: 1em; border: 1pt dotted #CCC; }

.lien, .articles li .texte { background: #FFF; margin: 1em; padding: 1em; border: 1pt dotted #CCC; }



/*  Messages de forums

---------------------------------------------- */

dist/inc-head.html

+3 −0
Numéro de ligne d'origine Numéro de ligne de diff Ligne de diff
@@ -14,6 +14,9 @@ 
[(#REM) Lien vers le flux RSS du site ]

[<link rel="alternate" type="application/rss+xml" title="<:syndiquer_site:>" href="(#URL_PAGE{backend})" />]



[(#REM) Feuille de style par defaut pour le code genere par SPIP ]

[<link rel="stylesheet" href="(#CHEMIN{spip_style.css}|direction_css)" type="text/css" media="all" />]



[(#REM) Feuille de style CSS pour l'affichage du site a l'ecran ]

[<link rel="stylesheet" href="(#CHEMIN{habillage.css}|direction_css)" type="text/css" media="projection, screen, tv" />]

dist/spip_style.css

+36 −36
Numéro de ligne d'origine Numéro de ligne de diff Ligne de diff 
/* SPIP-STYLE                                              version 1.9  */



/*

 * Cette feuille contient les styles associes aux raccourcis de SPIP.

 * Ces styles sont indispensables et doivent necessairement etre

 * definis pour le bon fonctionnement de vos squelettes.

 *

 * Ce fichier est appele par l'INCLURE(inc-head) de la 'dist', il sert

 * aussi de reference.

 *

 * Vous pouvez l'appeler tel quel, ou l'adapter en copiant ses definitions

 * dans la feuille de style la plus generale de votre site

 *

 */

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





/* Raccourcis typographiques de SPIP */

.spip_puce { list-style-position: outside; }

i.spip {}

strong.spip {}







/* 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; border-style: solid; }



/* Paragraphes, citations, code et poesie */

blockquote.spip, .spip_serif { font-family: Georgia, Times, serif; }

blockquote.spip { margin: 1em; padding-left: 1em; padding-right: 1em; border: 1px dotted; }

/* Listes SPIP */

.spip_puce { list-style-position: outside; }

ul.spip {}

ol.spip { list-style: decimal; }

li.spip {}



blockquote.spip_poesie { margin: 1em; padding-left: 1em; border-left: 1px solid; font-family: Garamond, Georgia, Times, serif; }

blockquote.spip_poesie div { text-indent: -60px; margin-left: 60px; }

/* Citations, code et poesie */

.spip_serif { font-family: Georgia, Times, serif; }

blockquote.spip { margin: 1em 3em; padding-left: 1em; border-left: 0.40em solid; }

blockquote.spip_poesie { margin: 2em 3em; padding-left: 1em; border-left: 0.10em solid; font-family: Garamond, Georgia, Times, serif; }

blockquote.spip_poesie div { text-indent: -3em; margin-left: 3em; }



.spip_code, .spip_cadre { font-family: monospace; font-style: normal; font-size: 1.2em; }

.spip_cadre { width: 99%; border: 1px inset; }

.spip_code, .spip_cadre { font-family: "Courier New", Courier, mono; color: #009; }

.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 { margin: auto; margin-bottom: 1em; border-collapse: collapse; border-spacing: 0; }

table.spip caption { caption-side: top; /* bottom pas pris en compte par IE */ text-align: center; margin: auto; font-weight: bold; }

table.spip { margin-right: auto; margin-left: auto; margin-bottom: 1em; border-collapse: collapse; border-spacing: 0; }

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; }
@@ -41,31 +42,30 @@ table.spip th, table.spip td { padding: 0.20em 0.40em; text-align: left; border: 
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; }

.spip_documents p { margin-top: 1px; margin-bottom: 2px; }

.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 { font-weight: bold; font-size: 0.8em; margin-left: auto; margin-right: auto; }

.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; }

.spip_doc_titre { font-weight: bold; font-size: 0.90em; margin-right: auto; margin-left: auto; }

.spip_doc_descriptif { clear: both; font-size: 0.90em; margin-right: auto; margin-left: auto; }



/* modeles par defaut */

.spip_modele { float: right; display: block; border: 1px dotted #666; width: 180px; }

.spip_modele { float: right; display: block; border: 1px dotted; width: 180px; }



/* Barre de raccourcis typographiques */

table.spip_barre { width: 100%; }

table.spip_barre a img { background: #FDA; padding: 3px; border: 1px outset #999; }

table.spip_barre a:hover img { background: #FFF; border: 1px solid #999; }

table.spip_barre input.barre { width: 100%; background: #EEE; }

table.spip_barre a img { background: #FDA; padding: 3px; border: 1px outset #CC9; }

table.spip_barre a:hover img { background: #FFF; border: 1px solid #CC9; }

table.spip_barre input.barre { width: 99%; background: transparent; border: 0; color: #F57900; }



/* * Couleurs des liens de Spip */

/* * Couleurs des liens de SPIP */

a.spip_note {} /* liens vers notes de bas de page */

a.spip_in { color: #900; } /* liens internes */

a.spip_out { color: #009; } /* liens sortants */

a.spip_url { color: #009; } /* liens url sortants */

a.spip_glossaire { color: #060; } /* liens vers encyclopedie */

.on { font-weight: bold; color: #000; } /* liens exposes */
 
 No newline at end of file
 
a.spip_glossaire:hover { text-decoration: underline overline; }

.on { font-weight: bold; } /* liens exposes */
 
 No newline at end of file

dist/style_prive.html

+3 −56
Numéro de ligne d'origine Numéro de ligne de diff Ligne de diff
@@ -34,13 +34,13 @@ body, body * { font-size: 100%;font-family: Verdana, Geneva, Sans, sans-serif; } 


#page { font-size: small; }

/* ecran etroit*/

#conteneur,.table_page { clear: both; margin-left: auto; margin-right: auto; text-align: left; width: 750px; margin-top:0.5em;}

#conteneur,.table_page { clear: both; margin-right: auto; margin-left: auto; text-align: left; width: 750px; margin-top:0.5em;}

#navigation { float: left; width: 200px; min-height: 100px; }

#contenu { float: left ; margin-left: 30px; width: 505px; }

#extra { float: left; width: 200px; }



/* ecran large*/

.large #conteneur,.large .table_page { margin-left: auto; margin-right: auto; text-align: left; width: 950px; }

.large #conteneur,.large .table_page { margin-right: auto; margin-left: auto; text-align: left; width: 950px; }

.large #navigation { float: left; width: 200px; }

.large #contenu { float: left; margin-left: 17px; width: 540px; }

.large #extra { float: right; width: 170px; }
@@ -289,12 +289,6 @@ a.ortho-dico:hover { margin: -2px; border: 2px dashed #a0b890; color: inherit; t 
.diff-para-deplace .diff-supprime { background: #ffb8b8; border: 1px solid #808080; }

.diff-para-deplace .diff-deplace { background: #b8b8ff; border: 1px solid #808080; }



/* * Barre de raccourcis */

table.spip_barre { width: 100%; border-#GET{right}: 1px solid #GET{claire}; }

table.spip_barre td { text-align: #GET{left}; border-top: 1px solid #GET{claire}; border-#GET{left}: 1px solid #GET{claire}; }

table.spip_barre a img { 3px; background-color: #eee; margin: 0; padding: border-#GET{right}: 1px solid #GET{claire}; }

table.spip_barre a:hover img { background-color: #FFF; }



td.icone table {}

td.icone a { color: #000; text-decoration: none; font-size: 10px; font-weight: bold; }

td.icone a:hover { text-decoration: none; }
@@ -418,63 +412,16 @@ table.bottom img { display: block; } 


/* * Styles generes par les raccourcis de mise en page */



/* Listes SPIP */

.spip_puce { list-style-position: outside; }

ul.spip {}

ol.spip {}

li.spip {}



.chapo { font-weight: bold; color: #333; }

h3.spip { margin-top: 2em; margin-bottom: 1.4em; text-align: center; font-weight: bold; color: #333; }



p.spip { line-height: 1.4em; }

p.spip_note { margin-bottom: 3px; margin-top: 3px; margin-#GET{left}: 17px; text-indent: -17px; }



#wysiwyg { line-height: 1.4em; }

#wysiwyg a { color: #604A7F; text-decoration: underline; }

a.spip_note { background-color: #eee; font-weight: bold; }

a.spip_in {}

.spip_out, .spip_url, .spip_glossaire { background: url(#EVAL{ _DIR_IMG_PACK}wrapper.php?file=spip_out.gif) [(#GET{right})] center no-repeat; padding-#GET{right}: 12px; }

#wysiwyg a:hover { color: #F57900; text-decoration: underline; }

#wysiwyg a.spip_glossaire:hover { text-decoration: underline overline; }



.spip_recherche { width: 240px; float: [(#GET{right})]; }

.spip_recherche .recherche{ padding: 3px; width: 200px; font-size: 10px; border: 1px solid #FFF; background-color: #GET{foncee}; color: #FFF; margin: 0 3px 6px 0; }

.spip_recherche .submit {}



/* Citations, code et poesie */

q, blockquote, .spip_poesie, .spip_serif { font-family: Georgia, Times, serif; }

blockquote { padding-#GET{left}: 1em; border-#GET{left}: 4px solid #DDD; }

.spip_poesie { margin: 1em 3em; padding-#GET{left}: 1em; border-#GET{left}: 1px solid #CCC; font-family: Garamond, Georgia, Times, serif; }

.spip_poesie div { text-indent: -60px; margin-#GET{left}: 60px; }

code, .spip_cadre { font-family: "Courier New", Courier, mono; font-size: 1.1em; color: #009; }

div.spip_code, .spip_cadre { margin-bottom: 1em; }

.spip_cadre { width: 99%; background-color: #F4F8F8; border: 1px inset; }



/* Tableaux */

table.spip { margin: auto; margin-bottom: 1em; border-collapse: collapse; border-spacing: 0; }

table.spip caption { caption-side: top; /* bottom pas pris en compte par IE */ text-align: center; margin: 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; color: #666; }

.spip_documents p { margin: 0.10em; padding: 0; }

.spip_documents_center { clear: both; width: 100%; margin: 1em auto; }

span.spip_documents_center { display: block; margin-top: 1em; }

.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 { font-weight: bold; font-size: 0.90em; margin-left: auto; margin-right: auto; }

.spip_doc_descriptif { clear: both; font-size: 0.90em; margin-left: auto; margin-right: auto; }



/* modeles par defaut */

.spip_modele { float: right; display: block; border: 1px dotted #666; width: 180px; }



/* pour le plugin "revision_nbsp" */

.spip-nbsp { border-bottom: 2px solid #c8c8c8; padding-left: 2px; padding-right: 2px; margin-left: -1px; margin-right: -1px; }

Forge communautaire SPIP | Charte d'utilisation | Signaler un problème sur ce site