本站CSS
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);}
本站头部图片
<div style="width: 200px; height: 100px; margin: 10px auto 5px auto; overflow: visible" id="toplogo"><img src="http://pic.cnblogs.com/avatar/1313420/20180111055446.png"></div>