修改佈景主題中的blockquote

目前在部落格上建置了許多不同的布景主題，
讓參觀的人可以自由選用。
但是每個部落格中的blockquote的設定不同，
其中我很喜歡ShadedGrey中的blockquote，
但是在Big Blue及Architec此兩個佈景主題中的blockquote皆只有縮排，
Twentyten的blockquote則是縮排加斜體字，看起來很累很辛苦，
且皆無任合的圖示和底色做區別，
很難讓人感覺出來這是引用別人的文章，
於是我決定將ShadedGrey的blockquote搬過來使用。

首先要先把ShadedGrey內的blockquote.png檔分別搬到各個佈景主題的資料夾中。
開啟Big Blue的CSS檔案，
尋找

.boxcomments{border-top:5px solid #ddd;border-bottom:5px solid #ddd;margin-bottom:20px;width:590px;}

下一行加上

.post blockquote{
	background: #EEE url(images/blockquote.png) no-repeat bottom left;
	/*border: 1px solid #E0E0E0;*/
	padding: 10px;
	padding-bottom: 40px;
	margin: 1em;
}

開啟Architec的CSS檔案，
尋找

.post h3 { padding: 30px 0px 5px 0px;}

下一行加上

.post blockquote{
	background: #EEE url(img/blockquote.png) no-repeat bottom left;
	/*border: 1px solid #E0E0E0;*/
	padding: 10px;
	padding-bottom: 40px;
	margin: 1em;
}

開啟Twentyten的CSS檔案，
尋找

blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}

刪除
尋找

blockquote {
	font-style: italic;
	padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}

刪除
尋找

.entry-content blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 24px;
	text-align: right;
	width: 33%;
}
.entry-content blockquote.right {
	float: right;
	margin-left: 24px;
	margin-right: 0;
	text-align: left;
	width: 33%;
}

刪除
尋找

.page-link {
	color: #000;
	font-weight: bold;
	margin: 0 0 22px 0;
	word-spacing: 0.5em;
}
.page-link a:link,
.page-link a:visited {
	background: #f1f1f1;
	color: #333;
	font-weight: normal;
	padding: 0.5em 0.75em;
	text-decoration: none;
}
.home .sticky .page-link a {
	background: #d9e8f7;
}
.page-link a:active,
.page-link a:hover {
	color: #ff4b33;
}
body.page .edit-link {
	clear: both;
	display: block;
}

下一行加上

.post blockquote{
	background: #EEE url(images/blockquote.png) no-repeat bottom left;
	/*border: 1px solid #E0E0E0;*/
	padding: 10px;
	padding-bottom: 40px;
	margin: 1em;
}

即可將ShadedGrey內的blockquote搬到Big Blue、Architec及Twentyten中使用。