博客皮肤:SimpleMemory
页面定制 CSS 代码
1 /*simplememory*/ 2 #google_ad_c1, #google_ad_c2 {display:none;} 3 .syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .syntaxhighlighter table tr, .syntaxhighlighter table tbody, .syntaxhighlighter table thead, .syntaxhighlighter table caption, .syntaxhighlighter textarea { 4 font-size: 14px!important; 5 } 6 #home { 7 opacity: 0.80; 8 margin: 0 auto; 9 width: 85%; 10 min-width: 950px; 11 background-color: #fff; 12 padding: 30px; 13 margin-top: 30px; 14 margin-bottom: 50px; 15 box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); 16 } 17 #blogTitle h1 { 18 font-size: 30px; 19 font-weight: bold; 20 font-family: "Comic Sans MS"; 21 line-height: 1.5em; 22 margin-top: 20px; 23 color: #515151; 24 } 25 #navList a:hover { 26 color: #4C9ED9; 27 text-decoration: none; 28 } 29 #navList a { 30 display: block; 31 width: 5em; 32 height: 22px; 33 float: left; 34 text-align: center; 35 padding-top: 18px; 36 } 37 #navigator { 38 font-size: 15px; 39 border-bottom: 1px solid #ededed; 40 border-top: 1px solid #ededed; 41 height: 50px; 42 clear: both; 43 margin-top: 25px; 44 } 45 .catListTitle { 46 margin-top: 21px; 47 margin-bottom: 10.5px; 48 text-align: left; 49 border-left: 10px solid rgba(82, 168, 236, 0.8); 50 padding: 10px 0 14px 10px; 51 background-color: #f5f5f5; 52 } 53 #ad_under_post_holder #google_ad_c1,#google_ad_c2{ 54 display: none !important; 55 } 56 body { 57 color: #000; 58 background: url(http://images2015.cnblogs.com/blog/969197/201703/969197-20170325160900815-1058599404.jpg 59 ) fixed; 60 background-size: 100%; 61 background-repeat: no-repeat; 62 font-family: "Helvetica Neue",Helvetica,Verdana,Arial,sans-serif; 63 font-size: 12px; 64 min-height: 101%; 65 } 66 #topics .postTitle { 67 border: 0px; 68 font-size: 200%; 69 font-weight: bold; 70 float: left; 71 line-height: 1.5; 72 width: 100%; 73 padding-left: 5px; 74 } 75 76 77 div.commentform p{ 78 margin-bottom:10px; 79 } 80 .comment_btn { 81 padding: 5px 10px; 82 height: 35px; 83 width: 90px; 84 border: 0 none; 85 border-radius: 5px; 86 background: #ddd; 87 color: #999; 88 cursor:pointer; 89 font-family: "Lato", Helvetica Neue, Helvetica, Microsoft Yahei, 宋体, Arial, sans-serif; 90 text-shadow: 0 0 1px #fff; 91 display: inline !important; 92 } 93 .comment_btn:hover{ 94 padding: 5px 10px; 95 height: 35px; 96 width: 90px; 97 border: 0 none; 98 border-radius: 5px; 99 background: #258fb8; 100 color: white; 101 cursor:pointer; 102 font-family: "Lato", Helvetica Neue, Helvetica, Microsoft Yahei, 宋体, Arial, sans-serif; 103 text-shadow: 0 0 1px #fff; 104 display: inline !important; 105 } 106 #commentform_title { 107 background-image:none; 108 background-repeat:no-repeat; 109 margin-bottom:10px; 110 padding:0; 111 font-size:24px; 112 } 113 #commentbox_opt,#commentbox_opt + p { 114 text-align:center; 115 } 116 .commentbox_title { 117 width: 100%; 118 } 119 #tbCommentBody { 120 font-family:'Microsoft Yahei', Microsoft Yahei, 宋体, sans-serif; 121 margin-top:10px; 122 max-width:100%; 123 min-width:100%; 124 background:white; 125 color:#333; 126 border:2px solid #fff; 127 box-shadow:inset 0 0 8px #aaa; 128 // padding:10px; 129 height:250px; 130 font-size:14px; 131 min-height:120px; 132 } 133 .feedbackItem { 134 font-size:14px; 135 line-height:24px; 136 margin:10px 0; 137 padding:20px; 138 background:#F2F2F2; 139 box-shadow:0 0 5px #aaa; 140 } 141 .feedbackListSubtitle { 142 font-weight:normal; 143 } 144 145 #blog-comments-placeholder, #comment_form { 146 padding: 20px; 147 background: #fff; 148 -webkit-box-shadow: 1px 2px 3px #ddd; 149 box-shadow: 1px 2px 3px #ddd; 150 margin-bottom: 50px; 151 } 152 .feedback_area_title { 153 margin-bottom: 15px; 154 font-size: 1.8em; 155 } 156 .feedbackItem { 157 border-bottom: 1px solid #CCC; 158 margin-bottom: 10px; 159 padding: 5px; 160 background: rgb(248, 248, 248); 161 } 162 .color_shine {background: rgb(226, 242, 255);} 163 .feedbackItem:hover {-webkit-animation-name: color_shine;-webkit-animation-duration: 2s;-webkit-animation-iteration-count: infinite;} 164 #comment_form .title { 165 font-weight: normal; 166 margin-bottom: 15px; 167 } 168 169 .post img { 170 cursor: pointer; 171 transition: all 0.5s; 172 } 173 .post img:hover { 174 transform: scale(1.3); 175 } 176 177 /*生成博客目录的CSS*/ 178 #uprightsideBar{ 179 font-size:12px; 180 font-family:Arial, Helvetica, sans-serif; 181 text-align:left; 182 position:fixed;/*将div的位置固定到距离top:50px,right:0px的位置,这样div就会处在最右边的位置,距离顶部50px*/ 183 top:50px; 184 right:0px; 185 width: auto; 186 height: auto; 187 } 188 #sideBarTab{ 189 float:left; 190 width:30px; 191 border:1px solid #e5e5e5; 192 border-right:none; 193 text-align:center; 194 background:#ffffff; 195 } 196 197 #sideBarContents{ 198 float:left; 199 overflow:auto; 200 overflow-x:hidden;!important; 201 width:200px; 202 min-height:108px; 203 max-height:460px; 204 border:1px solid #e5e5e5; 205 border-right:none; 206 background:#ffffff; 207 } 208 #sideBarContents dl{ 209 margin:0; 210 padding:0; 211 } 212 213 #sideBarContents dt{ 214 margin-top:5px; 215 margin-left:5px; 216 } 217 218 #sideBarContents dd, dt { 219 cursor: pointer; 220 } 221 222 #sideBarContents dd:hover, dt:hover { 223 color:#A7995A; 224 } 225 #sideBarContents dd{ 226 margin-left:20px; 227 } 228 229 .cnblogs_code pre { 230 font-family: Courier New!important; 231 font-size: 15px!important; 232 word-wrap: break-word; 233 white-space: pre-wrap; 234 } 235 236 .cnblogs_code span { 237 font-family: Courier New!important; 238 font-size: 15px!important; 239 line-height: 1.5!important; 240 }
博客侧边栏公告(支持HTML代码) (支持 JS 代码)
1 <embed frameborder="no" border="0" marginwidth="0" marginheight="0" width=280 height=110 src="//music.163.com/outchain/player?type=0&id=3132729799&auto=1&height=90"></iframe>
1 <script type="text/javascript"> 2 window.onload = function () { 3 var minSize = 15; //最小字体 4 var maxSize = 30;//最大字体 5 var newOne = 600; //生成雪花间隔 6 var flakColor = "#1bd3ff"; //雪花颜色 7 var flak = $("<div></div>").css({position:"absolute","top":"0px"}).html("❉");//定义一个雪花 8 var dhight = $(window).height(); //定义视图高度 9 var dw =$(window).width()-80; //定义视图宽度 10 setInterval(function(){ 11 var sizeflak = minSize+Math.random()*maxSize; //产生大小不等的雪花 12 var startLeft = Math.random()*dw; //雪花生成是随机的left值 13 var startOpacity = 0.7+Math.random()*0.3; //随机透明度 14 var endTop= dhight-100; //雪花停止top的位置 15 var endLeft= Math.random()*dw; //雪花停止的left位置 16 var durationfull = 5000+Math.random()*3000; //雪花飘落速度不同 17 flak.clone().appendTo($("body")).css({ 18 "left":startLeft , 19 "opacity":startOpacity, 20 "font-size":sizeflak, 21 "color":flakColor 22 }).animate({ 23 "top":endTop, 24 "left":endLeft, 25 "apacity":0.1 26 },durationfull,function(){ 27 $(this).remove() 28 }); 29 },newOne); 30 } 31 </script> 32 <script type="text/javascript"> 33 /* 鼠标特效 */ 34 var a_idx = 0; 35 jQuery(document).ready(function($) { 36 $("body").click(function(e) { 37 var a = new Array("❤富强❤","❤民主❤","❤文明❤","❤和谐❤","❤自由❤","❤平等❤","❤公正❤","❤法治❤","❤爱国❤","❤敬业❤","❤诚信❤","❤友善❤"); 38 var $i = $("<span></span>").text(a[a_idx]); 39 a_idx = (a_idx + 1) % a.length; 40 var x = e.pageX, 41 y = e.pageY; 42 $i.css({ 43 "z-index": 999999999999999999999999999999999999999999999999999999999999999999999, 44 "top": y - 20, 45 "left": x, 46 "position": "absolute", 47 "font-weight": "bold", 48 "color": "rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")" 49 }); 50 $("body").append($i); 51 $i.animate({ 52 "top": y - 180, 53 "opacity": 0 54 }, 55 1500, 56 function() { 57 $i.remove(); 58 }); 59 }); 60 }); 61 </script> 62 <script src="http://files.cnblogs.com/files/flipped/prettify.js"></script> 63 <script type="text/javascript"> 64 (function() { 65 $("pre").addClass("prettyprint"); 66 prettyPrint(); 67 })(); 68 </script> 69 70 <!-- lightbox的样式 --> 71 <link href="https://blog-static.cnblogs.com/files/yadongliang/lightbox.css" rel="stylesheet"> 72 73 <!-- lightbox.js核心代码 --> 74 <script src="https://blog-static.cnblogs.com/files/yadongliang/lightbox-plus-jquery.js"></script> 75 <script type='text/javascript'>$('#cnblogs_post_body img').wrap(function(){return "<a href='"+$(this).attr("src")+"' data-lightbox='example-set'></a>"});</script> 76 <script type='text/javascript'>$(".code_img_closed").unwrap();</script> 77 <script type='text/javascript'>$(".code_img_opened").unwrap();</script>