tomemo

スキン「エウロペ」を右サイドバー化するためのCSS -レッドグレイ-

スキン「エウロペ」を右サイドバー化するためのCSSのレッドグレイバージョンです。

d0112463_16435735.jpg
demo



CSS


/* excite blog default skin */

* {
word-break:break-all;
}
html {
background-color:#000000;
background-image:url("http://md.exblog.jp/skn/img/a/01/06/2/html_background3.gif");
background-repeat:repeat-x;
background-position:top;
}
body {
}
a {
color:#727049;
}
a:visited {
color:#996600;
}
a:hover {
color:#CC9933;
}
img {
border:0;
}

/* base & page */
div#base {
margin:auto;
background-color:#FDF9FA;
background-image:url("http://md.exblog.jp/skn/img/a/01/06/2/base_background3.gif");
background-repeat:repeat-y;
background-position:center;
width:720px;
color:#E0C285;
font-size:small;
}
div#page {
background-image:url("http://md.exblog.jp/skn/img/a/01/06/2/page_background3.jpg");
background-repeat:no-repeat;
background-position:top center;
}

/* header */
div#header {
padding:20px;
text-align:right;
}
div#header a,
div#header a:visited,
div#header a:hover {
text-decoration:none;
color:#CC9933;
}
div#header h1 {
margin-top:50px;
font-size:x-large;
}
div#header p {
font-size:small;
}
div#header p a:hover {
text-decoration:underline;
}

/* contents */
div#contents {
float:left;
padding-left:20px;
width:490px;
overflow:hidden;
}
div#contents p.pageGuide {
margin:10px;
padding:10px;
text-align:center;
}

/* post */
div.post {
margin-bottom:30px;
border:#1F1E14 1px solid;
background-color:#000000;
padding:4px;
width:480px;
overflow:hidden;
line-height:1.3;
}
div.post h2 {
margin:0 0 10px 0;
background-image:url("http://md.exblog.jp/skn/img/a/01/06/2/headline_background3.jpg");
background-position:center;
background-repeat:no-repeat;
padding:5px 5px 5px 35px;
min-height:20px;
font-size:medium;
}
div.post h2 a,
div.post h2 a:visited,
div.post h2 a:hover {
text-decoration:none;
color:#CC6600;
}
div.post blockquote {
font-style:oblique;
}
div.post img {
margin:5px 10px;
max-width:450px;
}
div.story {
padding:5px;
}
div.TAGS {
margin:10px;
text-align:center;
}
p.tail {
clear:both;
margin:10px 0;
text-align:right;
font-size:x-small;
}
p.tail a {
padding:0.2em;
}
p.tail span.postadmin a {
color:#FFA500;
font-size:small;
font-weight:bold;
}
div.COMMENT {
background-color:#111111;
padding:5px;
}
div.COMMENT img {
vertical-align:middle;
}
div.TRACK_TOP {
margin:10px;
}
div.COMMENT_LINE {
margin:10px;
border-bottom:#EEEEEE 1px dotted;
}
div.COMMENT_TAIL {
margin:10px;
}
div.COMMENT_BODY {
margin:10px;
padding-left:20px;
}
div.COMMENT_INPUT {
margin:10px;
padding:10px;
}

/* navigation */
div#navigation {
float:right;
padding-right:30px;
width:150px;
overflow:hidden;
line-height:1.3;
font-size:small;
}
div#navigation img {
max-width:150px;
}
div.profile {
margin-top:40px;
text-align:center;
}
div.profile img {
margin-bottom:10px;
}
div.CAL {
margin:20px 0;
overflow:hidden;
font-size:13px;
text-align:center;
}
div.CAL table {
width:100%;
}
div.CAL table td.CAL_DAY {
font-weight:bold;
}
div.CAL table td.CAL_SUN {
color:#D36654;
}
div.CAL table td.CAL_SAT {
color:#3572A1;
}
div.CAL table td.CAL_TODAY {
background-color:#111111;
color:#990000;
font-weight:bold;
}
div.menu {
margin:10px 0;
}
div.menu a {
text-decoration:none;
}
div.menu a:hover {
text-decoration:underline;
}
div.menu h3 {
background-image:url("http://md.exblog.jp/skn/img/a/01/06/2/navigation_marker3.gif");
background-repeat:no-repeat;
background-position:left center;
padding-left:20px;
color:#CC6600;
font-size:small;
font-weight:bold;
}
div.menu table td.SMALL {
color:#727049;
font-size:xx-small;
}
div.menu input {
width:40px;
}
div.menu input.TXTFLD {
width:100px;
}
div.excite {
margin:10px 0;
text-align:center;
font-size:xx-small;
}
div.excite a#sign {
display:block;
margin:5px auto;
background-image:url("http://md.exblog.jp/skn/img/a/01/06/2/sign3.gif");
background-repeat:no-repeat;
background-position:center;
width:120px;
height:15px;
text-indent:-9999px;
}

/* footer */
div#footer {
clear:both;
background-image:url("http://md.exblog.jp/skn/img/a/01/06/2/footer_background3.gif");
background-repeat:no-repeat;
background-position:bottom center;
height:40px;
}

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