WordPress.com のテーマ「Forever」のウィジェットに枠をつけるためのCSS

foreverflame01

rect3015

foreverflame02

WordPress.com のテーマ「Forever」に以下のCSSを追加すると、ウィジェットに枠がつきます。

#secondary aside[id*=categories] h1.widget-title,#supplementary aside[id*=categories] h1.widget-title {
	background-color:#CCC;
	text-align:center;
	font-size:14px;
	color:#555;
	border:none;
	margin:0;
	padding:10px 0 14px;
}

#secondary aside[id*=categories] {
	padding:0;
}

aside[id*=categories] {
	border:5px solid #CCC;
	border-radius:5px;
}

aside[id*=categories] ul li {
	list-style:none;
}

aside[id*=categories] ul {
	padding:5px 7px 12px;
}

aside[id*=categories] ul > li {
	border-bottom:1px dotted gray;
	line-height:2;
}

aside[id*=categories] ul > li > ul li {
	border-bottom:none;
	line-height:1.3;
}

#secondary aside[id*=recent-post] h1.widget-title,#supplementary aside[id*=recent-post] h1.widget-title {
	background-color:#CCC;
	text-align:center;
	font-size:14px;
	color:#555;
	border:none;
	margin:0;
	padding:10px 0 14px;
}

#secondary aside[id*=recent-post] {
	padding:0;
}

aside[id*=recent-post] {
	border:5px solid #CCC;
	border-radius:5px;
}

aside[id*=recent-post] ul li {
	list-style:none;
}

aside[id*=recent-post] ul {
	padding:5px 7px 12px;
}

aside[id*=recent-post] ul > li {
	border-bottom:1px dotted gray;
	line-height:1.5;
	padding:10px 0;
}

#secondary aside[id*=recent-comments] h1.widget-title,#supplementary aside[id*=recent-comments] h1.widget-title {
	background-color:#CCC;
	text-align:center;
	font-size:14px;
	color:#555;
	border:none;
	margin:0 0 10px;
	padding:10px 0 14px;
}

#secondary aside[id*=recent-comments] {
	padding:0;
}

aside[id*=recent-comments] {
	border:5px solid #CCC;
	border-radius:5px;
}

aside[id*=recent-comments] ul li {
	list-style:none;
}

aside[id*=recent-comments] ul {
	padding:5px 7px 12px;
}

aside[id*=recent-comments] ul > li {
	border-bottom:1px dotted gray;
	line-height:2;
}

#secondary aside[id*=archives] h1.widget-title,#supplementary aside[id*=archives] h1.widget-title {
	background-color:#CCC;
	text-align:center;
	font-size:14px;
	color:#555;
	border:none;
	margin:0;
	padding:10px 0 14px;
}

#secondary aside[id*=archives] {
	padding:0;
}

aside[id*=archives] {
	border:5px solid #CCC;
	border-radius:5px;
}

aside[id*=archives] ul li {
	list-style:none;
}

aside[id*=archives] ul {
	padding:5px 7px 12px;
}

aside[id*=archives] ul > li {
	border-bottom:1px dotted gray;
	line-height:1;
}

#secondary aside[id*=meta] h1.widget-title,#supplementary aside[id*=meta] h1.widget-title {
	background-color:#CCC;
	text-align:center;
	font-size:14px;
	color:#555;
	border:none;
	margin:0;
	padding:10px 0 14px;
}

#secondary aside[id*=meta] {
	padding:0;
}

aside[id*=meta] {
	border:5px solid #CCC;
	border-radius:5px;
}

aside[id*=meta] ul li {
	list-style:none;
}

aside[id*=meta] ul {
	padding:5px 7px;
}

aside[id*=meta] ul > li {
	line-height:1;
}

#secondary .widget > ul > li,#secondary .widget > div > ul > li,#supplementary .widget > ul > li,#supplementary .widget > div > ul > li {
	padding:5px 0 5px 4.042253521127%;
	margin-left:0;
	border-bottom:1px dotted gray;
}

#secondary .widget-title + ul,#secondary .widget-title + div > ul,#supplementary .widget-title + ul,#supplementary .widget-title + div > ul {
	margin:0;
}

td.recentcommentsavatartop,td.recentcommentsavatarend {
	vertical-align:middle;
}

aside[id*="categories"] ul {
	padding:5px 7px;
}

.children {
	margin:0 0 0 1.6em;
}

#secondary table,#supplementary table {
margin: 0 0 0.5em;
}

 

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Google フォト

Google アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

%s と連携中

%d人のブロガーが「いいね」をつけました。