人気ブログランキング | 話題のタグを見る

手書きノート


by asazuki

スキン「クリスマス」を右サイドバー化するためのCSS -navy blue-

スキン「クリスマス」を右サイドバー化するためのCSSのnavy blue バージョンです。


スキン「クリスマス」を右サイドバー化するためのCSS -navy blue-_d0112463_1503041.jpg
demo



CSS


/* excite blog default skin html */

BODY{ BACKGROUND : #02002A; MARGIN : 0PX;PADDING : 0PX; }
BODY,TD,DIV,LI{ FONT-SIZE : SMALL; FONT-FAMILY : VERDANA,ARIAL,SANS-SERIF; LINE-HEIGHT : 150%; COLOR : #ffffff; }

A:LINK{ COLOR: #ffffff; TEXT-DECORATION: UNDERLINE; }
A:VISITED{ COLOR: #ffffff; TEXT-DECORATION: UNDERLINE; }
A:ACTIVE{ COLOR: #ffffff; TEXT-DECORATION: UNDERLINE; }
A:HOVER{ COLOR: red; TEXT-DECORATION: UNDERLINE; }



#XmasTitle { width:1000px; height:190px; margin:0 auto; padding:0; background-image:url(http://md.exblog.jp/skn/img/a/01/12/0/navy_ti_bg.gif); background-repeat:no-repeat;}
#XmasTitle .TxtBox { width:780px; margin:30px 110px; padding:0;}


#XmasConts { width:800px; margin:0px auto 50px auto; padding:0; }

#MenuBox { width:180px; margin:30px 0 0; padding:0; float:right; }

#PostBox { width:570px; margin:0; padding:0; float:left; }



DIV.HEADER{ font-size: xx-large; FONT : BOLD LARGE/100% Courier New,TAHOMA; TEXT-ALIGN:LEFT;}

DIV.HEADER A:LINK { COLOR: #ffffff; TEXT-DECORATION: NONE; }
DIV.HEADER A:VISITED { COLOR: #ffffff; TEXT-DECORATION: NONE; }
DIV.HEADER A:HOVER { COLOR:red; TEXT-DECORATION: NONE; }

DIV.URL{ FONT : X-SMALL/100% VERDANA,TAHOMA; MARGIN : 10PX 0PX 20PX; TEXT-ALIGN:LEFT;}
DIV.USERMENU{ FONT : 8PT/100% VERDANA; TEXT-ALIGN : left; MARGIN-BOTTOM : 7PX; }

DIV.USERMENU A:LINK {COLOR:#ffffff; TEXT-DECORATION: NONE}
DIV.USERMENU A:VISITED {COLOR: #ffffff; TEXT-DECORATION: NONE}
DIV.USERMENU A:HOVER {COLOR:red; TEXT-DECORATION: UNDERLINE;}

DIV.PROFILE{ WIDTH : 180PX; PADDING : 0PX 0PX 10PX; LINE-HEIGHT : 130%; OVERFLOW : HIDDEN; TEXT-ALIGN:LEFT;}
DIV.MN{ TEXT-ALIGN:LEFT; }

DIV.MNTTL{
width:170PX; height:40px;
margin:30px 0 0 0; padding:15px 0 0 10px;
background-image:url(http://md.exblog.jp/skn/img/a/01/12/0/navy_MnTi.gif);
background-repeat:no-repeat;
text-align:center;
font-weight:bold;
color:#092AA4; }

DIV.MNTTL A:LINK { COLOR: #188AFF; TEXT-DECORATION: NONE; }
DIV.MNTTL A:VISITED { COLOR: #6EC2DA; TEXT-DECORATION: NONE; }
DIV.MNTTL A:HOVER { COLOR: #188AFF; text-decoration:underline; }

DIV.MNTxt { width:150px; margin:0px 15px; padding:0;}

DIV.MEMOBODY{ WIDTH : 150PX; OVERFLOW : HIDDEN;}

DIV.POST{ MARGIN-BOTTOM : 50PX; TEXT-ALIGN:LEFT;}

DIV.POST A:LINK { COLOR: #188AFF; TEXT-DECORATION: NONE; }
DIV.POST A:VISITED { COLOR: #6EC2DA; TEXT-DECORATION: NONE; }
DIV.POST A:HOVER { COLOR: #188AFF; text-decoration:underline; }

DIV.POST_HEAD{ width:570px; height:87px; margin:0; padding:0; background-image:url(http://md.exblog.jp/skn/img/a/01/12/0/navy_PostTi.gif); background-repeat:no-repeat;}
DIV.POST_TTL{ font-size:15px; line-height:130%; font-weight:bold; overflow:hidden; word-break: break-all; }

DIV.POST_HEAD A:LINK { COLOR: #ffffff; TEXT-DECORATION: NONE; }
DIV.POST_HEAD A:VISITED { COLOR: #ffffff; TEXT-DECORATION: NONE; }
DIV.POST_HEAD A:HOVER { COLOR: red; text-decoration:none; }

DIV.POST_ADMIN{ TEXT-ALIGN : RIGHT;}
DIV.POST_BODY{ width:490px; margin:0; padding:20px 40px; color:#333333; background-image:url(http://md.exblog.jp/skn/img/a/01/12/0/navy_PostBg.gif); background-repeat:repeat-y; }

DIV.POST_Txt{ width:490px; margin:0 0 30px 0; padding:0; color:#333333; line-height:150%; overflow:hidden;}
DIV.POST_Txt div { color:#333333;}

DIV.POST_TAIL{ color:#333333; FONT : 11PX/150% TAHOMA; margin:20px 0 0 0; padding:0; TEXT-ALIGN : RIGHT; }
DIV.POST_Bottom { width:570PX; height:21PX; margin:0; padding:0; background-image:URL(http://md.exblog.jp/skn/img/a/01/12/0/navy_PostBtm.gif); }


DIV.COMMENT{ BORDER : 1PX #D3D3D3 SOLID; BACKGROUND : #F7F7F7;PADDING : 15PX;MARGIN : 20PX 0PX; }
DIV.COMMENT_BODY{ MARGIN-BOTTOM : 20PX; LINE-HEIGHT : 130%; color:#333333; overflow:hidden; word-break: break-all; }
DIV.COMMENT_TAIL{ MARGIN : 8PX 0PX 5PX; FONT : 8PT/150% TAHOMA; COLOR : #777; }
DIV.COMMENT_INPUT{ MARGIN-TOP : 20PX; BORDER-TOP : 1PX #AAA DOTTED; PADDING-TOP : 20PX; color:#333333; }
DIV.COMMENT_INPUT td{ color:#333333;}
DIV.COMMENT_LINE{ BORDER-TOP : 1PX #AAA DOTTED; MARGIN : 10PX 0PX 15PX; }



DIV.TRACK_TOP { LINE-HEIGHT : 170%; color:#333333; }
DIV.ARCHIVE_HEAD { FONT-WEIGHT : BOLD; MARGIN-BOTTOM : 10PX; }
DIV.ARCHIVE_BODY { MARGIN : 20PX 0PX; LINE-HEIGHT : 160%; PADDING-BOTTOM : 100PX; }

IMG.IMAGE_TOP{ MARGIN-BOTTOM : 15PX; }
IMG.IMAGE_LEFT{ MARGIN-RIGHT : 15PX; MARGIN-BOTTOM : 15PX; TEXT-ALIGN:LEFT}
IMG.IMAGE_MID{ MARGIN-TOP : 15PX; MARGIN-BOTTOM : 15PX; }
IMG.BOOKMK{ MARGIN : 10PX; BORDER : 0PX; }
IMG.USERMENU{ MARGIN-LEFT : 8PX; }
IMG.LOGO{ MARGIN-BOTTOM : 10PX; }

DIV.BANNER{ MARGIN : 30PX 0PX 10PX; }

.SMALL{ FONT-SIZE : 11PX; }
.DATE{ FONT : BOLD 8PT/150% TAHOMA; }
.TIME{ FONT : 8PT/150% TAHOMA; TEXT-ALIGN : LEFT; }
.AUTHOR{ FONT : BOLD 8PT TAHOMA; }
.TXTFLD{ FONT-SIZE:9PT;COLOR:#000; BORDER:1PX SOLID #666678; BACKGROUND:#FFF; }
.SUBMIT{ FONT :9PT/140% ;COLOR:#000; }





DIV.CAL_TOP { }
DIV.CAL { width:168px; margin:10px 0; padding:0; background-color:#ffffff; border:6px #4E4D6A solid; text-align:center; }
DIV.CAL_HEAD { WIDTH:150px; FONT:8PT/150% VERDANA; TEXT-ALIGN:CENTER; PADDING:0; margin:9px;}
DIV.CAL_BODY { WIDTH:150px; TEXT-ALIGN : CENTER; margin:9px;}
DIV.CAL_BOTTOM { }

.CAL{ FONT : 7PT/170% VERDANA; TEXT-ALIGN : CENTER; color:#333333; }

.CAL A:LINK { COLOR: #188AFF; TEXT-DECORATION: NONE; }
.CAL A:VISITED { COLOR: #6EC2DA; TEXT-DECORATION: NONE; }
.CAL A:HOVER { COLOR: #188AFF; text-decoration:underline; }

.CAL_DAY{ FONT : BOLD 7PT/170% VERDANA; TEXT-ALIGN : CENTER; color:#333333; }
.CAL_SUN{ FONT : BOLD 7PT/170% VERDANA; COLOR : #D36654; TEXT-ALIGN : CENTER;}
.CAL_SAT{ FONT : BOLD 7PT/170% VERDANA; COLOR : #5DB9FF1; TEXT-ALIGN : CENTER;}
.CAL_TODAY{ FONT : BOLD 7PT/170% VERDANA; BACKGROUND : #E3E3E3; COLOR : #3D5586; TEXT-ALIGN : CENTER; }
.CAL_TR { }

DIV.XML { FONT : 8PT/150% VERDANA; TEXT-ALIGN : CENTER; }

by asazuki508e | 2011-07-12 15:02