一覧

アメブロ サンプル・デザイン 2a.css

ダウンロード:2a.css
	/* サンプル 2a */

/* body */

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

/* skinFrame */

.skinFrame{
width:980px;
margin:0 auto;
background:#FFFFFF;
}

/* skinFrame2 */

.skinFrame2{
width:980px;
margin:0 auto;
padding:0;
background:url("http://ameblo-c.jp/samples/2a/2a-05.png") top left repeat-y transparent;
}

/* skinHeaderFrame */

.skinHeaderFrame{
width:980px;
height:442px;
margin:0;
padding:0;
background:url("http://ameblo-c.jp/samples/2a/2a-02.png") top left no-repeat transparent;
}

.skinHeaderArea{
/* ヘッダ タイトル 画像 */
background:url("http://ameblo-c.jp/samples/2a/2a-03.png") center center no-repeat transparent;
}

.skinHeaderArea2{
/* ヘッダ サブタイトル 画像 */
background:url("http://ameblo-c.jp/samples/2a/2a-04.png") top center no-repeat transparent;
}

/* skinBlogHeadingGroupArea */

.skinBlogHeadingGroupArea{
padding:0;
}

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

.skinBlogHeadingGroupArea .skinTitle{
width:980px;
height:416px;
display:block;
}

.skinDescriptionArea{
display:none;
}

/* skinContentsFrame */

.skinContentsFrame{
width:980px;
margin:0;
padding:0 0 171px 0;
background:url("http://ameblo-c.jp/samples/2a/2a-06.png") bottom left no-repeat transparent;
}

/* skinContentsArea, skinContentsArea2, layoutContentsA */

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

/* layoutContentsA */

.columnC .layoutContentsA{
width:768px;
margin:0;
padding:0;
background:transparent;
}
/* skinMainArea */

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

.skinArticle{
width:445px;
margin:0 0 15px 0;
padding:0;
border:none;
background:url("http://ameblo-c.jp/samples/2a/2a-09.png") top left repeat-y transparent;
}

.skinArticleHeader{
width:445px;
margin:0;
padding:70px 0 0 0;
border:none;
background:url("http://ameblo-c.jp/samples/2a/2a-07.png") top left no-repeat transparent;
}

.skinArticleHeader h1{
width:385px;
margin:0;
padding:0 30px 60px 30px;
color:#9C7627;
background:url("http://ameblo-c.jp/samples/2a/2a-08.png") bottom left no-repeat #FDFCE1;
}

.skinArticleHeader .skinArticleTitle{
color:#9C7627;
}

.skinArticleBody{
width:385px;
margin:0 auto;
padding:0;
color:#666666;
}

.skinArticleBody2{
margin:0;
padding:0;
overflow:hidden;
}

.articleDetailArea{
margin:0;
padding:20px 0;
}

.skinArticleFooter{
width:385px;
margin:0;
padding:0 30px 25px 30px;
border:none;
background:url("http://ameblo-c.jp/samples/2a/2a-10.png") bottom left no-repeat transparent;
}

/* div#advertising2, div#advertising3 */

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

/* skinSubA */

.columnC .skinSubA{
width:300px;
margin:0 10px 0 0;
padding:0;
background:transparent;
}

/* skinSubB */

.columnC .layoutContentsB{
width:190px;
margin:0 0 0 10px;
padding:0;
background:transparent;
}

.columnC .skinSubB, .columnC .skinSubB2{
width:190px;
margin:0;
padding:0;
}

.skinMenu, .skinMenu2{
background:transparent;
}

div.recentEntriesMenu .skinMenuHeader{
/* 最近の記事一覧 */
width:100%;
height:70px;
margin:0;
padding:0;
background:url("http://ameblo-c.jp/samples/2a/2a-13.png") top center no-repeat transparent;
text-indent:-9999px;
}

div.themeMenu .skinMenuHeader{
/* ブログテーマ一覧 */
width:100%;
height:70px;
margin:0;
padding:0;
background:url("http://ameblo-c.jp/samples/2a/2a-14.png") top center no-repeat transparent;
text-indent:-9999px;
}

div.calendarMenu .skinMenuHeader{
/* カレンダー */
width:100%;
height:70px;
margin:0;
padding:0;
background:url("http://ameblo-c.jp/samples/2a/2a-15.png") top center no-repeat transparent;
text-indent:-9999px;
}

div.archiveMenu .skinMenuHeader{
/* アーカイブ */
width:100%;
height:70px;
margin:0;
padding:0;
background:url("http://ameblo-c.jp/samples/2a/2a-16.png") top center no-repeat transparent;
text-indent:-9999px;
}

div.readerMenu .skinMenuHeader{
/* このブログの読者 */
width:100%;
height:70px;
margin:0;
padding:0;
background:url("http://ameblo-c.jp/samples/2a/2a-17.png") top center no-repeat transparent;
text-indent:-9999px;
}

div.profileMenu .skinMenuHeader{
/* プロフィール */
width:100%;
height:70px;
margin:0;
padding:0;
background:url("http://ameblo-c.jp/samples/2a/2a-18.png") top center no-repeat transparent;
text-indent:-9999px;
}

div.favoriteMenu .skinMenuHeader{
/* お気に入りブログ */
width:100%;
height:70px;
margin:0;
padding:0;
background:url("http://ameblo-c.jp/samples/2a/2a-19.png") top center no-repeat transparent;
text-indent:-9999px;
}

div.bookmarkMenu .skinMenuHeader{
/* ブックマーク */
width:100%;
height:70px;
margin:0;
padding:0;
background:url("http://ameblo-c.jp/samples/2a/2a-20.png") top center no-repeat transparent;
text-indent:-9999px;
}

div.rankingMenu .skinMenuHeader{
/* アメブロランキング */
width:100%;
height:70px;
margin:0;
padding:0;
background:url("http://ameblo-c.jp/samples/2a/2a-21.png") top center no-repeat transparent;
text-indent:-9999px;
}

div.recentCommentMenu .skinMenuHeader{
/* 最近のコメント */
width:100%;
height:70px;
margin:0;
padding:0;
background:url("http://ameblo-c.jp/samples/2a/2a-22.png") top center no-repeat transparent;
text-indent:-9999px;
}

.skinMenuBody{
background:transparent;
}

.skinSubList li{
padding-left:20px;
background:url("http://ameblo-c.jp/samples/2a/2a-11.png") top left no-repeat transparent;
border:none;
}

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

.blogSearchForm{
margin:10px auto;
}

/* 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:#BD7875;
}

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

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

/* skinMessageBoard */

.skinMessageBoard{
width:445px;
padding:25px 0 0 0;
overflow:hidden;
border:none;
background:url("http://ameblo-c.jp/samples/2a/2a-12.png") top left no-repeat transparent;
}

.skinMessageBoard2{
margin:0;
padding:0;
overflow:hidden;
background:url("http://ameblo-c.jp/samples/2a/2a-09.png") top left repeat-y transparent;
}

.skinMessageBoard3{
margin:0;
padding:0 20px 25px 25px;
overflow:hidden;
background:url("http://ameblo-c.jp/samples/2a/2a-10.png") bottom left no-repeat transparent;
}
	
HOME