1 .topicListFooter{text-align: right;margin-right: 10px;margin-top: 10px}
  2 *{margin: 0;padding: 0}
  3 html{height: 100%}
  4 body{background: url(http://images.cnblogs.com/cnblogs_com/qingdaer/1148007/o_bg.jpg) no-repeat fixed top;color: #7d8b8d;font-family: "Microsoft YaHei","Open Sans",Arial,"Hiragino Sans GB","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;font-size: 14px;line-height: 25px;min-height: 101%;}
  5 #toplogo img{border: #FFF solid 8px;display: block;margin: 20px auto;border-radius: 50%;transition: all 2.0s;}
  6 #toplogo img:hover{transform: rotate(360deg);}
  7 table{border-collapse: collapse;border-spacing: 0;max-width: 850px}
  8 #sideBar ul{word-break: break-all;list-style: none}
  9 #sideBar li{list-style: none}
 10 h1,h2,h3{font-size: 100%;font-weight: normal}
 11 a:link{color: #000;text-decoration: none}
 12 a:hover{color: #0c0;text-decoration: underline}
 13 .clear{clear: both}
 14 #blogTitle{background: url(images/title-yellow.png) no-repeat center 21px;height: 210px;clear: both;width: 100%;margin: 0 auto;position: relative}
 15 #blogTitle h1{padding-top: 80px;color: #fff;font-size: 40px;font-weight: bold;line-height: 1.5;text-align:center;}
 16 #blogTitle h2{text-align: center;position: relative;height: 75px;line-height: 180%;font-weight: normal;top: 0px;left: 0px;font-size: 16px;padding: 20px 0 0 20px;}
 17 #blogTitle h1 a,#blogTitle h2{color: #fff}
 18 #blogLogo{float: right}
 19 #navigator{height: 60px;clear: both;position: relative;border-left: none;border-right: none}
 20 #navList{border-radius: 5px;border: 1px solid #fff;z-index: 100;letter-spacing: -.02em;background: rgba(255,255,255,.8);margin: 0 auto;padding: 0 10px 0 10px;display: block;-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;height: 55px;font-weight: 400;font-style: normal;font-size: 15px;}
 21 #navList li{float: left;height: 60px;line-height: 52px;list-style-type: none}
 22 #navList a{padding: 0 20px;font-size: 16px;display: block;color: #000;}
 23 #navList a:link{color: #000;}
 24 #navList a:hover{text-decoration: none;color:#00c000;border-bottom:2px solid #0c0;}
 25 .blogStats{display: none}
 26 #main{clear: both;border-radius: 5px;position: relative;margin: 20px auto;padding: 20px;max-width: 1366px;background: rgba(255,255,255,.8);border: 1px solid #fff;box-shadow: 0 2px 6px rgba(100,100,100,.3);}
 27 .postDesc a:link,{color: #a3a3a3}
 28 .postDesc a:hover{color: #9ab26b;text-decoration: none}
 29 .postSeparator{border-top: 0px dashed silver;margin: 20px 0;clear: both}
 30 .topicListFooter{margin-top: 15px;height: 68px;line-height: 68px;font-size: 16px}
 31 #nav_next_page{line-height: 40px}
 32 #nav_next_page a{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background-color: #99b16b;-webkit-box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.09);-moz-box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.09);box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.09);height: 40px;line-height: 40px;color: #fff;display: inline-block;padding: 0 15px;text-decoration: none}
 33 #calendar table a:hover{color: #fff;text-decoration: none;background-color: #f60}
 34 .catListTag ul li,{margin: .5em}
 35 .divRecentComment{margin-top: .5em}
 36 #EntryTag a:hover{color: #f60}
 37 .feedbackListSubtitle{padding: 0 5px}
 38 .feedbackListSubtitle a:hover{color: #9ab26b;text-decoration: none}
 39 #divRefreshComments{text-align: right;margin-bottom: 10px}
 40 .entrylistItemPostDesc a:hover{color: #f60}
 41 .topicListFooter .pager a:hover,.topicListFooter .pager span{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background: #9ab26b;-webkit-box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.09);-moz-box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.09);box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.09);height: 40px;line-height: 40px;margin-top: 14px;color: #fff;display: inline-block;padding: 0 15px;text-decoration: none;border: none}
 42 .divPhoto:hover{border-color: #08c;box-shadow: 3px 3px 3px rgba(0,0,0,.3)}
 43 #footer{text-align: center;min-height: 15px;_height: 15px;margin-top: 10px;padding-top: 10px;margin-bottom: 10px;padding-bottom: 10px;color: #fff}
 44 .pfl_feedback_area_title{margin-bottom: 1em}
 45 .pfl_feedbackCon{margin: .5em}
 46 .postCon p{}
 47 .postCon a:link,{text-decoration: none;color: #9ab26b}
 48 body,div,h1,h2,h3,h4,h5,h6,ul,li,img{margin: 0;padding: 0}
 49 img{border: none}
 50 #home{position: relative;padding: 0;margin: 0 auto;max-width: 1366px;}
 51 #BlogMusicPayer,#flashContent,{display: block;left: 719px;position: absolute;top: 45px}
 52 #user .user_info a:hover{color: rgba(255,255,255,1)}
 53 #mynav li:hover{background-color: #99b16b;color: #fff}
 54 #mynav li,#profile_block a,.catListTag ul li,.catListTag ul li:before,.catListPostCategory ul li a,.catListPostArchive ul li a,.recent_comment_title a,.catListView ul li a,.catListFeedback ul li a{-webkit-transition: all .2s ease-in;-o-transition: all .1s ease-out;-ms-transition: all .1s ease-out;transition: all .1s ease-out}
 55 #mainContent{float: left;padding-right: 10px;width: calc(100% - 360px);/* border-right: 1px dashed #ccc;*/line-height: 25px;}
 56 #mainContent .forFlow{float: none;width: 100%}
 57 .day{/*background: #fff;padding: 20px;*//*border: 1px solid #dedede;margin-bottom: -1px*/}
 58 /*
 59 .day:hover{border: 1px solid #169fe6;position: relative;z-index: 10}
 60 .day:hover .postSeparator{border-top: 0px dashed #169fe6}*/.dayTitle a{color: #aaa}
 61 .dayTitle a:hover{color: #0c0}
 62 .day .postTitle2{font-size: 20px;font-weight: bold;margin-bottom: 10px;color: black;}
 63 .day .postTitle{margin-left: -20px;padding-left: 20px;border-left: 3px solid #000;}
 64 .postCon{padding: 15px 0;clear: both}
 65 .postDesc{clear: both;color: #bcbcbc;float: none;text-align: left;line-height: 200%;font-size: 12px}
 66 .postDesc a{color: #999}
 67 #topics{overflow: hidden;/*padding: 20px;*//*border: 1px solid #dedede*/}
 68 #topics .postTitle{font-size: 28px;font-weight: 400;margin-bottom: 20px;line-height: 1.8;color: #333;border-left:5px solid #0c0;}
 69 #topics .postTitle a{color: #333;margin-left:20px;}
 70 #topics .postBody blockquote{border: none;border-left: 5px solid #ddd;margin: 0;padding-left: 10px}
 71 #topics .postBody blockquote p{margin: 0;padding: 0;color: #777}
 72 .postTitle a:link,{color: #000;}
 73 .postTitle a:hover{color: #00c000;text-decoration: none}
 74 #cnblogs_post_body{color: #333;line-height: 1.8}
 75 #cnblogs_post_body h2{margin: 20px 0}
 76 #cnblogs_post_body p{text-indent:2em;font-size:1.05rem;}
 77 #cnblogs_post_body p a:hover,#cnblogs_post_body ol li a:hover,#cnblogs_post_body ul li a:hover{border-bottom: 1px dotted #9ab26b}
 78 #cnblogs_post_body ol,#cnblogs_post_body ul{margin: 0 0 1em;margin-left: 40px;padding: 0}
 79 #EntryTag{font-size: 14px;color: #7e8c8d;font-weight: bold}
 80 #EntryTag a{text-decoration: none;color: #9fa4a4;font-weight: normal;margin-left: 10px}
 81 #BlogPostCategory a{margin-left: 10px}
 82 #BlogPostCategory a:hover{color: #ff5e52;border-bottom: 1px dotted #ff5e52}
 83 #post_next_prev{line-height: 200%;margin: 10px 0;font-size: 14px}
 84 #post_next_prev a{color: #333}
 85 #post_next_prev a:hover{border-bottom: 1px dotted #ff5e52;color: #ff5e52}
 86 #topics .postDesc{font-size: 14px;color: #777;line-height: 200%;margin: 10px 0}
 87 #topics .postDesc a:hover{color: #9ab26b}
 88 #mystart ul li a.a,#mystart ul li a.b{float: left;margin-right: 12px;text-decoration: none}
 89 #myinfo a:hover{border-bottom: 1px dotted #9ab26b}
 90 .feedbackManage{line-height: 26px;float: right}
 91 .comment_actions a:hover{color: #9ab26b}
 92 .login_tips a:hover{color: #fff}
 93 .login_tips_login{background: #9ab26b}
 94 .login_tips_regist{background: #49c8f5}
 95 .login_tips_home{background: #2b6695}
 96 .entrylistItem{margin-bottom: 20px;min-height: 20px;position: relative;background: #fff;position: relative;z-index: 2}
 97 .entrylistPosttitle a.desc_img_wrap{margin: 0;margin-bottom: 10px;display: block;position: relative;height: 320px;color:black;}
 98 .entrylistPosttitle a:hover{color: #F42;text-decoration: none}
 99 .c_b_p_desc{font-size: 14px;color: #333;line-height: 200%}
100 .dayTitle{float: right;display: inline-block;padding: 2px 5px;border: 1px solid #ddd;color: #aaa;text-decoration: none;font-size: 12px;line-height: 24px;}
101 a.c_b_p_desc_readmore{float: right;display: inline-block;padding: 2px 5px;border: 1px solid #ddd;color: #aaa;text-decoration: none;font-size: 12px;line-height: 24px;}
102 .daytitle,a.c_b_p_desc_readmore:hover{color:#0c0}
103 .entrylistItemPostDesc a:hover{color: #9ab26b}
104 #sideBar{float: right;display: block;overflow: hidden;width: 340px;color: grey;font-size: 12px;}
105 #sideBarMain{}
106 #blog-news{overflow: visible;margin-bottom: 20px}
107 #blog-news .share{width: 290px;height: 118px;background: #fff}
108 #blog-news .share li:hover{box-shadow: 0 0 3px rgba(0,0,0,.3)}
109 #profile_block{padding: 20px;color: #7e8c8d;font-size: 13px;line-height: 1.8;margin-top: 0!important;border: 1px solid #dedede}
110 #profile_block:hover{/*border: 1px solid #ff5e52*/}
111 #profile_block a{color: #9fa4a4;text-decoration: none;font-size: 13px}
112 #profile_block a:hover{color: #99b16b;border-bottom: 1px dotted #99b16b}
113 .newsItem .catListTitle{display:none;}
114 #blog-news .social .social_weibo,#blog-news .social .social_github,#blog-news .social .social_envelope{background: #d04341;font-size: 30px;text-align: center;color: #fff;overflow: hidden;width: 63px;height: 58px;display: block;line-height: 58px}
115 #blog-news .social .social_weibo{text-shadow: #b13937 1px 1px,#b13937 2px 2px,#b13937 3px 3px,#b13937 4px 4px,#b13937 5px 5px,#b13937 6px 6px,#b13937 7px 7px,#b13937 8px 8px,#b13937 9px 9px,#b13937 10px 10px,#b13937 11px 11px,#b13937 12px 12px,#b13937 13px 13px,#b13937 14px 14px,#b13937 15px 15px,#b13937 16px 16px,#b13937 17px 17px,#b13937 18px 18px,#b13937 19px 19px,#b13937 20px 20px,#b13937 21px 21px,#b43a38 22px 22px,#b73b39 23px 23px,#bb3c3a 24px 24px,#be3d3b 25px 25px,#c23e3c 26px 26px,#c53f3d 27px 27px,#c9403e 28px 28px,#cc413f 29px 29px,#d04341 30px 30px}
116 #blog-news .social .social_github{background: #34c8f4;text-shadow: #2fb4dc 1px 1px,#2fb4dc 2px 2px,#2fb4dc 3px 3px,#2fb4dc 4px 4px,#2fb4dc 5px 5px,#2fb4dc 6px 6px,#2fb4dc 7px 7px,#2fb4dc 8px 8px,#2fb4dc 9px 9px,#2fb4dc 10px 10px,#2fb4dc 11px 11px,#2fb4dc 12px 12px,#2fb4dc 13px 13px,#2fb4dc 14px 14px,#2fb4dc 15px 15px,#2fb4dc 16px 16px,#2fb4dc 17px 17px,#2fb4dc 18px 18px,#2fb4dc 19px 19px,#2fb4dc 20px 20px,#2fb4dc 21px 21px,#2fb6de 22px 22px,#30b8e1 23px 23px,#30bae4 24px 24px,#31bce6 25px 25px,#31bfe9 26px 26px,#32c1ec 27px 27px,#32c3ee 28px 28px,#33c5f1 29px 29px,#34c8f4 30px 30px}
117 #blog-news .social .social_envelope{background: #f8bc2e;text-shadow: #d3a027 1px 1px,#d3a027 2px 2px,#d3a027 3px 3px,#d3a027 4px 4px,#d3a027 5px 5px,#d3a027 6px 6px,#d3a027 7px 7px,#d3a027 8px 8px,#d3a027 9px 9px,#d3a027 10px 10px,#d3a027 11px 11px,#d3a027 12px 12px,#d3a027 13px 13px,#d3a027 14px 14px,#d3a027 15px 15px,#d3a027 16px 16px,#d3a027 17px 17px,#d3a027 18px 18px,#d3a027 19px 19px,#d3a027 20px 20px,#d3a027 21px 21px,#d7a327 22px 22px,#dba628 23px 23px,#dfa929 24px 24px,#e3ac2a 25px 25px,#e7af2a 26px 26px,#ebb22b 27px 27px,#efb52c 28px 28px,#f3b82d 29px 29px,#f8bc2e 30px 30px}
118 #blog-news .social .social_weibo:hover,#blog-news .social .social_github:hover,#blog-news .social .social_envelope:hover{text-shadow: none}
119 #leftcontentcontainer{margin-top: 20px}
120 .myad{padding: 20px;background: #fff;margin-top: 20px}
121 .mySearch{/*background: #fff*/}
122 .catListTitle{/*font-size: 18px;padding: 10px 20px;background-color: #169fe6;color: #fff;font-weight: normal;border: 1px solid #169fe6*/}
123 #widget_my_zzk{padding: 15px 0 15px 15px;}
124 #widget_my_google{padding: 10px 0 15px 15px;border: 1px solid #dedede;border-top: none;margin: 0!important}
125 .input_my_zzk{width: 160px;height: 35px;border: 1px solid #ddd;outline: none;line-height: 35px;font-size: 13px;padding: 0 12px}
126 input.btn_my_zzk{font-size: 14px;height: 37px;width: 70px;background: #0c0;text-align: center;line-height: 37px;border: none;color: #fff;font-family: "Microsoft Yahei","Simsun",Arial}
127 input.btn_my_zzk:hover{cursor: pointer;cursor: hand}
128 .catListTag ul li:hover{background: #ff5e52;cursor: pointer;color: #fff}
129 .catListTag ul li:hover a{color: #fff}
130 .catListTag ul li a:hover{text-decoration: none;color: #fff}
131 .catListPostCategory{background: #fff}
132 .catListPostCategory ul{/*border: 1px solid #dedede;*/border-top: none}
133 .catListPostCategory ul li{line-height: 44px;/*border-bottom: 1px solid #e9e9e9;*/padding-left: 25px;font-size: 15px;color: #777}
134 .catListPostCategory ul li a,.catListPostArchive ul li a,.catListArticleCategory ul li a,.recent_comment_title a,.catListView ul li a,.catListFeedback ul li a{color: #777;text-decoration: none}
135 .catListPostCategory ul li a:hover,.catListPostArchive ul li a:hover,.catListArticleCategory ul li a:hover,.recent_comment_title a:hover,.catListView ul li a:hover,.catListFeedback ul li a:hover{color: #ff5e52;border-bottom: 1px dotted #ff5e52}
136 .catListPostArchive{background: #fff}
137 .catListPostArchive ul{/*border: 1px solid #dedede;*/}
138 .catListPostArchive ul li{line-height: 44px;border-bottom: 1px solid #e9e9e9;padding-left: 25px;font-size: 15px;color: #7e8c8d}
139 .catListArticleCategory{width: 290px;padding-top: 20px;background: #fff}
140 .catListImageCategory{/*width: 290px;padding-top: 20px;background: #fff*/}
141 .catListComment{background: #fff}
142 .recent_comment_title{color: #7e8c8d;border: none!important}
143 .recent_comment_body,.recent_comment_author{color: #9fa4a4;padding-top: 0!important}
144 .recent_comment_body{border-bottom: none!important}
145 .recent_comment_author{border-bottom: 1px solid #e9e9e9}
146 .catListView{margin-top: 20px}
147 .catListFeedback{background: #fff;margin-top: 20px}
148 .catListFeedback ul li{border-bottom: 1px solid #e9e9e9;padding: 8px 0}
149 .catListLink{display: none}
150 .clearFix:after{clear: both;display: block;height: 0;line-height: 0;content: "";visibility: hidden}
151 #myding{background: #99b16b;display: none}
152 #myadd:hover{opacity: 1}
153 #goto-top:hover{background: url(//images.cnblogs.com/cnblogs_com/Li-Cheng/554829/o_goto-top.png) no-repeat 0 -36px}
154 #blog-comments-placeholder{padding: 20px;border: 1px solid #dedede;padding-top: 0;margin-top: 20px;}
155 .feedbackItem{margin-top: 10px}
156 .feedbackCon{border: 1px dashed #dedede;padding: 10px;margin: 10px 0}
157 #comment_nav{margin: 10px 0}
158 #comment_nav a:hover{color: #9ab26b}
159 #comment_form_container{border: 1px solid #dedede;padding: 20px;}
160 #site_nav_under{border: 1px solid #dedede;padding: 20px;background-color: #fff}
161 #ad_under_post_holder{width: 300px;float: left;margin-bottom: 10px}
162 #under_post_news{width: 528px;height: 160px;margin-left: 0;margin-top: 10px;border: 1px solid #dedede;padding: 10px 20px;background-color: #fff;display:none;}
163 #google_ad_c2{float: left;width: 570px;margin-left: 0;margin-bottom: 10px;clear: right;display:none;}
164 #under_post_kb{clear: left;margin-top: 10px;border: 1px solid #dedede;padding: 10px 20px;background-color: #fff;display:none;}
165 .entrylist h1{height: 50px;line-height: 50px;margin-bottom: 10px}
166 .entrylistItem{background: #fff;padding: 20px;border: 1px solid #dedede;margin-bottom: -1px}
167 .entrylistItem:hover{border: 1px solid #169fe6;position: relative;z-index: 10}
168 .entrylist .postSeparator{display: none}
169 .entrylistItemTitle{color: #555}
170 .entrylistPosttitle{font-size: 21px;line-height: 1.5em;float: left;clear: right}
171 .entrylistPostSummary{padding: 15px 0;clear: both}
172 .entrylistItemPostDesc{clear: both;color: #bcbcbc;float: none;text-align: left;line-height: 200%;font-size: 12px}
173 .entrylistItemPostDesc a{color: #999;float: right}
174 #myposts h3{height: 50px;line-height: 50px;margin-bottom: 10px;font-size: 28px!important}
175 #myposts .PostList{background: #fff;padding: 20px;border: 1px solid #dedede;margin: 0 0 -1px 0!important}
176 #myposts .PostList:hover{border: 1px solid #169fe6;position: relative;z-index: 10}
177 #myposts .PostList a{display: block;font-size: 16px;color: #333}
178 #myposts .PostList a:hover{color: #ff5e52}
179 .cnblogs-post-body{color: #333}
180 .sidebar-block{/*margin-bottom: 20px;background-color: #fff*/margin-bottom: 10px;background: rgba(255,255,255,.5);/* border: 1px solid #fff;*/}
181 .sidebar-block h3{font-size: 14px;color: #000;border-bottom: 1px solid #fff;margin: 0 10px;padding: 5px;font-weight:bold;}
182 .sidebar-block ul{/*border: 1px solid #dedede;*/border-top: none}
183 .sidebar-block ul li{line-height: 2;/*border-bottom: 1px solid #e9e9e9;*/padding: 5px 10px 5px 10px;font-size: 14px;color: #777}
184 .sidebar-block ul li a{color: #777;text-decoration: none}
185 .sidebar-block ul li a:hover{color: #0c0;border-bottom: 1px dotted #0c0;margin-left:0.5em;}
186 #sidebar_search .catListTitle{display:none}
187 #sidebar_postcategory ul li{display:inline-block;clear:both;}
188 #cnblogs_post_body img{max-width: 800px}
189 #cnblogs_post_body a:link{text-decoration: underline}
190 #ad_t2 a:link,#ad_t2 a:active,#ad_t2 a:visited{color: #000}
191 div.commentform textarea{background:rgba(255,255,255,.8);}