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

CSS cosmetique dist : essayons ceci...

parent 1e5536c8

dist/habillage.css

+25 −19
Numéro de ligne d'origine Numéro de ligne de diff Ligne de diff
@@ -7,12 +7,14 @@ 
/* 	Typographie generale (style transversaux)

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

html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS */

body { font-size: 0.80em; font-family: "Trebuchet MS", Helvetica, sans-serif; color: #333; }

body { font-size: 0.8125em; font-family: "Trebuchet MS", Helvetica, sans-serif; color: #333; }



/* Titraille / Intertitres */

h1 { margin: 0; padding: 0; font-size: 1.50em; font-weight: bold; color: #000; }

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

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

h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; font-family: Georgia, Times, serif; }

h1 { font-size: 1.70em; color: #000; }

h2 { font-size: 1.40em; font-weight: normal; font-family: Georgia, Times, serif; }

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

h3 { font-size: 1.30em; font-weight: bold; }

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



/* Divers */
@@ -49,19 +51,22 @@ table.spip {} /*Cf.: spip_style.css*/ 
/*  ------------------------------------------ */

body { background: #FFF; margin: 0; padding: 0; text-align: center; }



div#page { width: 780px; margin: 0 auto; text-align: left; }

#page { width: 58em; margin: 0 auto; text-align: left; }



div#top { width: 780px; margin: 0; padding-top: 1em; border-bottom: 2px solid #8B6F92; }

div#top #nom_site_spip, #top a .spip_logos { display: block; float: left; font-weight: bold; font-size: 1.50em; }

#top { margin: 0; padding-top: 1em; border-bottom: 1px solid #8B6F92; }

#top a { display: block; float: left; width: 67%; }

#top #nom_site_spip, #top a .spip_logos { font-size: 2em; font-family: Georgia, Times, serif; }

#top #formulaire_recherche { float: right; width: 30%; text-align: right; }

#top #formulaire_recherche input.text { margin-bottom: 0.30em; width: 12em; text-align: left; }



div#conteneur { clear: both; float: left; width: 67%; overflow: hidden; }

div#contenu { padding-top: 0.30em; }

#conteneur { clear: both; float: left; width: 67%; overflow: hidden; }

#contenu { padding-top: 0.30em; }



div#navigation { float: right; width: 30%; overflow: hidden; }

div#extra { float: right; clear: right; width: 30%; overflow: hidden; }

#navigation { float: right; width: 30%; margin-top: 1em; overflow: hidden; }

#extra { float: right; clear: right; width: 30%; margin-top: 1em; overflow: hidden; }



div#pied { clear: both; width: 100%; margin: 0; padding: 0.40em 0; border-top: 1px solid #8B6F92; text-align: center; font-size: 0.90em; }

div#pied img { vertical-align: bottom; }

#pied { clear: both; width: 100%; margin: 0; padding: 0.40em 0; border-top: 1px solid #8B6F92; text-align: center; font-size: 0.92em; }

#pied img { vertical-align: bottom; }



/* Espaceur de blocs */

.nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }
@@ -70,7 +75,7 @@ div#pied img { vertical-align: bottom; } 
.invisible { position: absolute; top: -3000em; height: 1%; }



/* Affichage pour les petits ecrans (type 400 x 300) */

@media handheld { div#page, div#conteneur, div#navigation, div#extra { width: auto; } }

@media handheld { #page, #conteneur, #navigation, #extra { width: auto; } }





/*  ------------------------------------------
@@ -80,7 +85,7 @@ div#pied img { vertical-align: bottom; } 
#hierarchie { clear: both; margin-bottom: 2em; font-size: 0.90em; }

#hierarchie, #hierarchie a { color: #666; }



.surtitre, .soustitre { font-size: 0.90em; color: #999; }

.surtitre, .soustitre { font-size: 0.90em; color: #666; text-transform: uppercase; letter-spacing: 0.1em; }



.cartouche { margin-bottom: 2em; }

.cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 4px; }
@@ -159,9 +164,9 @@ ul .forum-message.on {border:2px solid #666;background:#eee;} 
/* Habillage general des menus de navigation */

.menu { clear: both; margin-bottom: 2em; text-align: left; }

.menu p { margin: 0.20em 0; padding: 0.20em 0.10em; }

.menu ul { margin: 0; padding: 0; list-style: none; }

.menu ul li { margin: 0.20em 0; padding: 0.20em; border-bottom: 1px solid #DDD; }

.menu ul li ul { margin-left: 1em; }

.menu ul { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #DDD; }

.menu ul li { margin: 0.20em 0; padding: 0.20em; border-top: 1px solid #DDD; }

.menu ul li ul { margin-left: 1em; border: 0; }

.menu ul li li { padding: 0; border: 0; }



/* Pagination */
@@ -169,11 +174,12 @@ ul .forum-message.on {border:2px solid #666;background:#eee;} 
.pagination .on { font-weight: bold; color: #666; }



/* Rubriques */

.rubriques ul { border: 0; }

.rubriques ul li { background: #EEE; border: 0; }



/* Listes d'articles et extraits introductifs */

.articles ul li { clear: both; padding: 0.40em 0.20em; }

.articles ul li h3 { margin: 0.40em 0; padding: 0; }

.articles ul li h3 { margin: 0 0 0.30em 0; }

.articles .spip_logos { float: right; clear: right; margin: 0 0 4px 16px; }

.articles ul li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }

.articles ul li .introduction { margin-top: 0.30em; line-height: 1.40em; }

dist/inc-entete.html

+1 −16
Numéro de ligne d'origine Numéro de ligne de diff Ligne de diff 
<div id="top">



[(#REM) Afficher le logo OU le titre du site ]

<a rel="start" href="#URL_SITE_SPIP/">

[(#LOGO_SITE_SPIP||?{



	[(#LOGO_SITE_SPIP

		||image_reduire{500,100}

		|inserer_attribut{alt,#NOM_SITE_SPIP}

		|inserer_attribut{title,#NOM_SITE_SPIP}

		)]



	,



	<span id="nom_site_spip">#NOM_SITE_SPIP</span>

})]

</a>

<a rel="start" href="#URL_SITE_SPIP/">[(#LOGO_SITE_SPIP||image_reduire{500,100}|inserer_attribut{alt,#NOM_SITE_SPIP}|inserer_attribut{title,#NOM_SITE_SPIP}) ]<span id="nom_site_spip">#NOM_SITE_SPIP</span></a>



#FORMULAIRE_RECHERCHE

dist/inc-pied.html

+7 −7
Numéro de ligne d'origine Numéro de ligne de diff Ligne de diff 
<div id="pied">

<a href="http://www.spip.net/" title="<:site_realise_avec_spip:>"><img src="#CHEMIN{spip.png}" alt="SPIP" width="48" height="16" /></a>

 | <a href="#ENV{skel}" title="<:voir_squelette:>" rel="nofollow"><:squelette:></a>[

	<a href="http://www.spip.net/" title="<:site_realise_avec_spip:>"><img src="#CHEMIN{spip.png}" alt="SPIP" width="48" height="16" /></a> | 

	<a href="#ENV{skel}" title="<:voir_squelette:>" rel="nofollow"><:squelette:></a>[

	(#SESSION{id_auteur}|?{' '})| <a href="#URL_LOGOUT"><:icone_deconnecter:></a>

	][(#SESSION{id_auteur}|?{'',' '})| <a href="[(#URL_PAGE{login}|parametre_url{url,#SELF})]" class='login_modal'><:lien_connecter:></a>][

(#AUTORISER{ecrire})| <a href="#EVAL{_DIR_RESTREINT_ABS}"><:espace_prive:></a>

] | <a href="#URL_PAGE{plan}"><:plan_site:></a>

 | <a href="#URL_PAGE{backend}" title="<:syndiquer_site:>"><img src="#CHEMIN{feed.png}" alt="<:icone_suivi_activite:>" width="16" height="16" />&nbsp;RSS&nbsp;2.0</a>

	(#AUTORISER{ecrire})| <a href="#EVAL{_DIR_RESTREINT_ABS}"><:espace_prive:></a>] | 

	<a href="#URL_PAGE{plan}"><:plan_site:></a> | 

	<a href="#URL_PAGE{backend}" title="<:syndiquer_site:>"><img src="#CHEMIN{feed.png}" alt="<:icone_suivi_activite:>" width="16" height="16" />&nbsp;RSS&nbsp;2.0</a>

</div>

[(#REM)

	Cette balise permet de deporter les calculs lourds (indexation etc)

dist/sommaire.html

+1 −2
Numéro de ligne d'origine Numéro de ligne de diff Ligne de diff
@@ -19,7 +19,7 @@ 
	<div class="hfeed" id="conteneur">

	<div id="contenu">

		

		<div class="cartouche">

		<div class="cartouche invisible">

			<h1 class="invisible">#NOM_SITE_SPIP</h1>

		</div>
@@ -60,7 +60,6 @@ 
		<B_forums_liens>

		<div class="menu">

			<h2><:derniers_commentaires:></h2>

			<p><:messages_recents:></p>

			<ul>

				<BOUCLE_forums_liens(FORUMS) {plat} {par date}{inverse} {0,8}>

				<li>[(#DATE|affdate_court) &ndash; ]<a href="#URL_FORUM"[ title="(#TITRE|couper{60}|texte_backend)"]>[(#TEXTE|couper{80})]</a></li>

dist/spip_formulaires.css

+3 −4
Numéro de ligne d'origine Numéro de ligne de diff Ligne de diff
@@ -6,7 +6,7 @@ input, textarea, select { font-size: 100%; font-family: inherit; } 


/* Structure generale des formulaires

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

.formulaire_spip { clear: both; margin-bottom: 2em; padding: 1em; background-color: #EEC; border: 0; text-align: left; font-size: 1em; color: #330; }

.formulaire_spip { margin-bottom: 2em; padding: 1em; background-color: #EEC; border: 0; text-align: left; font-size: 1em; color: #330; }



/* Fieldset */

.formulaire_spip fieldset { clear: both; margin: 0 0 1em 0; padding: 0; border: 0; }
@@ -17,7 +17,6 @@ input, textarea, select { font-size: 100%; font-family: inherit; } 
/* Lignes */

.formulaire_spip ul { margin: 0; padding: 0; list-style: none; }

.formulaire_spip ul li { clear: both; margin: 0; padding: .5em 0; }

/*.formulaire_spip p { margin: 0 0 1em 0; }*/



/* Explications */

.formulaire_spip .explication { margin: .5em 0; color: #444; }
@@ -69,10 +68,10 @@ 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; }



/* Formulaire de recherche */

#formulaire_recherche { float: right; margin: 0; padding: 0; background: none; }

#formulaire_recherche { margin: 0; padding: 0; background: none; }

#formulaire_recherche * { display: inline; vertical-align: middle; }

#formulaire_recherche label { display: none; }

#formulaire_recherche input.text { width: 12em; text-align: left; /*padding-left: 25px; background: #fff url(rechercher.png) no-repeat left center;*/ }

#formulaire_recherche input.text { padding-left: 25px; background: #fff url(rechercher.png) no-repeat left center; }

#formulaire_recherche input.submit {}



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

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