一覧

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

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

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

/* skinFrame2 */

.skinFrame2{
width:980px;
margin:0 auto;
background:transparent;
}

/* skinHeaderFrame */

.skinHeaderFrame{
width:980px;
margin:0;
padding:0;
}

/* skinHeaderArea, skinHeaderArea2 */

.skinHeaderArea{
/* ヘッダ左 画像 */
background:url("http://ameblo-c.jp/samples/1a/1a-04.png") 70px 140px no-repeat transparent;
}

.skinHeaderArea2{
/* ヘッダ右 画像 */
background:url("http://ameblo-c.jp/samples/1a/1a-03.png") right 148px no-repeat transparent;
}

/* skinBlogHeadingGroupArea */

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

.skinBlogHeadingGroupArea h1.skinTitleArea{
padding:55px 30px 0;
text-align:center;
}

.skinBlogHeadingGroupArea .skinTitle{
color:#40A7B9;
}

.skinDescriptionArea, .skinDescription{
display:none;
}

/* skinContentsFrame */

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

/* skinContentsArea, skinContentsArea2, layoutContentsA */

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

/* columnA */

.columnA .skinMainArea{
width:600px;
margin:0 20px 0 0;
padding:0;
background:transparent;
}

.columnA .skinMainArea2{
width:600px;
margin:0;
padding:0;
background:transparent;
}

/* skinArticle */

.skinArticle{
width:600px;
margin:0 auto 15px;
padding:0;
border:none;
background:url("http://ameblo-c.jp/samples/1a/1a-07.png") top left;
}

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

.skinArticleHeader h1{
width:490px;
margin:0;
padding:0 0 10px 0;
color:#666666;
}

.skinArticleHeader .skinArticleTitle{
color:#666666;
}

.skinArticleBody{
width:545px;
margin:0;
padding:0 20px 0 35px;
color:#666666;
}

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

.articleDetailArea{
border:none;
margin:0;
padding:20px 0;
background:url("http://ameblo-c.jp/samples/1a/1a-09.png") top left no-repeat transparent;
}

.skinArticleFooter{
width:545px;
margin:0;
padding:0 20px 15px 35px;
border-top:0px;
background:url("http://ameblo-c.jp/samples/1a/1a-08.png") bottom left no-repeat transparent;
}

/* advertising2,advertising3 */

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

/* commentArea */

.commentArea{
width:560px;
margin:0 0 0 10px
}

/* skinSubA */

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

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

.skinSubA .skinMenu, .skinSubA .skinMenu2{
width:300px;
margin:auto;
background:transparent;
}

.skinSubA .skinMenuHeader{
height:26px;
padding:12px 0 0 42px;
color:#009999;
font-weight:bold;
font-size:1.25em;
background:url("http://ameblo-c.jp/samples/1a/1a-10.png") top left no-repeat transparent;
}

.skinSubA .skinMenuBody{
width:280px;
margin:0;
padding:10px;
background:transparent;
}

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

div.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:#0099EC4;
}

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

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