rantamutamuさんのブログ

rantamutamuさんのブログ

ブログの説明を入力します。

Amebaでブログを始めよう!

@charset "UTF-8";




/*自分で★カスタマイズ@《Ameba blog》*/

/* http://adan.noor.jp/ameba_new
*/

/*新「CSS編集用」で800px・2カラム*/


/*

使用カラーコード

CSS中で、検索(Ctrl+f)して、お好みの色コードに変更してください。

#ff8efe=濃い色

#ffbcfe=薄い色

#FF3399=Hover,New

*/


/*◆1 全体カラーなど */

/*◇1-1 背景画像 */

body{

background:url(http://stat.blogskin.ameba.jp/blogskin_images/20111102/17/96/15/j/o00800080sakura10429031320221002633.jpg
) #ffc4de;/*背景画像*/

}


/*◇1-2 リンク色 */


.skinAnchorColor,.skinBaseAnchorColor,.skinBlock a,a,

.skinAnchorVisi5555batedColor,.skinBaseAnchorVisitedColor,.skinBlock a:visited,a:visited{

color:#ff8efe;

}


a:hover,

.skinBlock a:hover{

color:#FF3399;

}


/*◇1-3 スクロールバー */

body,html{

scrollbar-face-color:#ffffff;

scrollbar-highlight-color: #ff8efe;

scrollbar-shadow-color: #ff8efe;

scrollbar-3dlight-color: #ffffff;

scrollbar-arrow-color: #ff8efe;

scrollbar-track-color: #ffffff;

scrollbar-darkshadow-color: #ffffff;

}


/*◆2 レイアウト*/


/*◇2-1 ヘッダ*/

.skinHeaderArea {

width: 800px;/*ヘッダ画像幅*/

height:300px;/*ヘッダ画像高さ*/

background:url(*ヘッダ画像URL*/

text-indent:-9999px;

}


.skinTitleArea a{

width: 800px;/*ヘッダ画像幅*/

height:300px;/*ヘッダ画像高さ*/

display:block;

}


.skinDescriptionArea{

display:none;

}




/*◇2-2 記事+メニュー囲み*/

.skinContentsArea{

margin-top:33px;

border:1px solid #ff8efe;/*記事+メニュー囲み、外側罫線*/

width:792px;

background:url(http://adan.noor.jp/ameba_new/yuu/pink3.gif);/
*二重罫線の隙間*/

padding:3px;

float:left;

}

.skinContentsArea2{

width:750px;

padding:20px;

border:1px solid #ff8efe;/*記事+メニュー囲み、内側罫線*/

background:#fff;

float:left;

}


.columnC .layoutContentsA {

width: 745px;

}




/*右カラム*/

.columnC .skinSubA{

width:300px;

}

/*メインカラム*/

.columnC .skinMainArea {

width: 420px;

}


/*◆3 記事*/


/*◇3-1 記事枠*/


/*記事枠(外)*/

.skinMessageBoard,

.skinArticle{

border:1px solid #ff8efe;/*記事囲み、外側罫線*/

width:412px;

background:url(http://adan.noor.jp/ameba_new/yuu/pink3.gif);/
*二重罫線の隙間*/

padding:3px;

float:left;

margin:0 0 50px 0;

}


/*記事枠(内)*/

.skinMessageBoard2,

.skinArticle2{

border:1px solid #ff8efe;/*記事囲み、内側罫線*/

background:#fff;

width:410px;

float:left;

margin:0;

}


/*記事レイアウト*/

/*記事ヘッダ*/

.skinArticleHeader {

margin: 20px 20px 0 20px;

padding:0;

border-left:none;

}


/*記事余白*/

.skinArticleBody2{

margin:20px;}


/*記事タイトル文字色など*/

.skinArticleTitle, .skinArticleTitle:hover, .skinArticleTitle:focus, .skinArticleTitle:visited {

color: #ff8efe;

}


/*◇3-1 記事日付*/

/*記事枠の上に隙間あけて*/

.skinArticle2{

position:relative;

padding-top:40px;

}


/*記事ヘッダ全体上げて*/

.articleDetailArea{

position:absolute;

left:0;

top:0;

width:100%;

}


/*記事日付を上ヅケ、大きく、フォント変更*/

.articleTime{

position:absolute;

left:8px;

top:0;

font-size:21px;/*文字サイズ*/

font-family: 'Sniglet', cursive;/*フォント*/

}


/*記事日付に色*/

.skinWeakColor, .skinBaseWeakColor {

color: #ffbcfe;/*文字色*/

}


/*NEWだけ小さく*/

.skinStrongColor, .skinBaseStrongColor {

color: #FF3399;/*文字色*/

font-size:10px;

}


/*記事テーマは日付の下*/

.articleTheme{

position:absolute;

right:5px;

top:0px;

padding-top:36px;

width:405px;

text-align:right;

background:url(http://adan.noor.jp/ameba_marin/dot4.gif
);

}


/*NEW*/

.skinStrongColor, .skinBaseStrongColor {

color: #FF3399;/*文字色*/

font-size:10px;

}





/*◆4 コメント*/

/*◇4-1 オーナーコメント*/


.ownerComment{

padding-left:56px;

background:url(【オーナーコメント画像URL(50x50)】) top left no-repeat;/*オーナーコメントアイコン*/

}

.skinStrongBgColor, .skinBaseStrongBgColor {

background-color: #ffffff;

}


/*コメント部分ボーダー削除*/

.skinBorderHr, .skinBorderList li {

border: none;

}


/*◆5 ナビゲーション*/

/*pagingArea*/

.pagingArea{

position: relative!important;

width: 420px!important;

height:24px;

overflow:hidden;

margin: 3px auto;

}


.pagingPrev, .pagingNext {

padding: 3px;

}


.skinSimpleBtn, .skinSimpleBtn:visited, .skinSimpleBtn:hover, .skinSimpleBtn:focus {

border: 1px solid #ffc4de;

background: white;

color:#ff8efe;

}



/*一覧タブ*/

.tab {

padding:6px 0;

min-width: 117px;

max-width: 117px;

}


.skinBorderColor, .skinBaseBorderColor, .skinBlock {

border-color:#ffc4de;

}




/*レイアウト*/

.skinFrame2{

margin:0 auto;

width:800px;

position:relative;

}




/*◆6 メニューカラム*/

/*左カラム隠す*/

.columnC .layoutContentsB{

display:none

}


/*メニュー部分飾りライン*/

/*元飾りを削除しライン引きなおし*/


.skinMenu{

border:1px solid #ff8efe;

border-width:1px 0px 1px 0;

padding:2px 0 0 0;

background:#ffc4de;

margin-bottom:20px;

}


.skinMenuHeader{

border:1px solid #ff8efe;

border-width:1px 0px 0 0;

background:#fff;

padding:0;

}


.skinMenuBody{

background:#fff;

padding:0;

margin: 0;

}


.skinSubHr, .skinSubList li {

border-top: 1px dotted #ff8efe;

border-bottom: none;

padding-left:12px;

}


.skinArticleFooter {

border: none;

}


.skinBorderColor, .skinBaseBorderColor{

border: none;

}


.skinBlock{

border-color: #ff8efe;

}


.commentArea{

margin-top:50px;

}



/*◆7 横メニュー */




/* relative設定の部位を基準に位置ぎめする。*/

/* このスキンデザインでは「ヘッダ画像左上から」*/


#navi00{

position:absolute;

left:0; /* 横位置=「ヘッダ画像左上」から、何pxか */

top:303px; /* 縦位置=「ヘッダ画像左上」から、何pxか */

width:798px;

text-align:center;

}

/* 各メニューの設定 */

#navi00 a{

display:inline-block; /* 背景を指定できるように */

width:128px; /* 各メニューの「幅」。下の表を参考に決めてください */

height:25px; /* 各メニューの「高さ」 */

line-height:25px;

margin-left:3px; /* 各メニューの「隙間」 */;

font-family: 'Sniglet', cursive;

font-size:18px;

}

/* 各メニューの設定 */

#navi00 a:link,

#navi00 a:visited{

background:#ffffff; /* 各メニューの「背景色」 */

color:#ff8efe; /* 各メニューの「文字色」 */

border:1px solid #ff8efe; /* 各メニューの「囲み罫線」 */

text-decoration:none;

}


/* 各メニューの設定(マウスカーソル触れたとき) */

#navi00 a:hover{

background:#ff8efe; /* 触れたときの「背景色」 */

color:#ffffff; /* 触れたときの「文字色」 */

border:1px solid #ffc4de; /* 触れたときの「囲み罫線」 */

text-decoration:none;

}




skinFrame2{

text-align:center;

}

.articleLinkArea{

text-align:center;

}


.skinArticle{

background:url(http://stat.blogskin.ameba.jp/blogskin_images/20111102/17/96/15/j/o00800080sakura10429031320221002633.jpg
);

}

/* 音楽自動再生を表示 */

#frame{

position:relative;

}

.headerVideo{

position:absolute;

width:170px;/* 動画の横幅 */

height:150px;/* 動画の縦幅 */

left:768px;/* 横からの位置 */

top:23px;/* 上からの位置 */

}

.skinArticle{

background:url(http://stat.blogskin.ameba.jp/blogskin_images/20111102/17/96/15/j/o00800080sakura10429031320221002633.jpg
);

}

/*ヘッダー画像*/

.skinHeaderArea{

height:300px;/*高さ*/

background-image:url(http://stat.blogskin.ameba.jp/blogskin_images/20111113/09/ce/95/j/o04000299sakura10429031321144144038.jpg
);

background-repeat:no-repeat;/*繰り返し*/

background-position:center top;

}


html{

background-image:url(http://stat.blogskin.ameba.jp/blogskin_images/20111102/17/96/15/j/o00800080sakura10429031320221002633.jpg);/
*画像URL*/

background-repeat:repeat;

background-attachment:fixed;

}

ブログデザインコンテストに参加しよう! ブログネタ:ブログデザインコンテストに参加しよう! 参加中

本文はここから音譜
rantamutamuさんのブログ-星


はぃぃぃ(沙*・ω・)

久々のPCからの投稿と言うことでね。はぃ。

さっそくですが・・・


星でいっぱいにしてみましたぁぁぁぁぁw


結構キレイでしょw


で・・・・・


はっきり言ってですねぇ・・・


結構気に入ってます!!!はい。(沙*・ω・)


だってねぇ・・・


あってるじゃんww音譜



いうことで・・・・・


ブログの背景に関して


コメ募集なぅ。←


( ゚д゚)ノ ヨロォォォォォヾ(*´∀`*)ノキャッキャ