tomemo

スキン「ベビーちゃん」を右サイドバー化するためのCSS

スキン「ベビーちゃん」を右サイドバー化するためのCSSです。





CSS


/* excite blog default skin html */

*{
margin:0;
padding:0;
}

html,body{
height:100%;
font-size:90%;
}

body {
background:url(http://pds.exblog.jp/pds/1/200609/25/37/back.jpg);
text-align:center;
color:#666;
font-family: verdana,arial,suns-serif;
}

img{
border:0;
}

blockquote{
margin:15px;
padding:10px;
background:#ffffef;
border:2px dotted #96a9e0;
}

a:link{ color:#3f668c; text-decoration:none; }
a:visited{ color:#9999cc; text-decoration:none; }
a:active{ color:#0000FF; text-decoration:none;}
a:hover{ color:#813888; text-decoration:underline; }


#wrap{
width:750px;
margin:0 auto;
}

#head{
width:750px;
margin:40px auto 0;
text-align:center;
}

h1{font-size:87%;}

h1 a:link{ color:#666; text-decoration:none; }
h1 a:visited{ color:#666; text-decoration:none; }
h1 a:active{ color:#666; text-decoration:none;}
h1 a:hover{ color:#666; text-decoration:underline; }

#blogMeta{
background-image:url(http://pds.exblog.jp/pds/1/200609/25/37/title.jpg);
width:750px;
height:78px;
}

#blogTitle {
float:left;
width:600px;
text-align:left;
padding:10px 15px;
}

#adminmenu {
font-size:87%;
padding:25px 5px;
}

#contena{
margin:0px;
padding:0px;
background:#FFFFFF;
}

#left{
float:right;
width:200px;
background:#fff url(http://pds.exblog.jp/pds/1/200609/25/37/meja2.jpg) left repeat-y;
margin:0 0 0 0;
padding-left:30px;
}

#description {
width:150px;
overflow:hidden;
margin:10px auto -10px;
}

#profile {
position:relative;
}

#profImg01{
position:absolute;
left:-30px;
top:0;
}

#logo{
margin:5px 0 10px;
}

#nickname{}

#calender{
width:150px;
margin: 15px auto;}

#menu{
width:150px;
margin:0 auto;
overflow:visible;
}

.menuTitle{
background:url(http://pds.exblog.jp/pds/1/200609/25/37/menu.jpg) no-repeat left;
padding:0 0 0 40px;
line-height:50px;
text-align:left;
margin-left:-15px;
}

.menuBody{
margin:10px auto 20px;
text-align:left;
}


.BANNER{}

.XML{
margin:-5px 0 0 0;
}

#right{
float:left;
width:520px;
background:#FFFFFF;
}

#post{
width:500px;
margin:20px auto;
background:url(http://md.exblog.jp/skn/img/a/01/09/8/uma.jpg) right repeat-y;
float:right;
}

#post img{
padding:10px;
}

.postTitle{
background:url(http://md.exblog.jp/skn/img/a/01/09/8/ribbon.jpg) no-repeat left bottom;
width:475px;
height:35px;
margin: 0 auto;
overflow:hidden;
}

.title { float:left; }

.title h2 a{
color:#666;
text-decoration:none;
}

.postAdmin {
float:right;
font-size:87%;
}

h2{
background:url(http://md.exblog.jp/skn/img/a/01/09/8/head.jpg) no-repeat left;
text-align:left;
padding:0 0 0 50px;
font-weight:normal;
font-size:90%;
}

.postContent{
clear:both;
width:475px;
text-align:left;
margin:10px auto;
overflow:hidden;
line-height:160%;
}

.postTail{
text-align:right;
width:475px;
margin:0 auto;
font-size:87%;
}

.cmtjs{
width:475px;
margin:15px auto 40px;
text-align:left;
overflow:hidden;
}

#pageNavi{
width:475px;
margin:0 auto;
}

#purePage{
float:left;
}

#nextPage{
float:right;
}

.TAGS{
clear:both;
margin:10px 0;}

DIV.COMMENT{
width:430px;
BORDER : 1PX #D3D3D3 SOLID;
BACKGROUND : #FFEFE1;
PADDING : 15PX;
}

DIV.COMMENT_BODY{
background-image:url(http://pds.exblog.jp/pds/1/200609/25/37/shoes.jpg);
background-position:right;
background-repeat:no-repeat;
MARGIN-BOTTOM : 20PX;
LINE-HEIGHT : 130%; }

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; }
DIV.COMMENT_LINE{ BORDER-TOP : 1PX #AAA DOTTED; MARGIN : 10PX 0PX 15PX; }


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


DIV.CAL_TOP { }
DIV.CAL { MARGIN : 10PX 0PX 10PX 0px; WIDTH : 140PX; TEXT-ALIGN : CENTER;}
DIV.CAL_HEAD { WIDTH : 140PX; FONT : 8PT/150% VERDANA; TEXT-ALIGN : CENTER; PADDING : 4PX 0PX; MARGIN-BOTTOM : 10PX;}
DIV.CAL_BODY { WIDTH : 140PX; TEXT-ALIGN : CENTER;}
DIV.CAL_BOTTOM { }

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


/*写真枠*/
.photofrm
{
padding: 5px 5px 5px 5px;
background-color: #FFFFFF;
border-style: solid;
border-width: 2px;
border-color: #DCE3E3 #C1C1C1 #C1C1C1 #DCE3E3;
}
TEXTAREA.TXTFLD {height:12em;}

/*鍵コメ*/
DIV.COMMENT_TAIL IMG[src="http://md.exblog.jp/img/eg/post_security3.gif"]{

padding-left:20px;
background-image:url("http://pds.exblog.jp/pds/1/200707/30/67/secret_01.gif");
background-position:left;
background-repeat:no-repeat;

}

[PR]
by asazuki508e | 2011-07-07 15:42 | Comments(0)