CSS code of the csdn blog template (7): blue sky

Template preview:

Click to view the complete image

Skin replacement procedure:

1. Go to the background and enable configuration options.
2. Skin selection blue
3. Copy the following CSS code to the custom CSS text box and save it.

CSS code:

 

P {text-indent: 2em ;}
H1, H2, H3, H4 {
Color: 075181;

}
A: link {border: none ;}
. Datetitle {
Background: # FFF;
Color: 68add5;
Border-bottom: #7d7dd8 1px solid;
}
. Listtitle {
Padding-left: 2em;
Padding-top: 8px;
Background: URL (http://blog.donews.com/images/blog_donews_com/liqingsong/115083/o_h.gif) No-Repeat;
Height: 3em;
Color: #075181;
}
. Listitem {
Border-bottom: # DDD 1px dashed;
}
. Leftcolumn ul {
Border: none;
}
HTML, body
{

Margin: 0;
Padding: 0;
Background: #000 URL (http://p.blog.csdn.net/images/p_blog_csdn_net/winnersong/234916/o_bg.jpg) Repeat-X;
Color: #333;
Font-family: Arial, Helvetica, sans-serif;
Font-size: 13px;

}

/* Start layout and page formatting */

. Pagelayout
{
Background: #000 URL (http://p.blog.csdn.net/images/p_blog_csdn_net/winnersong/234916/o_mainbg.jpg) Repeat-y;
Width: 800px;
Position: absolute;
Left: 50%;
Margin-left:-400px;

}

. Header {
Height: 180px;
Background: #000 URL (http://p.blog.csdn.net/images/p_blog_csdn_net/winnersong/234916/o_header2.jpg) center no-Repeat;
Width: 800px;

Border: none;
}
# Header1_headertitle {
Display: block;
Padding: 50px 0 0 130px;
Background: transparent;
Color: # FFF;
}
. Leftcolumn
{
Width: 200px;
Word-wrap: Break-word;
Margin-Right: 10px;
Float: right;
}

. Centercolumn
{
Width: 540px;
Margin: 0;
Padding-left: 20px;

}
. Posttitle {
Padding-left: 2em;
Background: URL (http://p.blog.csdn.net/images/p_blog_csdn_net/winnersong/234916/o_h.gif) No-Repeat;
Border: none;
}
. Posttitle IMG {display: None}
. Footer {
Border: none;
Height: 80px! Important;
Height: 80px;

Background: #000 URL (http://p.blog.csdn.net/images/p_blog_csdn_net/winnersong/234916/o_footer.jpg) No-Repeat;
}