Aller à la recherche

Modification de la feuille de styles pour le media print par défaut de Dotclear

À l’occasion de la publication par Alsacréations d’un modèle de feuille de styles de base pour le media print, j’en ai profité pour modifier la feuille de style d’impression de ce blog. Je suis parti de la feuille de styles par défaut de Dotclear 2.2.2. Ce qui donne :

body {
	font : 10pt serif;
	width: auto !important; 
	margin: auto !important; 
	font-family: serif; 
	font-size: 10pt; 
	background-color: #fff !important; 
	color: #000 !important;
}

#prelude, #sidebar, .pagination, #comment-form, object, iframe, .at_reply_link img {
	display: none; /* ne pas afficher les vidéos, les images du plugin @reply */
}

.post-content p, .post-excerpt p, #comments p { /* ne pas oublier les paragraphes d'intro */
	margin: 0.2em 0 0.8em 0;
	line-height: 1.3em;
}

.post-content p, .post-excerpt p { 
	text-indent: 1em;
}

h1, h2, h3, h4, h5, h6 {
	margin: 1em 0 0.2em 0;
	font-weight: bold;
}

h1 {
	font-size: 160%;
}

h2 {
	font-size: 140%;
}

h3 {
	font-size: 120%;
}

h4 {
	font-size: 100%;
}

h5 {
	font-size: 90%;
}

h6 {
	font-size: 80%;
}

a {
	color: #666; /* liens en gris pour économiser de l'encre de couleur */
	text-decoration: none;
	border-bottom: 1px solid #999;
}

.post-content a[href^="http"]:after, .post-excerpt a[href^="http"]:after, #comments a[href^="http"]:after, #trackbacks a[href^="http"]:after {
	content: " ("attr(href)") "; /* affiche l'URL des liens externes pour l'intro, le billet et les commentaires */
	color: #333;
}

p, h1, h2, h3, h4, h5, h6, blockquote, ul, ol { 
	color: #000 !important;
}

.print { 
	display: block; /* affiche les éléments de classe print */ 
}

p, blockquote { 
	orphans: 3; /* pas de ligne seule en bas */ 
	widows: 3; /* pas de ligne seule en haut */ 
}

blockquote, ul, ol { 
	page-break-inside: avoid; /* pas de coupure dans ces élements */ 
}

h1 { 
	page-break-before: always; /* chaque titre commence sur une nouvelle page */ 
}

h1, h2, h3, caption { 
	page-break-after: avoid; /* pas de saut après ces éléments */ 
}

h1 {
	page-break-before: avoid; /* pas de saut avant ces éléments */ 
}


abbr[title]:after, acronym[title]:after { /* descriptions des abréviations */
	content:" (" attr(title) ") "
}

blockquote[cite]:after, q[cite]:after  { /* URL des citations */
	content:" (" attr(cite) ") "
}

ul.post-tags li { /* affiche les tags en ligne */
	display: inline;
}

.post-info {
	margin: 0;
}

ul.post-tags {
	margin: 0 0 0.5em 0;
}

div#date-modif ul { /* enlève la puce devant la date de modification du billet */
	list-style-type: none;
	margin: 1em 0 0 0;
}

Source

Alsacréations, Une feuille de styles de base pour le media print, 2 fév. 2011, Raphael

Ajouter un commentaire

Les commentaires peuvent être formatés en utilisant une syntaxe wiki simplifiée.

La discussion continue ailleurs

URL de rétrolien : http://blogzinet.free.fr/blog/index.php?trackback/228

Fil des commentaires de ce billet

Page top