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

手書きノート


by asazuki

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

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

スキン「Cyber」を右サイドバー化するためのCSS -blue- _d0112463_1415520.jpg
demo



CSS


/* excite blog default skin */

* {
margin:0;
padding:0;
word-break:break-all;
}
html {
background-color:#224C7A;
background-image:url("http://md.exblog.jp/skn/img/a/01/05/4/html_background3.gif");
}
body {
background-image:url("http://md.exblog.jp/skn/img/a/01/05/4/body_background3.gif");
background-repeat:repeat-x;
background-position:top;
}
blockquote{
padding:1em 20px;
font-style:oblique;
}
/* base */
div#base {
margin:0 auto;
border-left:#0B2340 1px solid;
border-right:#0B2340 1px solid;
background-color:#092C54;
width:800px;
}

/* header */
div#header {
overflow:hidden;
background-color:#FFFFFF;
background-image:url("http://md.exblog.jp/skn/img/a/01/05/4/header_background3.jpg");
background-repeat:no-repeat;
background-position:bottom;
text-align:right;
}
div#header a {
text-decoration:none;
color:#000000;
}
div#header h1 {
padding:50px 20px 5px 5px;
}
div#header p {
margin:5px 20px;
font-size:small;
}
div#header p.excite {
margin:0;
padding:50px 0 60px 640px;
width:160px;
height:20px;
}
div#header p.excite a {
display:block;
width:100%;
height:100%;
}
div#header p.excite a span {
display:none;
}

/* contents */
div#contents {
float:left;
margin:10px 0;
border-right:#006699 1px solid;
overflow:hidden;
padding:0 10px 10px 20px;
width:550px;
color:#FFFFFF;
font-size:small;
}
div#contents p.pageGuide {
text-align:center;
}
div#contents p.pageGuide a {
color:#FFFFFF;
}
div.post {
margin-bottom:20px;
border-top:#006699 3px double;
border-bottom:#006699 3px double;
background-image:url("http://md.exblog.jp/skn/img/a/01/05/4/post_background3.gif");
overflow:hidden;
width:550px;
line-height:1.5;
}
div.post a {
color:#99FFFF;
}
div.post h2 {
margin:10px;
border:#006699 1px solid;
background-color:#0A386C;
padding:5px;
width:518px;
color:#999999;
font-size:small;
font-weight:bold;
}
div.post img {
margin:5px;
}
div.story {
margin:10px;
overflow:hidden;
}
div.story div.TAGS {
margin:5px;
overflow:hidden;
text-align:right;
}
div.story div.TAGS a {
color:#FFFFFF;
font-weight:bold;
}
p.posttail {
clear:both;
margin:10px;
border:#006699 1px solid;
background-color:#0A386C;
padding:5px;
width:518px;
text-align:right;
}
p.posttail a {
color:#99FFFF;
}
div.COMMENT {
margin:10px;
border:#006699 1px solid;
background-color:#0A386C;
overflow:hidden;
color:#FFFFFF;
}
div.COMMENT a {
color:#99FFFF;
}
div.TRACK_TOP {
margin:10px;
font-size:x-small;
}
div.COMMENT_LINE {
border-top:#C9C9C9 3px double;
height:10px;
}
div.COMMENT_TAIL {
border-top:#006699 1px solid;
background-color:#092C54;
overflow:hidden;
padding:10px;
padding-bottom:0;
font-weight:bold;
}
div.COMMENT_BODY {
background-color:#092C54;
overflow:hidden;
padding:10px;
padding-top:0;
}
div.COMMENT_INPUT {
padding:10px;
}

/* navigation */
div#navigation {
float:left;
margin:10px 0;
padding:0 10px 10px 10px;
width:190px;
}
div.menu {
border-top:#006699 3px double;
border-bottom:#006699 3px double;
padding:10px;
width:170px;
background-image:url("http://md.exblog.jp/skn/img/a/01/05/4/post_background3.gif");
color:#CCCCCC;
font-size:small;
}
div.menu a {
color:#99FFFF;
}
div.menu h3 {
font-size:small;
}
div.profile {
margin-bottom:10px;
background-color:#0A386C;
overflow:hidden;
padding:10px;
width:150px;
text-align:center;
}
div.calendar {
margin:10px 0;
background-color:#0A386C;
overflow:hidden;
padding:10px;
width:150px;
}
.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-color:#092C54;
text-align:center;
}
div.guide {
margin:10px 0;
background-color:#0A386C;
overflow:hidden;
padding:10px;
width:150px;
}
div.guide input {
width:40px;
}
div.guide input.TXTFLD {
width:100px;
}
div.BANNER {
margin:10px 0;
overflow:hidden;
padding:10px;
width:150px;
text-align:center;
}
div.XML {
margin:10px 0;
overflow:hidden;
width:150px;
text-align:center;
}

/* designing */
div#designing {
clear:both;
border-top:#006699 1px solid;
padding:5px 20px;
text-align:right;
color:#006699;
font-size:xx-small;
}
div#designing p a {
text-decoration:none;
color:#006699;
}

by asazuki508e | 2011-06-30 01:43