あやのぉ 2012-08-05 13:26:29 |
通報 |
やってますよん!
ぜひきてくださぁいっ!
http://ameblo.jp/ohunato-k/entry-11324924263.html
@charset "utf-8";
/*
-----------------------------------------
【CSS編集 目次】
(1) 文字のスタイル
(2) ボタンのスタイル
(3) エリアのスタイル
(4) その他、拡張
※CSS編集で広告を修正しないでください
(規約違反に該当する可能性があります)
-----------------------------------------
@charset "utf-8";
/*CSS作成:
(C) http://adan.noor.jp/ameba_new/
■パスワード貸し借りでの使用禁止■
■再配布可■
*/
/*■1■ レイアウト*/
/*▼1-1 ヘッダ設定*/
.skinTitle{
display:block;
height:300px;/*ヘッダ高さ★*/
width:800px;/*幅*/
margin:0 auto;
}
.skinBlogHeadingGroupArea{
padding:0;
}
.skinTitleArea{
text-indent:-9999px;
}
.skinDescriptionArea{
display:none;
}
/*▼1-2 カラムレイアウト*/
body{
min-width:980px;
}
.layoutContentsA {
width: 787px!important;
}
.skinSubA{
width:302px!important;
}
.skinContentsArea2{
position:relative;
}
.skinMainArea2{
padding-top:6px;
}
.skinMenuHeader,
.skinMenuBody{
padding:0;
margin:0;
}
.subModule{
margin:0;
}
.skinArticleHeader,
.skinArticleBody2,
.skinArticleFooter{
margin:10px;
line-height:150%;
}
font{
line-height:130%;
}
/*▼1-3簡略アイフレ(skinSubBと同じ幅に)*/
.columnC #otherside,
.columnD #otherside{
width:180px;
position:absolute;
top:42px;
}
.columnD #otherside{
right:0;
}
.columnC #otherside{
left:0;
}
/*▼1-4 記事一覧タブ */
.tabArea{
margin:0 8px;
}
.listContentsArea{
margin:0 6px;
}
.commentArea{
margin:6px;
}
/*▼1-5 背景初期化*/
.skinBgColor,
.skinBaseBgColor,
.skinBlock{
background-color:transparent;/*≪背景透明*/
}
.skinWeakBgColor,
.skinBaseWeakBgColor,
.skinStrongBgColor,
.skinBaseStrongBgColor,
.skinMenuBody,
.skinMenuHeader,
.skinMessageBoard,
.skinSimpleBtn:hover,
.skinSimpleBtn:focus,
.skinSimpleBtn,
.skinSimpleBtn:visited,
.skinSimpleBtn:hover,
.skinSimpleBtn:focus,
.skinArticle,
.skinMenu{
background:transparent;/*≪背景透明*/
}
/*▼1-6 罫線:色以外の設定*/
.skinArticle,
.skinMessageBoard{
border:none;
}
.skinArticleHeader{
border-left:none;
border-left-style:solid;
border-width:5px;
}
.skinArticleFooter{
border-top:none;
border-top-style:dotted;
}
.skinSubHr,
.skinSubList li{
border-bottom:none;
}
.skinSimpleBtn,
.skinSimpleBtn:visited,
.skinSimpleBtn:hover,
.skinSimpleBtn:focus,
.skinMenu,
.skinMainArea,
.headerBnr,
.registArea,
.rss,
.subAdBannerArea .ad_frame{
border-style:solid;
border-width:1px;
}
/*▼1-7 簡略アイフレ罫線*/
#aifure1,
#aifure2,
#aifure3,
#aifure4,
#aifure5,
#aifure6,
#aifure7{
padding:10px;
border-style:solid;
border-width:1px;
margin:0 0 10px 0;
}
/*▼1-8 横メニュー*/
.skinContentsArea2{
padding-top:42px;
height:42px;
}
#navi00{
position:absolute;
left:89px;
top:0;
width:804px;
text-align:center;
}
#navi00 a{
display:block;
float:left;
width:130px;
height:30px;
line-height:30px;
font-size:20px;
margin-right:2px;
border-style:solid;
border-width:1px;
text-decoration:none;
font-family:'Princess Sofia',cursive;
font-weight:bold;
}
#navi00 a:link,
#navi00 a:visited{
background-image:url(http://adan.noor.jp/am/d0.gif ) ;/*≪背景画像*/
}
#navi00 a:hover{
background-image:url(http://adan.noor.jp/am/d1.gif ) ;/*≪背景画像*/
}
/*■2■ 色と画像 ■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
背景色:#000000
文字色:#f8f8f8
リンク:#cccccc
hover,new:#ffffff
border:#999999
*/
/*▼2-1 背景&ヘッダ設定*/
body{
background-image:url(http://stat.ameba.jp/user_images/20120315/17/sakurasaku7231/bc/63/g/o0100010011853022777.gif );/ *≪カッコ内に背景画像URL★*/
background-color:#999999;/*画像が不透明な場合は削除してよい*/
}
/*▽ヘッダ 高さは1-1に*/
.skinTitle{
background-image:url(http://stat.ameba.jp/user_images/20120519/10/oga-tatumi0417/44/6c/p/o0800030011980754899.png );/ *≪カッコ内にヘッダ画像URL★*/
background-color:#999999;/*画像が不透明な場合は削除してよい*/
}
/*▼2-2 文字*/
body{
color:#f8f8f8;
}
/*▼2-3 リンク*/
.skinSimpleBtn,
.skinSimpleBtn:link,
.skinSimpleBtn:visited,
.skinArticleTitle,
.skinArticleTitle:link,
.skinArticleTitle:visited,
.skinAnchorColor,
.skinBaseAnchorColor,
.skinBlock a,
.skinAnchorVisitedColor,
.skinBaseAnchorVisitedColor,
.skinBlock a:visited,
a:visited,
a{
color:#cccccc!important;/*≪文字色*/
}
/*▽リンク:オンマウス*/
.skinSimpleBtn:hover,
.skinSimpleBtn:focus,
.skinArticleTitle:hover,
.skinArticleTitle:focus,
.skinAnchorHoverColor,
.skinBaseAnchorHoverColor,
.skinBlock a:focus,
.skinBlock a:hover,
a:focus,
a:hover{
color:#ffffff!important;/*≪文字色*/
}
/*▼2-4 「New」など*/
.skinStrongColor,
.skinBaseStrongColor{
color:#ffffff;/*≪文字色*/
}
/*▼2-5 「テーマ」など*/
.skinWeakColor,
.skinBaseWeakColor{
color:#666666;/*≪文字色*/
}
/*▼2-6 背景色*/
/*▽二重枠用*/
.skinMainArea,
.skinMenu,
.registArea,.rss,
#aifure1,
#aifure2,
#aifure3,
#aifure4,
#aifure5,
#aifure6,
#aifure7{
background-color:#999999;
}
/*▽共通*/
.headerBnr,
.skinMainArea2,
.skinMenu2,
.subAdBannerArea .ad_frame,.registBtnArea,.subAdList,.rss div,
#aifure1 p,
#aifure2 p,
#aifure3 p,
#aifure4 p,
#aifure5 p,
#aifure6 p,
#aifure7 p{
background:#000000;/*≪背景*/
}
html, body {
scrollbar-base-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-shadow-color: #999999;
scrollbar-3dlight-color: #999999;
scrollbar-arrow-color: #999999;
}
div::-webkit-scrollbar{
background:#000000;
}
div::-webkit-scrollbar-button,
div::-webkit-scrollbar-thumb{
border:#999999 solid 1px;
background:#000000;
}
/*▼2-7 罫線*/
.skinSimpleBtn,
.skinSimpleBtn:visited,
.skinSimpleBtn:hover,
.skinSimpleBtn:focus,
.skinMenu,
.skinMainArea,
.skinMainArea2,
.headerBnr,
.skinTitle,
.registArea,
.rss,
.subAdBannerArea .ad_frame,
.skinBorderColor,
.skinBaseBorderColor,
.skinBlock,
.skinBorderHr,
.skinBorderList li,
.skinSubHr,
.skinSubList li,
.skinArticleHeader,
.skinArticleFooter,
#navi00 a:link,
#navi00 a:visited,
#aifure1,
#aifure2,
#aifure3,
#aifure4,
#aifure5,
#aifure6,
#aifure7,
/*▽二重枠用*/
.skinMainArea2,
.skinMenu2,
.registArea,.rss,.registBtnArea,.subAdList,.rss div,.rssDescription,
#aifure1 p,
#aifure2 p,
#aifure3 p,
#aifure4 p,
#aifure5 p,
#aifure6 p,
#aifure7 p{
border-color:#999999;/*≪罫線色*/
}
/*▼2-8 横メニュー*/
/*▽位置,背景画像などの設定は1-8に*/
#navi00 a:link,
#navi00 a:visited{
background-color:#333333;/*≪背景色*/
background-image:url(http://adan.noor.jp/tile/rand100b.gif );
}
/*▽ 横メニューオンマウス*/
#navi00 a:hover{
color:#ffffff!important;/*≪文字色*/
border-color:#000000;/*≪罫線色*/
background-color:#000000;/*≪背景色*/
}
/*▼二重枠レイアウト編*/
/*▽外枠*/
.skinMainArea,
.skinMenu,
.registArea,.rss,
#aifure1,
#aifure2,
#aifure3,
#aifure4,
#aifure5,
#aifure6,
#aifure7{
background-image:none;/*≪背景画像*/
padding:0px;
border-style:solid;/*枠の種類*/
background:#fff!important;
}
/*▽内枠*/
.skinMainArea2,
.skinMenu2,
#aifure1 p,
#aifure2 p,
#aifure3 p,
#aifure4 p,
#aifure5 p,
#aifure6 p,
#aifure7 p{
margin:6px;
padding:6px;
}
.skinMainArea2,
.skinMenu2,
.subAdList,.rss div,.rssDescription,.registBtnArea,
#aifure1 p,
#aifure2 p,
#aifure3 p,
#aifure4 p,
#aifure5 p,
#aifure6 p,
#aifure7 p{
border-width:1px;
border-style:dashed;/*枠の種類*/
}
.registBtnArea,.subAdList,.rss div,.rssDescription{width:286px!important;}
.skinSubA .registArea .subAdList{width:286px;}
.rss{width:288px!important;padding:0 6px 6px 6px;background-position:top left;border-width:0 1px 1px 1px!important;}
.registBtnArea{margin:0;padding:6px 0;border-width:1px 1px 0 1px;}
.gifAd{padding:0 0 0 30px;}
.registArea .ad_frame,.rss div{text-align:center;padding:6px 0;}
.registArea{background-position:bottom left;padding:6px 6px 0 6px;border-width:1px 1px 0 1px;}.subAdList,.rss div{border-width:0 1px;}.rssDescription{border-width:0 1px 1px 1px!important;
/*▲二重枠レイアウト編*/
トピック検索 |