一覧

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

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

.skinFrame{
background:#000000;
}

.skinFrame2{
width:1115px;
margin:0 auto;
padding:0;
background:transparent;
position:relative;
}

.skinHeaderFrame{
width:1115px;
margin:0;
padding:84px 0 0 0;
/* ヘッダ タイトル */
background:url("http://ameblo-c.jp/samples/10b/10b-01.png") top left no-repeat transparent;
}

.skinHeaderArea{
width:1115px;
height:491px;
/* ヘッダ 画像 */
background:url("http://ameblo-c.jp/samples/10b/10b-02.png") bottom left no-repeat transparent;
}

.skinHeaderArea2{
}

/* skinBlogHeadingGroupArea */

.skinBlogHeadingGroupArea{
width:1115px;
height:491px;
padding:0;
}

.skinBlogHeadingGroupArea h1{
padding:0;
display:none;
}

.skinBlogHeadingGroupArea .skinTitle{
display:none;
}

.skinDescriptionArea, .skinDescription{
display:none;
}

.skinContentsFrame{
width:1115px;
margin:0;
padding:0;
}

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

.columnA .layoutContentsA{
width:1115px;
margin:0;
padding:0;
}

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

/* skinArticle */

.skinArticle{
width:800px;
margin:0 0 15px 0;
padding:0;
border:none;
background:#FFFFFF;
}

.pagingArea{
width:100%;
}

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

.skinArticleHeader{
width:800px;
margin:0;
padding:5px 0 5px 0;
border-left:none;
background:url("http://ameblo-c.jp/samples/10b/10b-17.png");
}

.skinArticleHeader h1{
width:760px;
margin:0;
padding:0 20px;
color:#333333;
}

.skinArticleHeader .skinArticleTitle{
color:#333333;
}

.skinArticleBody{
width:800px;
margin:0;
colo:#5E5E5E;
padding:0;
background:url("http://ameblo-c.jp/samples/10b/10b-18.png") top left repeat-x;
}

.skinArticleBody2{
width:760px;
margin:0 20px 15px 20px;
padding:0 0 30px 0;
background:url("http://ameblo-c.jp/samples/10b/10b-20.png") bottom left repeat-x;
overflow:hidden;
}

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

.skinArticleFooter{
width:760px;
margin:0;
padding:0 20px 30px 20px;
border:none;
background:url("http://ameblo-c.jp/samples/10b/10b-19.png") bottom left repeat-x;
}

/* advertising2, advertising3 */

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


/* commentArea */

.commentArea{
width:770px;
margin:auto;
}

/* listPageArea */

.listPageArea{
width:770px;
margin:auto;
}

/* skinSubA */

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

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

.skinSubA .skinMenu{
background:#FFFFFF;
}

.skinSubA .skinMenuBody{
background:transparent;
}

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

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

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

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

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

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

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

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

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

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

.skinSubList li{
border:none;
}

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

/* global */

div#global{
position:absolute;
top:84px;
width:1115px;
height:40px;
margin:0;
padding:0;
z-index:1;
}

div#global ul{
margin:0;
padding:0;
list-style:none;
}

div#global ul li{
margin:0;
padding:0;
list-style:none;
float:left;
}

a.global01{
width:144px;
height:40px;
text-indent:-9999px;
display:block;
/* メニュー 1 画像 */
background:url("http://ameblo-c.jp/samples/10b/10b-03.png");
}

a.global01:hover{
/* メニュー 1m 画像 */
background:url("http://ameblo-c.jp/samples/10b/10b-04.png");
}

a.global02{
width:158px;
height:40px;
text-indent:-9999px;
display:block;
/* メニュー 2 画像 */
background:url("http://ameblo-c.jp/samples/10b/10b-05.png");
}

a.global02:hover{
/* メニュー 2m 画像 */
background:url("http://ameblo-c.jp/samples/10b/10b-06.png");
}

a.global03{
width:160px;
height:40px;
text-indent:-9999px;
display:block;
/* メニュー 3 画像 */
background:url("http://ameblo-c.jp/samples/10b/10b-07.png");
}

a.global03:hover{
/* メニュー 3m 画像 */
background:url("http://ameblo-c.jp/samples/10b/10b-08.png");
}

a.global04{
width:159px;
height:40px;
text-indent:-9999px;
display:block;
/* メニュー 4 画像 */
background:url("http://ameblo-c.jp/samples/10b/10b-09.png");
}

a.global04:hover{
/* メニュー 4m 画像 */
background:url("http://ameblo-c.jp/samples/10b/10b-10.png");
}

a.global05{
width:158px;
height:40px;
text-indent:-9999px;
display:block;
/* メニュー 5 画像 */
background:url("http://ameblo-c.jp/samples/10b/10b-11.png");
}

a.global05:hover{
/* メニュー 5m 画像 */
background:url("http://ameblo-c.jp/samples/10b/10b-12.png");
}

a.global06{
width:160px;
height:40px;
text-indent:-9999px;
display:block;
/* メニュー 6 画像 */
background:url("http://ameblo-c.jp/samples/10b/10b-13.png");
}

a.global06:hover{
/* メニュー 6m 画像 */
background:url("http://ameblo-c.jp/samples/10b/10b-14.png");
}

a.global07{
width:176px;
height:40px;
text-indent:-9999px;
display:block;
/* メニュー 7 画像 */
background:url("http://ameblo-c.jp/samples/10b/10b-15.png");
}

a.global07:hover{
/* メニュー 7m 画像 */
background:url("http://ameblo-c.jp/samples/10b/10b-16.png");
}


/* a */

a{
text-decoration:none;
color:#0B0D59;
}

a:visited{
text-decoration:none;
color:#4D5382;
}

a:hover{
text-decoration:underline;
color:#04ACD0;
}

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

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

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