一覧

アメブロ サンプル・デザイン 8b.css

ダウンロード:8b.css
	/* サンプル 8b */

.skinBody{
background:url("http://ameblo-c.jp/samples/8b/8b-01.png");
}

.skinFrame2{
width:760px;
margin:0 auto;
padding:0;
}

.skinContentsFrame{
width:760px;
margin:0;
padding:0;
background:url("http://ameblo-c.jp/samples/8b/8b-06.png") left top repeat-y transparent;
}

.skinHeaderFrame{
width:760px;
height:450px;
/* ヘッダ 画像 */
background:url("http://ameblo-c.jp/samples/8b/8b-03.png") 11px 59px no-repeat #FFFFFF;
}

.skinHeaderArea{
/* ヘッダー */
background:url("http://ameblo-c.jp/samples/8b/8b-02.png") top left no-repeat transparent;
}

.skinHeaderArea2{
/* ヘッダ サブタイトル */
background:url("http://ameblo-c.jp/samples/8b/8b-04.png") 555px 8px no-repeat transparent;
}

/* skinBlogHeadingGroupArea */

.skinBlogHeadingGroupArea{
padding:0;
/* ヘッダ タイトル */
background:url("http://ameblo-c.jp/samples/8b/8b-05.png") 55px 100px no-repeat transparent;
}

.skinBlogHeadingGroupArea h1{
padding:0;
text-indent:-9999px;
}

.skinBlogHeadingGroupArea h1 a{
width:760px;
height:450px;
padding:0;
display:block;
}

.skinBlogHeadingGroupArea h2{
display:none;
}

/* skinContentsArea, skinContentsArea2, layoutContentsA */

.skinContentsArea, .skinContentsArea2, .layoutContentsA{
width:760px;
margin:0;
padding:0;
}

.columnA .skinMainArea{
width:445px;
margin:0;
padding:15px 0;
background:transparent;
}

.pagingArea{
width:445px;
}

/* skinArticle */

.skinArticle{
width:428px;
margin:0 0 15px 0;
padding:0;
border:1px solid #CCCCCC;
background:#FEF6E4;
}

.skinArticle2, .skinArticle3{
margin:0;
padding:0;
}

.skinArticleHeader{
width:428px;
height:80px;
min-height:80px;
margin:0;
padding:0;
border:none;
background:url("http://ameblo-c.jp/samples/8b/8b-07.png") top left no-repeat #FEF6E4;;
}

.skinArticleHeader h1{
width:428px;
margin:0;
padding:35px 60px 0px 60px;
color:#433514;
}

.skinArticleHeader .skinArticleTitle{
color:#433514;
}

.skinArticleBody{
width:428px;
margin:0;
padding:0;
color:#583D1B;
background:#FEF6E4;
}

.skinArticleBody2{
width:368px;
margin:0 10px 20px 10px;
padding:30px 20px;
background:#FFFFFF;
overflow:hidden;
}

.articleDetailArea{
border:none;
margin:0;
padding:0 0 30px 0;
}

.skinArticleFooter{
width:408px;
margin:0;
padding:0px 10px 20px 10px;
border:none;
background:#FEF6E4;
}

.articleExLinkArea{
margin:0;
padding:0 0 10px 0;
}

.articleLinkArea{
margin:0;
padding:0;
}

/* advertising2, advertising3 */

div#advertising2, div#advertising3{
width:100%;
margin:auto;
}

/* commentArea */

.commentArea{
width:400px;
}

/* listPageArea */

.listPageArea{
width:434px;
}

/* skinSubA */

.columnA .skinSubA{
width:300px;
margin:0;
padding:15px 0;
background:transparent;
}

.columnA .skinSubA2{
width:300px;
margin:0;
padding:0;
}

.skinSubA .skinMenu{
background:transparent;
}

.skinSubA .skinMenuBody{
background:transparent;
}

/* 各メニューヘッダ共通 */
.skinMenuHeader{
width:280px;
height:32px;
margin:0 auto;
padding:0;
text-indent:-9999px;
}

div.recentEntriesMenu .skinMenuHeader{
/* 最近の記事一覧 */
background:url("http://ameblo-c.jp/samples/8b/8b-08.png") top left no-repeat transparent;
}

div.themeMenu .skinMenuHeader{
/* ブログテーマ一覧 */
background:url("http://ameblo-c.jp/samples/8b/8b-09.png") top left no-repeat transparent;
}

div.calendarMenu .skinMenuHeader{
/* カレンダー */
background:url("http://ameblo-c.jp/samples/8b/8b-10.png") top left no-repeat transparent;
}

div.archiveMenu .skinMenuHeader{
/* アーカイブ */
background:url("http://ameblo-c.jp/samples/8b/8b-11.png") top left no-repeat transparent;
}

div.readerMenu .skinMenuHeader{
/* このブログの読者 */
background:url("http://ameblo-c.jp/samples/8b/8b-10.png") top left no-repeat transparent;
}

div.profileMenu .skinMenuHeader{
/* プロフィール */
background:url("http://ameblo-c.jp/samples/8b/8b-13.png") top left no-repeat transparent;
}

div.favoriteMenu .skinMenuHeader{
/* お気に入りブログ */
background:url("http://ameblo-c.jp/samples/8b/8b-14.png") top left no-repeat transparent;
}

div.bookmarkMenu .skinMenuHeader{
/* ブックマーク */
background:url("http://ameblo-c.jp/samples/8b/8b-15.png") top left no-repeat transparent;
}

div.rankingMenu .skinMenuHeader{
/* アメブロランキング */
height:39px;
background:url("http://ameblo-c.jp/samples/8b/8b-16.png") top left no-repeat transparent;
}

div.recentCommentMenu .skinMenuHeader{
/* 最近のコメント */
height:39px;
background:url("http://ameblo-c.jp/samples/8b/8b-17.png") top left no-repeat transparent;
}

.skinSubList li{
border:none;
}

.subAdBannerArea{
margin-top:0;
padding-top:0;
}

/* a */

.skinMainArea a{
text-decoration:none;
color:;
border:none;
}

.skinMainArea a:hover{
text-decoration:none;
color:;
}

.skinMainArea a:visited{
text-decoration:none;
color:;
}

.skinMenu a, .skinMenu2 a{
text-decoration:none;
color:#4D3C00;
}

.skinMenu a:hover, .skinMenu2 a:hover{
text-decoration:none;
color:#759B00;
}

.skinMenu a:visited, .skinMenu2 a:visited{
text-decoration:none;
color:#735809;
}

/* skinMessageBoard */

.skinMessageBoard{
width:428px;
margin:0 0 15px 0;
}	
HOME