日期:2014-05-17  浏览次数:20778 次

新浪 博客 CSS 样式

今天先记下,以后有机会在分析,学习样式 表这样写的好处和不足。

?

@charset "utf-8";


/*文字色*/

/* 基本正文字色(博文正文文字默认颜色) */
body{ color:#323e32;}
/* 基本链接字色(默认链接) */
a,
a:link,
a:visited,
a:hover,
.SG_more{color:#074387}
/* A类文字色 (同默认链接,特殊情况下定义样式用) */
.SG_txta{color:#074387}
/* B类文字色(举例:正文标题下面的标签、分类) */
.SG_txtb{color:#637160}
/* C类文字色(举例:正文标题后面的时间) */
.SG_txtc{color:#637160}
/*  提示性文字色A(红色,一般不处理) */
.SG_clewtxta{color: #FF0000}
/*  提示性文字色B(橙色,一般不处理) */
.SG_clewtxtb{color: #FF6600}
/* A类链接色(同body色即可) */
.SG_linka a:link,
.SG_linka a:visited,
.SG_linka a:hover,
a.SG_linka:link,
a.SG_linka:visited,
a.SG_linka:hover{ color:#323e32;}
/* B类链接色(同C类文字色即可) */
.SG_linkb a:link,
.SG_linkb a:visited,
.SG_linkb a:hover,
a.SG_linkb:link,
a.SG_linkb:visited,
a.SG_linkb:hover{color:#637160}

/* 边框颜色(内容区投票等模块)*/
.borderc{ border-color: #343143; }


/* 博客标题文字色*/
.sinabloghead .blogtitle,
.sinabloghead .blogtitle a,
.sinabloghead .blogtitle a:link,
.sinabloghead .blogtitle a:visited,
.sinabloghead .blogtitle a:hover,
.sinabloghead .blogtitle .CP_a_fuc{color:#ffffff}
.sinabloghead .bloglink,
.sinabloghead .bloglink a,
.sinabloghead .bloglink a:link,
.sinabloghead .bloglink a:visited,
.sinabloghead .bloglink a:hover{ color:#f4f4f6;}
.sinabloghead .bloglink .CP_a_fuc{color:#e9e9ed}

/* 导航文字色 */
.sinabloghead .blognav  a,
.sinabloghead .blognav  a:link,
.sinabloghead .blognav  a:visited,
.sinabloghead .blognav  a:hover{ color:#d2d2da}
/*导航选中状态*/
.sinabloghead .blognav a.on,
.sinabloghead .blognav a.on:link,
.sinabloghead .blognav a.on:visited,
.sinabloghead .blognav a.on:hover{color:#ffffff}

/* 组件标题颜色 */
.SG_connHead .title,
.SG_connHead .title a,
.SG_connHead .title a:link,
.SG_connHead .title a:visited,
.SG_connHead .title a:hover,
.SG_connHead .tip,
.SG_connHead .tip a,
.SG_connHead .tip a:link,
.SG_connHead .tip a:visited,
.SG_connHead .tip a:hover,
.SG_connHead .edit,
.SG_connHead .edit a,
.SG_connHead .edit a:link,
.SG_connHead .edit a:visited,
.SG_connHead .edit a:hover,
.SG_connHead .tip_r,
.SG_connHead .tip_r a,
.SG_connHead .tip_r a:link,
.SG_connHead .tip_r a:visited,
.SG_connHead .tip_r a:hover,
.SG_connHead .fontSize,
.SG_connHead .fontSize a,
.SG_connHead .fontSize a:link,
.SG_connHead .fontSize a:visited,
.SG_connHead .fontSize a:hover,
.menuList ul li.current,
.menuList ul li.current a,
.menuList ul li.current a:link,
.menuList ul li.current a:visited,
.menuList ul li.current a:hover,
.menuList ul li.current em.SG_txtc{ color:#e6ebeb}

/* 标准尾文字色 */
.sinablogfooter,
.sinablogfooter a:link,
.sinablogfooter a:visited,
.sinablogfooter a:hover{ color:#b7b7c4}

/* 按钮文字颜色 */
a.SG_aBtn,
a.SG_aBtn:link,
a.SG_aBtn:visited{color:#323e32;}

/* 页签链接颜色(非选中)*/
.SG_tag ul li span a,
.SG_tag ul li span a:link,
.SG_tag ul li span a:visited,
.SG_tag ul li span a:hover{ color:#efeff2;}

/***********************************************************************/
/* 背景图*/

/* 背景 */
body{
background-color: #1e1f47;
/*
循环背景图
 background-image:url();
 */
}

/* 头图 (背景、高度)*/
.sinablogb{background-image: url(../../../image/5/5_11/images/sinablogb.jpg); }
.sinabloghead{height: 266px;}

/* 尾图 (背景、高度) */
.sinabloga{ background-image: url(../../../image/5/5_11/images/sinabloga.jpg);}
.sinablogfooter{ height:190px;}

/* 标题 (位置)*/
.sinabloghead .blogtoparea{ top:33%; left:219px;}

/* 导航 (背景、位置、大小、间距)*/
.sinabloghead .blognav{top: 76%; left: 140px; width: 413px; height: 40px;}
.sinabloghead .blognav .blognavInfo{   top:14px;*top:16px;left:68px;}
/* 针对ie6下的滤镜要用绝对路径*/
.sinabloghead .blognav .blognavBg{ background-image:url(../../../image/5/5_11/images/blognavbg.png);
 _background-image:none; 
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='http://simg.sinajs.cn/blog7new