
February 23, 2008 07:12 by
胡健
CSS代码:
* {
margin: 0;
padding: 0;
border: none;
list-style: none;
}
body {
font-family: Arial, Verdana, Helvetica, sans-serif;
text-align: center;
line-height: 160%;
color: #BBB;
font-size: 75%;
background: #2D2B2C url(http://blog.run2me.com/images/run2me_com/geniusleft/108/o_moon_back.jpg) left top repeat-x;
/* TODO: by hujian */
width: 818px;
margin: 0 auto;
}
li {
}
a {
color: #B0DCF0;
text-decoration: underline;
}
a:visited
{
color: #B0DCF0;
text-decoration: none;
}
a:active
{
color: #B0DCF0;
text-decoration: underline;
}
a:link
{
color: #B0DCF0;
text-decoration: underline;
}
a:hover {
color: #A0E646;
text-decoration: underline;
}
img {
border: none;
}
input {
padding: 1px;
font-size: 100%;
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #BBB;
border: 1px solid #3A3C3F;
background: none;
}
textarea {
padding: 2px 3px;
font-size: 100%;
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #BBB;
border: 1px solid #3A3C3F;
background: none;
overflow: auto;
}
.commentTextBox {
width: 48px;
height: 19px;
padding: 0 0 2px 7px;
*padding: 2px 0 2px 3px;
font-size: 100%;
font-weight: bold;
letter-spacing: 0.5em;
text-align: center;
color: #BBB;
border: 1px solid #3A3C3F;
background: #221C1C;
cursor: pointer;
}
#top
{
padding-top:220px;
font-size: 100%;
background: url(http://blog.run2me.com/images/run2me_com/geniusleft/108/o_container.jpg) center top no-repeat;
overflow: hidden;
text-align: center;
}
#top a {
color: #BBB;
}
#top a:hover {
color: #B0DCF0;
text-decoration: none;
}
.headermaintitle {
font-size: 18px;
font-weight: bold;
text-align: center;
line-height: 100%;
color: #BBB;
word-break: break-all;
overflow:hidden;
}
#tagline {
margin: 0 40px 23px 40px;
padding-bottom: 5px;
font-size: 120%;
line-height: 140%;
color: #BBB;
word-break: break-all;
overflow:hidden;
}
#main {
width: 587px;
margin-top: 5px;
text-align: left;
line-height: 165%;
}
div.post {
width: 587px;
padding: 0 30px 0 0;
line-height: 170%;
background: url(http://blog.run2me.com//images/run2me_com/geniusleft/108/o_post_back.jpg) left top repeat-y;
}
.date {
width: 587px;
margin-bottom: 0px;
margin-left:24px;
text-align: left;
z-index:999;
}
div.post h2 {
background: url(http://blog.run2me.com//images/run2me_com/geniusleft/108/o_post_header.jpg) left top no-repeat;
height:89px;
width:587px;
margin-left:0;
margin-bottom : 10px;
padding: 60px 0px 10px 30px;
font-size: 120%;
font-weight: bold;
text-align: left;
line-height: 120%;
color: #B0DCF0;
overflow: hidden;
word-break: break-all;
}
div.post h2 a {
color: #B0DCF0;
text-decoration: underline;
}
div.post h2 a:hover {
color: #A0E646;
text-decoration: underline;
}
div.post p {
margin: 0 0 15px 30px;
text-indent: 2em;
}
div.post blockquote {
margin: 0 45px 15px 45px;
padding: 1em;
background:#BBB;
color:#333;
}
div.post blockquote a{
color:#363;
text-decoration:underline;
}
div.post blockquote a:hover
{
padding-top: 2px;
color:#636;
}
div.post p.postfoot {
width: 587px;
position:relative;
margin-left:0px;
padding-left: 30px;
padding-bottom : 18px;
margin-bottom : 0px;
height:28px;
color: #777;
background: url(http://blog.run2me.com//images/run2me_com/geniusleft/108/o_post_footer.jpg) left bottom no-repeat;
}
.postfoot a {
color: #777;
text-decoration: underline;
}
.postfoot a:hover {
color: #BBB;
}
#leftmenu {
float: right;
width: 218px;
margin-top: 5px;
margin-bottom: 30px;
text-align: left;
line-height: 160%;
overflow: hidden;
table-layout: fixed;
word-break: break-all;
padding-top: 49px;
padding-left: 20px;
background: url(http://blog.run2me.com//images/run2me_com/geniusleft/108/o_sidebar.jpg) left top no-repeat;
}
#leftmenu ul, #leftmenu .RecentComment {
margin-bottom: -40px;
margin-left: -20px;
margin-top:-18px;
list-style: none;
background: url(http://blog.run2me.com//images/run2me_com/geniusleft/108/o_outer_sidebar.jpg) left top repeat-y;
}
#leftmenu p{display:none;}
#leftmenu ul
{
padding: 30px 3px;
padding-left:20px;
padding-bottom:60px;
}
#leftmenu .RecentComment
{
padding: 10px 3px;
padding-left:20px;
padding-bottom:60px;
}
#leftmenu a {
color: #BBB;
text-decoration: underline;
}
#leftmenu a:hover {
color: #B0DCF0;
text-decoration: underline;
}
#leftmenu h3 {
display: block;
width: 188px;
height: 25px;
margin: 10px 0 20px -10px;
padding: 11px 0 0 20px;
font-size: 110%;
text-align: left;
line-height: 120%;
color: #B0DCF0;
background: url(http://blog.run2me.com//images/run2me_com/geniusleft/108/o_sh2.png) left top no-repeat !important;
*position: relative;
*background: none;
*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src=//images/run2me_com/geniusleft/108/o_sh2.png, sizingMethod=scale);
}
.sideBottom {
height: 40px;
margin-left: -20px;
background: url(http://blog.run2me.com//images/run2me_com/geniusleft/108/o_side_bottom.jpg) left bottom no-repeat;
}
#comments {
padding: 0 30px 15px;
background: url(http://blog.run2me.com//images/run2me_com/geniusleft/108/o_post_back.jpg) left top repeat-y;
}
#comments h3 {
margin-bottom: 20px;
font-size: 110%;
color: #B0DCF0;
}
#comments li {
margin-bottom: 15px;
color: #BBB;
border-bottom: 1px solid #3A3C3F;
}
#comments h4 {
margin-top: 10px;
}
#comments h4 a {
}
#comments h4 a:hover {
}
#comments p {
margin: 5px 0;
padding: 5px;
color: #AAA;
border: 1px solid #444;
background: #333;
}
.commentForm {
margin: 0;
padding: 0 30px 20px;
background: url(http://blog.run2me.com//images/run2me_com/geniusleft/108/o_post_back.jpg) left top repeat-y;
}
#commentForm textarea {
width: 400px;
margin: 5px 0;
}
span.highlight {
background-color:Yellow;
padding: 0 0.5em 0 0.5em;
font-weight:bold;
}
JS代码:
<script type="text/javascript">
document.getElementById("MainStyle").disabled = true;
function refineStyle()
{
var leftmenu = document.getElementById("leftmenu");
var sidebottom = document.createElement("div");
sidebottom.className = "sideBottom";
leftmenu.insertBefore(sidebottom,null);
}
window.onload = refineStyle;
</script>
f7b2ba2c-5f5b-4544-afa7-54b0cfb4e45a|0|.0