TOP >
その他のテーマ
自分のﾄﾋﾟｯｸを作る
■：
黒炎を纏いし堕天使 [×]
2012-08-13 19:12:15
あ
1：
黒炎を纏いし堕天使 [×]
2012-08-13 19:12:30
@charset "utf-8";
/*
-----------------------------------------
【CSS編集 目次】
(1) 文字のスタイル
(2) ボタンのスタイル
(3) エリアのスタイル
(4) その他、拡張
※CSS編集で広告を修正しないでください
（規約違反に該当する可能性があります）
-----------------------------------------
@charset "utf-8";
/*CSS作成：
(C) http://adan.noor.jp/ameba_new/
■パスワード貸し借りでの使用禁止■
■再配布の際は、要リンク■
*/
/*■1■ レイアウト*/
/*▼1-1 ヘッダ設定*/
.skinBlogHeadingGroupArea{
padding:0;
}
.skinTitle{
display:block;
height:300px;/*ヘッダ高さ★*/
width:800px;/*幅*/
margin:0 auto;
}
.skinTitleArea{
text-indent:-9999px;
}
.skinDescriptionArea{
display:none;
}
/*▼1-2 カラムレイアウト*/
body{
min-width:800px;
}
.layoutContentsA {
width:800px!important;
}
.skinSubA{
width:302px!important;
}
.skinContentsArea2{
position:relative;
}
.skinMainArea2{
padding-top:6px;
}
.skinMenuHeader,
.skinMenuBody{
padding:0;
margin:0;
}
.skinHeaderArea,
.skinContentsArea{
margin:0 auto;
width:800px!important;
}
.layoutContentsA{
width:800px!important;
}
.skinMainArea{
width:484px!important;
}
.skinMainArea2{
padding-top:6px;
}
.skinSubA{
width:302px!important;
}
.skinSubB{
width:0px!important;
}
.subModule{
margin:0;
}
.skinArticleHeader,
.skinArticleBody2,
.skinArticleFooter{
margin:10px;
line-height:150%;
}
font{
line-height:130%;
}
/*▼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,
.skinSubA .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;
}
#navi00{
position:absolute;
left:0px;
top:0;
width:804px;
text-align:center;
}
#navi00 a{
display:block;
float:left;
width:129px;
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■ 色と画像 ■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
背景色：#ffffff;
文字色：#777777;
リンク：#ffa1d9
hover,new：#ff5fbe
border：#ffccea
*/
/*▼2-1 背景＆ヘッダ設定*/
body{
background-image:url(http://stat.ameba.jp/user_images/20120628/07/happyhuru-tu/f9/59/g/o0130013012050926443.gif );/ *≪カッコ内に背景画像URL★*/
background-color:#ffccea;/*背景画像が不透明な場合は削除してよい*/
}
/*▽ヘッダ 高さは1-1に*/
.skinTitle{
background-image:url(http://stat.ameba.jp/user_images/20120801/13/aya1gou/01/9f/p/o0800030012110083812.png );/ *≪カッコ内にヘッダ画像URL★*/
background-color:#ffccea;/*ヘッダ画像が不透明な場合は削除してよい*/
}
/*▼2-2 文字*/
body{
color:#777777;
}
/*▼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:#ffa1d9!important;/*≪文字色*/
}
/*▽リンク：オンマウス*/
.skinSimpleBtn:hover,
.skinSimpleBtn:focus,
.skinArticleTitle:hover,
.skinArticleTitle:focus,
.skinAnchorHoverColor,
.skinBaseAnchorHoverColor,
.skinBlock a:focus,
.skinBlock a:hover,
a:focus,
a:hover{
color:#ff5fbe!important;/*≪文字色*/
}
/*▼2-4 「New」など*/
.skinStrongColor,
.skinBaseStrongColor{
color:#ff5fbe;/*≪文字色*/
}
/*▼2-5 「テーマ」など*/
.skinWeakColor,
.skinBaseWeakColor{
color:#666666;/*≪文字色*/
}
/*▼2-6 背景色*/
/*▽二重枠用*/
.skinMainArea,
.skinMenu,
.registArea,.rss,
#aifure1,
#aifure2,
#aifure3,
#aifure4,
#aifure5,
#aifure6,
#aifure7{
background-color:#ffccea;
}
/*▽共通*/
.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:#ffffff;/*≪背景*/
}
html, body {
scrollbar-base-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-track-color: #ffffff;
scrollbar-shadow-color: #ffccea;
scrollbar-3dlight-color: #ffccea;
scrollbar-arrow-color: #ffccea;
}
div::-webkit-scrollbar{
background:#ffffff;
}
div::-webkit-scrollbar-button,
div::-webkit-scrollbar-thumb{
border:#ffccea solid 1px;
background:#ffffff;
}
/*▼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:#ffccea;/*≪罫線色*/
}
/*▼2-8 横メニュー*/
/*▽位置,背景画像などの設定は1-8に*/
#navi00 a:link,
#navi00 a:visited{
background-color:#ffccea;/*≪背景色*/
}
/*▽ 横メニューオンマウス*/
#navi00 a:hover{
color:#ffffff!important;/*≪文字色*/
border-color:#ffffff;/*≪罫線色*/
background-color:#ffccea;/*≪背景色*/
}
/*▼二重枠レイアウト編*/
/*▽外枠*/
.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;}
/*▲二重枠レイアウト編*/
2：
黒炎を纏いし堕天使 [×]
2012-08-13 19:16:44
@charset "utf-8";
/*CSS作成：
(C) http://adan.noor.jp/ameba_new/
■パスワード貸し借りでの使用禁止■
■再配布の際は要リンク■
■記事スクロール不向き■
*/
/*■1■ レイアウト*/
/*▼1-1 ヘッダ設定*/
.headerBnr{
position:relative;
z-index:1;
}
.skinHeaderFrame{
padding:0;
height:500px;/*ヘッダ高さ★*/
width:500px;/*幅*/
margin-bottom:6px;
position:fixed;
top:128px;
left:50%;
margin-left:-608px;
}
.skinHeaderArea, .skinBlogHeadingGroupArea{
height:500px;/*ヘッダ高さ★*/
width:500px;/*幅*/
padding:0;
}
.skinTitle{
display:block;
height:500px;/*ヘッダ高さ★*/
width:500px;/*幅*/
margin:0 auto;
background-position:center center;
background-repeat:no-repeat;
z-index:100px;
}
.skinTitleArea{
text-indent:-9999px;
}
.skinDescriptionArea{
display:none;
}
/*▼1-2 カラムレイアウト*/
body{
min-width:0px;
}
.headerBnrArea{
padding-bottom:5px;
}
.skinContentsFrame{
width:710px!important;
position:relative;
top:0px;
left:50%;
margin-left:-100px;
}
.skinContentsArea{
width:710px!important;
}
.layoutContentsA {
width: 710px!important;
z-index:1;
}
.skinMainArea{
width:400px!important;
}
.skinSubA{
width:302px!important;
}
.skinSubB{
width:0px!important;
height:0px!important;
overflow:hidden;
}
.skinMainArea2{
padding-top:6px;
}
.skinMenuHeader,
.skinMenuBody{
padding:0;
margin:0;
}
.skinArticleHeader{
margin:0;}
.skinArticleBody2{
margin:0 10px 10px 10px;
}
.articleDetailArea{
padding:0 0 10px 0;
text-align:right;
}
/*▽記事*/
.subModule{
margin:0;
}
.skinArticleHeader,
.skinArticleBody2,
.skinArticleFooter{
line-height:150%;
}
font{
line-height:130%;
}
/*▼1-3 ナビゲーション*/
.pagingArea {
position: relative;
width: 340px;
margin: 0 auto;
text-align: center;
}
.pagingList{
padding: 4px 14px 3px;
margin-top: 0px;
border-radius: 6px;
}
.pagingNext {
left:210px;
}
.pagingPrev {
right:210px;
}
/*▼1-4 記事一覧タブ */
.tabArea{
margin-top:10px;
}
.tab {
width: 110px;
min-width:110px;
max-width:110px;
padding:3px 0px;
}
#resPointArea #resPoint li{
display:block;
float:left;
}
.skinMenuHeader{
background:none;
}
.skinMenuBody{
background:none;
border:none;
padding:0px;
}
.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;
}
.skinMenu {
margin-bottom:6px;
}
.skinSimpleBtn,
.skinSimpleBtn:visited,
.skinSimpleBtn:hover,
.skinSimpleBtn:focus,
.skinMenu,
.skinMainArea,
.headerBnr,
.registArea,
.rss,
.subAdBannerArea .gpt-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 6px 0;
}
/*▼1-8 横メニュー*/
#navi00{
position:fixed;
top:90px;/*ヘッダ高さ+5★*/
left:50%;
margin-left:-608px;
width:500px;
text-align:center;
z-index:0;
}
#navi00 a{
display:block;
float:left;
width:78px;
height:30px;
line-height:30px;
font-size:21px;
margin-right:1px;
border-style:solid;
border-width:1px;
text-decoration:none;
font-family:'Princess Sofia',cursive;
}
#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://adan.noor.jp/tile/rand400b.gif);/*≪カッコ内に背景画像URL★*/
background-color:#999999;/*画像が不透明な場合は削除してよい*/
}
/*▽ヘッダ 高さは1-1に*/
.skinTitle{
background-image:url(http://stat.blogskin.ameba.jp/blogskin_images/20120731/12/ec/d9/j/o05000500si-chan19991343703978913.jpg);/*≪カッコ内にヘッダ画像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;/*≪背景色*/
}
3：
黒炎を纏いし堕天使 [×]
2012-08-13 20:00:15
@charset "utf-8";
/*CSS作成：
(C) http://adan.noor.jp/ameba_new/
■パスワード貸し借りでの使用禁止■
■再配布の際は要リンク■
■記事スクロール不向き■
*/
/*■1■ レイアウト*/
/*▼1-1 ヘッダ設定*/
.headerBnr{
position:relative;
z-index:1;
}
.skinHeaderFrame{
padding:0;
height:500px;/*ヘッダ高さ★*/
width:500px;/*幅*/
margin-bottom:6px;
position:fixed;
top:128px;
left:50%;
margin-left:-608px;
}
.skinHeaderArea, .skinBlogHeadingGroupArea{
height:500px;/*ヘッダ高さ★*/
width:500px;/*幅*/
padding:0;
}
.skinTitle{
display:block;
height:500px;/*ヘッダ高さ★*/
width:500px;/*幅*/
margin:0 auto;
background-position:center center;
background-repeat:no-repeat;
z-index:100px;
}
.skinTitleArea{
text-indent:-9999px;
}
.skinDescriptionArea{
display:none;
}
/*▼1-2 カラムレイアウト*/
body{
min-width:0px;
}
.headerBnrArea{
padding-bottom:5px;
}
.skinContentsFrame{
width:710px!important;
position:relative;
top:0px;
left:50%;
margin-left:-100px;
}
.skinContentsArea{
width:710px!important;
}
.layoutContentsA {
width: 710px!important;
z-index:1;
}
.skinMainArea{
width:400px!important;
}
.skinSubA{
width:302px!important;
}
.skinSubB{
width:0px!important;
height:0px!important;
overflow:hidden;
}
.skinMainArea2{
padding-top:6px;
}
.skinMenuHeader,
.skinMenuBody{
padding:0;
margin:0;
}
.skinArticleHeader{
margin:0;}
.skinArticleBody2{
margin:0 10px 10px 10px;
}
.articleDetailArea{
padding:0 0 10px 0;
text-align:right;
}
/*▽記事*/
.subModule{
margin:0;
}
.skinArticleHeader,
.skinArticleBody2,
.skinArticleFooter{
line-height:150%;
}
font{
line-height:130%;
}
/*▼1-3 ナビゲーション*/
.pagingArea {
position: relative;
width: 340px;
margin: 0 auto;
text-align: center;
}
.pagingList{
padding: 4px 14px 3px;
margin-top: 0px;
border-radius: 6px;
}
.pagingNext {
left:210px;
}
.pagingPrev {
right:210px;
}
/*▼1-4 記事一覧タブ */
.tabArea{
margin-top:10px;
}
.tab {
width: 110px;
min-width:110px;
max-width:110px;
padding:3px 0px;
}
#resPointArea #resPoint li{
display:block;
float:left;
}
.skinMenuHeader{
background:none;
}
.skinMenuBody{
background:none;
border:none;
padding:0px;
}
.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;
}
.skinMenu {
margin-bottom:6px;
}
.skinSimpleBtn,
.skinSimpleBtn:visited,
.skinSimpleBtn:hover,
.skinSimpleBtn:focus,
.skinMenu,
.skinMainArea,
.headerBnr,
.registArea,
.rss,
.subAdBannerArea .gpt-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 6px 0;
}
/*▼1-8 横メニュー*/
#navi00{
position:fixed;
top:90px;/*ヘッダ高さ+5★*/
left:50%;
margin-left:-608px;
width:500px;
text-align:center;
z-index:0;
}
#navi00 a{
display:block;
float:left;
width:78px;
height:30px;
line-height:30px;
font-size:21px;
margin-right:1px;
border-style:solid;
border-width:1px;
text-decoration:none;
font-family:'Princess Sofia',cursive;
}
#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://adan.noor.jp/tile/rand400b.gif);/*≪カッコ内に背景画像URL★*/
background-color:#999999;/*画像が不透明な場合は削除してよい*/
}
/*▽ヘッダ 高さは1-1に*/
.skinTitle{
background-image:url(http://stat.blogskin.ameba.jp/blogskin_images/20120731/12/ec/d9/j/o05000500si-chan19991343703978913.jpg);/*≪カッコ内にヘッダ画像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;/*≪背景色*/
}
【お勧め】
・初心者さん向けトピック
[0]ｾｲﾁｬｯﾄTOP
[1]その他のテーマ
[9]最新の状態に更新
お問い合わせﾌｫｰﾑ
(C) Mikle