tomemo

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

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

d0112463_16445651.jpg
demo



CSS


/* excite blog default skin */

* {
margin:0;
padding:0;
}
html {
background-color:#FFFFFF;
}
body {
font-family: Arial, Helvetica, sans-serif;
}
img {
border:0;
}
iframe {
}

/* base */
div#base {
margin:0 auto;
overflow:hidden;
width:800px;
color:#333333;
font-size:small;
}

/* header */
div#header {
overflow:hidden;
margin-bottom: 10px;
background: transparent url("http://md.exblog.jp/skn/img/a/01/08/4/head_back02.jpg") no-repeat bottom center;
min-height: 270px;
}
div#header a {
text-decoration:none;
color:#FFFFFF;
}
div#header h1 {
padding:140px 0 0 20px;
}
div#header p a:link {
color: #FFFFFF;
}
div#header p a:visited {
color: #690F06;
}
div#header p a:hover {
color: #FFD356;
}
div#header p {
margin: 10px 0;
padding-left: 20px;
}
p.adminmenu {
padding: 0 0 20px 20px;
}

/* contents */
div#contents {
float:left;
overflow:hidden;
width:570px;
}
div#contents p.pageGuide {
text-align:center;
color:#333333;
}
div#contents p.pageGuide a {
color:#D54334;
}
div#contents p.pageGuide a:hover {
color:#F5A86C;
}
div.post {
margin-bottom:40px;
overflow:hidden;
background: #FFFFFF url("http://md.exblog.jp/skn/img/a/01/08/4/postcontents_background02.gif") repeat-y right top;
width:540px;
padding: 10px;
border: 2px solid #B7160C;
line-height: 1.6;
}
div.post h2 {
overflow:hidden;
background: transparent url("http://md.exblog.jp/skn/img/a/01/08/4/posttitle_background02.gif");
width:520px;
padding:5px 10px 5px 10px;
color: #FFFFFF;
font-size: small;
font-weight: bold;
}
div.post h2 a {
color: #FFFFFF;
text-decoration: none;
}
div.post blockquote {
margin:10px;
background-color: #FFF;
padding:5px;
border: 1px solid #CCC;
}
div.story {
clear: both;
margin:10px 15px;
width:510px;
overflow:hidden;
}
div.story img{
margin:5px;
}
div.story a {
text-decoration: none;
color:#D54334;
}
div.story a:hover {
text-decoration: underline;
}
div.story div.TAGS {
text-align:center;
font-size:xx-small;
}
div.story div.TAGS a {
padding-left:5px;
font-size:small;
}
p.posttail {
clear: both;
width: 510px;
text-align:right;
}
p.posttail a {
text-decoration: none;
color:#666666;
}
p.posttail a:visited{
color: #CCCCCC;
}
p.posttail a:hover {
color: #B7160C;
}
div.COMMENT {
margin:15px 20px;
width:460px;
padding: 0 15px;
background-color:#FFFFEE;
border: 1px solid #DFDFDF;
}
div.COMMENT a {
color:#660000;
}
div.TRACK_TOP {
margin:10px;
font-size:x-small;
}
div.COMMENT_LINE {
}
div.COMMENT_TAIL {
margin:10px;
overflow:hidden;
padding:5px;
color:#666666;
font-weight:bold;
}
div.COMMENT_TAIL a {
color:#660000;
}
div.COMMENT_BODY {
overflow:hidden;
padding:0pt 15px 10px;
}
div.COMMENT_INPUT {
padding:10px;
}

/* navigation */
div#navigation {
float:right;
overflow:hidden;
width: 210px;
background-color: #4F0000;
color: #FFFFFF;
}
div#navigation div {
overflow:hidden;
}
div#navigation h3{
overflow:hidden;
background: #B7160C url("http://md.exblog.jp/skn/img/a/01/08/4/navigation_icon02.gif") no-repeat center left;
padding: 5px 5px 5px 40px;
font-size: small;
font-weight:bold;
color: #FFC794;
}
div.guide {
margin-bottom:10px;
width:190px;
padding: 10px;
}
div.guide a{
text-decoration: none;
color:#FFFFFF;
}
div.guide a:visited{
color: #B7160C;
}
div.guide a:hover{
color: #FDB180;
}
div.guide input {
width:40px;
}
div.guide input.TXTFLD {
width:100px;
}
div.profile {
margin: 20px auto;
width:170px;
text-align:center;
}
div.profile img {
margin-bottom: 10px;
}
td.SMALL{
color: #FF9B9B;
}
div.BANNER {
margin:10px 0;
padding:9px;
text-align:center;
}
div.sign {
font-size:xx-small;
text-align:center;
}
div.sign a {
color:#FFFFFF;
}
div.sign a.sign {
background-image:url("http://md.exblog.jp/skn/img/a/01/08/4/sign.gif");
background-position:center;
background-repeat:no-repeat;
display:block;
height:32px;
width:150px;
margin:10px auto;
text-indent:-9999px;
}
div.calendar {
margin:10px auto;
overflow:hidden;
padding:10px;
width:170px;
color: #FFFFFF;
}
div.calendar a {
font-weight: bold;
color: #FDB180;
}
.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:#FFB89F;
text-align:center;
}
.CAL_SAT {
font:BOLD 7PT/170% VERDANA;
color: #9FCBFF;
text-align:center;
}
.CAL_TODAY {
font:BOLD 7PT/170% VERDANA;
background-color: #FDB180;
text-align:center;
}

/* footer */
div#footer {
clear:both;
height: 30px;
}

[PR]
by asazuki508e | 2011-07-06 16:46 | Comments(0)