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

oxygenwidget01

rect3015

oxygenwidget02

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

aside[id*=categories] h1.widgettitle {
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:3;
}

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

aside[id*=recent-post] h1.widgettitle {
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;
}

aside[id*=recent-comments] h1.widgettitle {
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;
}

aside[id*=archives] h1.widgettitle {
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:2;
}

aside[id*=meta] h1.widgettitle {
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.7;
}

#supplementary .widget {
padding-top: 0;
}

.widget ul {
margin: 0 5px;
}

 

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

WordPress.com ロゴ

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

Google フォト

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

Twitter 画像

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

Facebook の写真

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

%s と連携中

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