一覧

アメブロ サンプル・デザイン 7c.css

ダウンロード:7c.css
	/* サンプル 7c */

.skinBody{
background:#FFFFFF;
}

/* skinFrame */

.skinFrame{
width:100%;
margin:0 auto;
}

/* skinFrame2 */

.skinFrame2{
width:auto;
min-width:1175px;
margin:0 auto;
padding:30px 0 0 0;
background:url("http://ameblo-c.jp/samples/7c/7c-01.png") top left repeat-x transparent;
position:relative;
}

/* skinHeaderFrame */

.skinHeaderFrame{
width:1175px;
height:283px;
margin:0 auto;
/* ヘッダ 画像 */
background:url("http://ameblo-c.jp/samples/7c/7c-04.png") 560px 0px no-repeat transparent;
}

.skinHeaderArea{
width:1175px;
/* ヘッダー ホワイト */
background:url("http://ameblo-c.jp/samples/7c/7c-02.png") top left no-repeat transparent;
}

.skinHeaderArea2{
/* ヘッダ タイトル */
background:url("http://ameblo-c.jp/samples/7c/7c-03.png") top left no-repeat transparent;
}

/* skinBlogHeadingGroupArea */

.skinBlogHeadingGroupArea{
padding:0;
}

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

.skinBlogHeadingGroupArea .skinTitle{
width:1175px;
height:200px;
display:block;
}

.skinDescriptionArea{
display:none;
}

/* skinContentsFrame */

.skinContentsFrame{
width:1173px;
margin:0 auto;
border-right:#E4DFB8 1px solid;
border-left:#E4DFB8 1px solid;
background:#FCFBE9;
}

.skinContentsArea, .skinContentsArea2{
width:1175px;
}

/* layoutContentsA */

.columnC .layoutContentsA{
width:980px;
margin:0;
padding:0;
}

/* skinMainArea */

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

.pagingArea{
width:470px;
}

.skinArticle{
width:663px;
margin:0 0 15px 0;
padding:0;
border:none;
border:1px solid #A4BAD0;
}

.skinArticleHeader{
width:613px;
margin:0;
padding:10px 25px 15px 25px;
border:none;
background:url("http://ameblo-c.jp/samples/7c/7c-07.png") transparent;
}

.skinArticleHeader h1{
margin:0;
padding:0;
color:#413125;
}

.skinArticleHeader .skinArticleTitle{
color:#413125;
}

.skinArticleBody{
width:583px;
margin:0;
padding:35px 40px;
color:#594B40;
border-top:5px solid #5E90C9;
}

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

.articleText{
line-height: 1.6;
font-size: 125%;
}

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

.skinArticleFooter{
width:583px;
margin:0 auto;
padding:20px 0;
border:none;
background:url("http://ameblo-c.jp/samples/7c/7c-08.png") top left repeat-x transparent;
}

.articleExLinkArea{
margin:0 0 10px 0;
padding:0;
text-align:center;
}

.articleLinkArea{
margin:0;
padding:0;
text-align:center;
}

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

/* div#advertising2, div#advertising3 */

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

/* skinSubA */

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

/* layoutContentsB */

.columnC .layoutContentsB{
width:180px;
margin:0;
padding:15px 0;
background:transparent;
}

.columnC .skinSubB2{
width:180px;
margin:0;
padding:0;
}

.skinSubA .skinMenu, .layoutContentsB .skinMenu{
background:transparent;
}

.skinSubA .skinMenuBody, .layoutContentsB .skinMenuBody{
background:transparent;
}

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

div.themeMenu .skinMenuHeader{
/* ブログテーマ一覧 */
width:179px;
height:47px;
margin:0;
padding:0;
background:url("http://ameblo-c.jp/samples/7c/7c-09.png") top left no-repeat transparent;
text-indent:-9999px;
}

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

div.archiveMenu .skinMenuHeader{
/* アーカイブ */
width:179px;
height:47px;
margin:0;
padding:0;
background:url("http://ameblo-c.jp/samples/7c/7c-11.png") top left no-repeat transparent;
text-indent:-9999px;
}

div.readerMenu .skinMenuHeader{
/* このブログの読者 */
width:179px;
height:47px;
margin:0;
padding:0;
background:url("http://ameblo-c.jp/samples/7c/7c-12.png") top left no-repeat transparent;
text-indent:-9999px;
}

div.profileMenu .skinMenuHeader{
/* プロフィール */
width:179px;
height:47px;
margin:0;
padding:0;
background:url("http://ameblo-c.jp/samples/7c/7c-13.png") top left no-repeat transparent;
text-indent:-9999px;
}

div.favoriteMenu .skinMenuHeader{
/* お気に入りブログ */
width:179px;
height:47px;
margin:0;
padding:0;
background:url("http://ameblo-c.jp/samples/7c/7c-14.png") top left no-repeat transparent;
text-indent:-9999px;
}

div.bookmarkMenu .skinMenuHeader{
/* ブックマーク */
width:179px;
height:47px;
margin:0;
padding:0;
background:url("http://ameblo-c.jp/samples/7c/7c-15.png") top left no-repeat transparent;
text-indent:-9999px;
}

div.rankingMenu .skinMenuHeader{
/* アメブロランキング */
width:179px;
height:52px;
margin:0;
padding:0;
background:url("http://ameblo-c.jp/samples/7c/7c-16.png") top left no-repeat transparent;
text-indent:-9999px;
}

div.recentCommentMenu .skinMenuHeader{
/* 最近のコメント */
width:179px;
height:52px;
margin:0;
padding:0;
background:url("http://ameblo-c.jp/samples/7c/7c-18.png") top left no-repeat transparent;
text-indent:-9999px;
}

.skinSubList li{
border:none;
}

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

.blogSearchForm{
}

/* global */

div#global{
position:absolute;
top:230px;
left:0;
width:100%;
height:83px;
margin:0;
padding:0;
z-index:1;
background:url("http://ameblo-c.jp/samples/7c/7c-05.png") top left repeat-x;
}

div#global ul li a{
color:#FFFFFF;
}

div#global ul{
width:1175px;
margin:36px auto 0;
padding:0;
font-size:17px;
font-weight:bold;
list-style:none;
}

div#global ul li{
width:185px;
margin:0 0 2px 0;
padding:0 0 0 45px;
list-style:none;
float:left;
background:url("http://ameblo-c.jp/samples/7c/7c-06.png") 25px 2px no-repeat;
}

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

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

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

/* skinMessageBoard */

.skinMessageBoard{
padding:0;
overflow:hidden;
border:none;
background:transparent;
}

.skinMessageBoard2{
margin:0;
padding:0;
overflow:hidden;
background:transparent;
}

.skinMessageBoard3{
margin:0;
padding:0;
overflow:hidden;
background:transparent;
}

	
HOME