新浪微博的换肤功能学习

为什么80%的码农都做不了架构师？>>>   

.S_spetxt,.S_error,a.S_ficon:hover,a:hover .S_ficon,a.current .S_ficon {
	color: #fa7d3c;
}

.S_spetxt_bg {
	background-color: #fa7d3c;
}

.W_btn_prev:hover,.W_btn_next:hover {
	border-color: #fa7d3c;
}

a,.S_link1,a.S_txt1:hover,a.current .S_txt1,a.S_txt2:hover,.SW_fun:hover .S_func1 {
	color: #eb7350;
}

.S_link1_bg {
	background-color: #eb7350;
}

.S_link1_br {
	border-color: #eb7350;
}

.W_btn_prev:hover,.W_btn_next:hover,a.S_ficon:hover,a:hover .S_ficon,a.current .S_ficon,a.S_txt1:hover,a.current .S_txt1,a.S_txt2:hover,.SW_fun:hover .S_func1 {
	text-decoration: none;
	cursor: pointer;
}

.S_ficon_dis,a.S_ficon_dis:hover,a:hover .S_ficon_dis {
	cursor: default;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
}

.WB_left_nav .lev a:hover,.WB_left_nav .lev_curr,.WB_left_nav .lev_curr:hover,.WB_left_nav .levmore .more {
	background-color: #b2b8c0;
}

.WB_left_nav .lev_Box,.WB_left_nav fieldset {
	border-color: #b2b8c0;
}

.WB_left_nav .W_new_count {
	background-color: #b2b8c0;
}

.WB_frame {
	background-color: #abb1ba;
}

.WB_timeline .current em {
	color: #fff;
}

.send_weibo {
	background-image: none;
}

.WB_miniblog {
	padding-top: 50px;
}

.S_page .WB_miniblog {
	padding-top: 50px;
}

.S_page .WB_frame {
	background-color: transparent!important;
}

#js_skin_public_base {
	height: 42px;
}

body,.S_page {
	background-color: #d4d5e0;
	background-image: url("images/body_repeat.png?id=1410943047113");
	background-repeat: repeat-x;
	background-position: center 0;
}

.send_weibo .ficon_swtxt {
	color: #808080;
}

body,legend,.W_input:focus,.S_txt1,.W_btn_b,.SW_fun .S_func1 {
	color: #333;
	text-decoration: none;
}

.S_txt1_bg {
	background-color: #333;
}

.S_txt1_br {
	border-color: #333;
}

.S_txt2,.W_input,.W_btn_b_disable,.W_btn_b_disable:hover {
	color: #808080;
	text-decoration: none;
}

.S_txt2_bg {
	background-color: #808080;
}

.S_txt2_br {
	border-color: #808080;
}

.S_ficon,.S_ficon_dis,a.S_ficon_dis:hover,a:hover .S_ficon_dis {
	color: #696e78;
}

.S_ficon_bg {
	background-color: #696e78;
}

.S_ficon_br {
	border-color: #696e78;
}

a,.S_link1,a.S_txt1:hover,a.current .S_txt1,a.S_txt2:hover,.SW_fun:hover .S_func1 {
	color: #eb7350;
}

.S_link1_bg {
	background-color: #eb7350;
}

.S_link1_br {
	border-color: #eb7350;
}

.S_bg1,blockquote,.SW_fun_bg:hover,.SW_fun_bg_active {
	background-color: #f2f2f5;
}

.S_bg1_c {
	color: #f2f2f5;
}

.S_bg1_br {
	border-color: #f2f2f5;
}

.W_btn_cardlink,.W_btn_tag_cur,.W_btn_tag_cur:hover {
	background-color: #f2f2f5!important;
}

.S_bg2,.W_btn_b,.W_input,.SW_fun_bg {
	background-color: #fff;
}

.S_bg2_c {
	color: #fff;
}

.S_bg2_br {
	border-color: #fff;
}

.S_line1,.W_btn_prev,.W_btn_next,.W_btn_b {
	border-color: #d9d9d9;
}

.W_btn_b_disable,.W_btn_b_disable:hover,.W_btn_tag_cur,.W_btn_tag_cur:hover {
	border-color: #d9d9d9!important;
}

.S_line1_c {
	color: #d9d9d9;
}

.W_btn_b_disable .S_ficon {
	color: #d9d9d9!important;
}

.S_line2 {
	border-color: #f2f2f5;
}

.S_line2_c {
	color: #f2f2f5;
}

.S_line3,.W_input,.send_weibo .input,.W_btn_b:hover {
	border-color: #cccccc;
}

.W_input,.send_weibo .input {
	background-color: #fff;
}

.WB_left_nav .S_txt1,.WB_left_nav a.S_txt1:hover,.WB_left_nav .S_ficon,.WB_left_nav a:hover .S_ficon,.WB_left_nav a.S_ficon:hover,.WB_left_nav .lev .W_new_count {
	color: #fff;
}

.WB_left_nav .lev a:hover,.WB_left_nav .lev_curr,.WB_left_nav .lev_curr:hover,.WB_left_nav .levmore .more {
	background-color: #b2b9c3;
	background-color: rgba(255,255,255,0.2);
}

.WB_left_nav .lev_Box,.WB_left_nav fieldset {
	border-color: #b2b9c3;
	border-color: rgba(255,255,255,0.1);
	*border-color: #b2b9c3;
}

.WB_left_nav .W_new_count {
	background-color: #718296;
	background-color: rgba(36,61,89,0.4);
}

.WB_frame {
	background-color: #a8afb9;
	background-color: rgba(36,61,89,0.25);
}

.WB_timeline .S {
	color: #696e78;
	border-left-color: #696e78;
}

.WB_timeline .current em,.WB_timeline .S_dot,.W_gotop {
	background-color: #696e78;
}

.WB_miniblog {
	background: url("images/body_bg.jpg?id=20140928183500")  no-repeat top center;
}

.S_page .WB_miniblog {
	background: url("images/body_bg_page.jpg?id=20140928183500")  no-repeat top center;
}

.pf_wrap {
	background-image: none;
}

#js_skin_skin058_skin {
	height: 42px;
}

转载于:https://my.oschina.net/cnlw/blog/338474