Personnalisation css du "quote"

Aide sur feuille de style digital

Problem has been recorded

Issue description

Bonjour,

sur le skin de reference Digital, je voudrais styliser le rendu des citations. Ca doit ressembler à peu près à cet exemple.

Pour ce rendu et dans le skin de yetanoz, ce sont ces lignes qui font tout (avec l'image comment_dt_bg.gif en plus) :


/**
 * styles used for locked threads
 */

dl.comments dd { /* comment content */
	margin: 0 0 1em 15px;
	padding: 0.6em;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	background-color: #E5DDCD;
}

dl.comments dt { /* poster name */
	font-size: 0.7em;
	margin: 0;
	padding: 0.3em 0.3em 10px 0.3em;
	background: transparent url("comment_dt_bg.gif") bottom left no-repeat;
}

dl.comments dd .details { /* some details in comments */
	font-size: 0.7em;
	color: #888;
}

Voici maintenant le css natif du skin digital en ce qui concerne les rendu des quote et blockquote :


blockquote { /* someone has been cited --  " ... " 
 */
	border-left: 2px solid #bfbfbf;
	margin: 0;
	padding: 0 0 0 3px;
}

@media screen { /* not on printers */

	blockquote { /* prefix quotes with a nice image */
		padding-left: 25px;
		background: url("images/quote_left.gif") top left no-repeat;
		border: none;
	}

	blockquote .quote_prefix span { /* instead of the bare quote char */
		display: none;
	}
}

Auriez-vous une idée propre d'adaptation ?

Par exemple ceci ?


blockquote { /* someone has been cited --  " ... " 
 */
	border-left: 2px solid #bfbfbf;
	margin: 0;
	padding: 0 0 0 3px;
}

@media screen { /* not on printers */

	blockquote { /* prefix quotes with a nice image */
		padding-left: 25px;
		background: transparent url("comment_dt_bg.gif") bottom left no-repeat;		
		border-bottom: 1px solid #aaa;
		border-right: 1px solid #aaa;
		background-color: #E5DDCD;	}

	blockquote .quote_prefix span { /* instead of the bare quote char */
		display: none;
	}
}

Tags: css quote

Rate this page
Posted by Moi-meme on Feb. 4, (popular)