darkgreentrip
. 1 #home { 2 margin : 0 Auto ; . 3 width : 80% ; / * original 65 * / . 4 min-width : 980px ; / * the width of the top of the page * / . 5 background-Color : RGBA (245, 245, 245, 0.7) ; . 6 padding : 30px ; . 7 margin-Top : 50px ; . 8 margin-bottom : 50px ; . 9 Box-Shadow : 0 2px 6px rgba(100, 100, 100, 0.3); 10 } 11 body { 12 background: rgba(12, 100, 129, 1) url('https://images.cnblogs.com/cnblogs_com/WhiteTears/1198742/o_timg.jpg') fixed no-repeat; 13 background-position: 50% 5%; 14 background-size: cover; 15 } 16 #blogTitle { 17 height: 100px; /*高度*/ 18 clear: both; 19 background-color: rgba(245, 245, 245, 0); 20 } 21 #blogTitle h1 { 22 font-size: 36px; 23 font-weight: bold; 24 line-height: 1.8em;/*原始 1.6em*/ 25 margin-top: 10px;/*原始 15px */ 26 color: #548B54; 27 } 28 #blogTitle h2 { 29 font-weight: normal; 30 font-size: 17px;/*原始 16px ；font-size: 1.0rem;*/ 31 line-height: 1.8; 32 color: #111; 33 font-weight: bold; 34 text-align: right; 35 float: right; 36 } 37 #navigator{ 38 background-color: rgba(33, 160, 139, 0.9); 39 } 40 #navList a:link, #navList a:visited, #navList a:active{ 41 color: #eee; 42 font-size: 18px; 43 font-weight: bold; 44 } 45 .blogStats{ 46 color: #eee; 47 } 48 .postTitle { 49 border-left: 8px solid rgba(33, 160, 139, 0.68); 50 margin-left: 10px; 51 margin-bottom: 10px; 52 font-size: 20px; 53 float: right; 54 width: 100%; 55 clear: both; 56 } 57 .postTitle a:link, .postTitle a:visited, .postTitle a:active { 58 color: #21759b; 59 transition: all 0.4s linear 0s; 60 } 61 .postTitle a:hover { 62 margin-left: 30px; 63 color: #0f3647; 64 text-decoration: none; 65 } 66 .postCon { 67 float: right; 68 line-height: 1.5em; 69 width: 100%; 70 clear: both; 71 padding: 10px 0; 72 } 73 74 .day .postTitle a { 75 padding-left: 10px; 76 } 77 .day { 78 background: rgba(255, 255, 255, 0.5); 79 } 80 /*文章附加信息*/ 81 .postDesc { 82 background: url(images/posted_time.png) no-repeat 0 1px; 83 color: #757575; 84 float: left; 85 width : 100% ; 86 Clear : both ; 87 text-align = left : left ; 88 font-Family : "Microsoft elegant black", "Times New Roman", "bold", Arial ; 89 font-size : 13px ; 90 padding- right : 20px ; / * 5px padding-left: 90px; left post posted distance * / 91 margin-Top : 20px ; 92 Line-height : 1.8 ; 93 padding-bottom: 35px; 94 } 95 96 .newsItem, .catListEssay, .catListLink, .catListNoteBook, .catListTag, .catListPostCategory, 97 .catListPostArchive, .catListImageCategory, .catListArticleArchive, .catListView, 98 .catListFeedback, .mySearch, .catListComment, .catListBlogRank, .catList, .catListArticleCategory ,#blog-calendar 99 { 100 background: rgba(255, 255, 255, 0.5); 101 margin-bottom: 35px; 102 word-wrap: break-word; 103 } 104 105 .CalTitle{ 106 background: rgba(255, 255, 255, 0); 107 } 108 .catListTitle{ 109 background-color: rgba(33, 160, 139, 0.9); 110 } 111 112 #topics{ 113 background: rgba(255, 255, 255, 0.5); 114 } 115 116 .c_ad_block{ 117 display: none; 118 } 119 120 #tbCommentBody{ 121 width: 100%; 122 height: 200px; 123 background: rgba(255, 255, 255, 0.5); 124 } 125 126 #q{background: rgba(255, 255, 255, 0);} 127 128 .CalNextPrev{background: rgba(255, 255, 255, 0);} 129 130 .cnblogs_code{ 131 background: rgba(255, 255, 255, 0); 132 } 133 134 .cnblogs_code div { 135 background : RGBA (255, 255, 255, 0) ; 136 } 137 138 .cnblogs_code_toolbar { 139 background : RGBA (255, 255, 255, 0) ; 140 } 141 is 142 .entrylist { 143 background : RGBA (255, 255, 255, 0.5) ; 144 } 145 / * recommended against and * / 146 #div_digg { 147 padding: 10px; 148 position: fixed; 149 _position: absolute; 150 z-index: 1000; 151 bottom: 20px; 152 right: 0; 153 _right: 17px; 154 border: 1px solid #D9DBE1; 155 background-color: #FFFFFF; 156 filter: alpha(Opacity=80); 157 -moz-opacity: 0.8; 158 opacity: 0.8; 159 } 160 161 .icon_favorite { 162 background: transparent url('http://files.cnblogs.com/files/jackson0714/kj.gif') no-repeat 0 0; 163 padding-left: 16px; 164 } 165 166 #blog_post_info_block a { 167 text-decoration: none; 168 color: #5B9DCA; 169 padding: 3px; 170 }
<div align="center"> <imgsrc="https://pic.cnblogs.com/avatar/1334215/20180504110551.png"> </div>
<a href="https://github.com/zwnsyw" target="_blank"> <img style="position: fixed; top: 0; right: 0; border: 0; z-index: 1;"src="http://images.cnblogs.com/cnblogs_com/jackson0714/779808/o_github.png" > </a>
<Script Language = "JavaScript" of the type = "text / JavaScript"> // build directory index list // ref: http://www.cnblogs.com/zwnsyw/ function GenerateContentList () { var mainContent = $ ( '# cnblogs_post_body' ); var h2_list = $ ( '# cnblogs_post_body h2'); // If your chapter titles are not h2, h2 only need to replace here if(mainContent.length < 1) return; if(h2_list.length>0) { var content = '<a name="_labelTop"></a>'; content += '<div id="navCategory" style="color:#152e97;">'; content += '<p style="font-size:18px;"><b>目录</b></p>'; content += '<ul>'; for(var i=0; i<h2_list.length; i++) { var go_to_top = '<div style="text-align: right;"><a href="#_labelTop" style="color:#f68a33">回到顶部</a><a name="_label' + i + '"></a></div>'; $(h2_list[i]).before(go_to_top); var h3_list = $(h2_list[i]).nextAll("h3"); var li3_content = ''; for(var j=0; j<h3_list.length; j++) { var tmp = $(h3_list[j]).prevAll('h2').first(); if(!tmp.is(h2_list[i])) break; var li3_anchor = '<a name="_label' + i + '_' + j + '"></a>'; $(h3_list[j]).before(li3_anchor); li3_content += '<li><a href="#_label' + i + '_' + j + '">' + $(h3_list[j]).text() + '</a></li>'; } var li2_content = ''; if(li3_content.length > 0) li2_content = '<li><a href="#_label' + i + '">' + $(h2_list[i]).text() + '</a><ul>' + li3_content + '</ul></li>'; else li2_content = '<li><a href="#_label' + i + '">' + $(h2_list[i]).text() + '</a></li>'; content += li2_content; } content += '</ul>'; content += '</div><p> </p>'; content += '<hr style="height:1px;border:none;border-top:1px dashed #0066CC;"/>'; if($('#cnblogs_post_body').length != 0 ) { $($('#cnblogs_post_body')[0]).prepend(content); } } }