Persönliche Website von Ruan Yifeng

etwa 5000~500000

570

Schwimmen und sinken. Der Anfang des Bösen und das Ende des Glücks

4

104.21.52.150

阮一峰的个人网站-RuanYiFeng'sPersonalWebsite html{ width:100%; height:100%; margin:0; padding:0}body{ background-repeat:no-repeat; background-attachment:fixed; -webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover; background-position:50%50%; margin:0; padding:0; width:100%; height:100%; background-ime:url(http/imes_pub/pub_0.png); -webkit-transition:All2sease; -moz-transition:All2sease; -o-transition:All2sease; -ms-transition:All2sease; transition:All2sease;}body.one-column#container{ background-color:rgba(0,0,0,0.3); border-radius:1.5em; color:#fefefe; overflow:auto;position:absolute; left:50%; top:50%; width:auto; height:auto; max-height:80%; min-width:90%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);transition:height1sease; transition:top1sease;}body.one-column#containerp,body.one-column#containera{ color:#fefefe; text-shadow:01px1px#333}body.one-column#containera:hover{ color:#; text-decoration:underline;}body.one-column#pe-alphap:hover,body.one-column#footer-contenta:hover{ background-color:#fefefe; color:#222;}body.one-column#footer-contenta:hover{ padding:0.25rem; border-radius:0.5em;}body.one-column#pe-alphap:hovera{ color:#222;}body.one-column#pe-alphap{ background-color:rgba(0,0,0,0.5); padding:0.25rem; border-radius:0.5em; text-shadow:01px1px#333;}body.one-column#header{ /*height:7rem;*/ display:relative; padding-bottom:1em;}body.one-column#containerh1{ font-size:1.4rem; line-height:90%; color:#fefefe; float:none; margin:auto; padding-top:0.4rem; text-align:center; font-weight:bolder; text-shadow:01px1px#333;}body.one-column#header-content:hoverh1{ text-decoration:underline;}body.one-column#header-contenth1:hoverPersönliche Website von Ruan Yifeng{ cursor:pointer;}/*body.one-column#header-contenth1::after{ content:url(data:ime/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAALVBMVEVkLXAcHBodHRsdHRweHhseHhwfHxwfHx0gIBwgIB0gIB4hIR4hIR8iIiAjIyE9I8U+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfeAQQHLyUKtZO3AAAAcUlEQVQI12NgAAJWBijQYGBnYIIw2RUYeBQYcINJUQyLGJQWQji8SggJdQTzEJyFrEALwT6kowRXsEjd4ABMQZE6WFyOYZGWUqk2iAm0q0g1KADEVDoEVKAKZrIDVQQ2zUVEpSCXIAM5lUlZSVAhgAQrASIJnpI9IAAAAASUVORK5CYII=); display:inline-block; background-color:#fefefe; color:#222; margin-left:0.5em; padding:5px; border-radius:100%; visibility:hidden;}*/body.one-column#header-contentp{ text-align:center;}body.one-column#header-content{ display:block; text-align:center; margin:auto;}/*body.one-column#header-content::before{ display:block; margin:0.1remauto; width:80px; height:80px; content:url(http/blog/imes/person4_s.jpg); border-radius:40px; overflow:hidden;}*/@media(min-width:641px)and(max-width:770px){ body.one-column#container{ min-width:70%; }}@media(min-width:771px){ body.one-column#container{ min-width:40%; }}#up-arrow{ position:absolute; right:5px; top:5px; width:21px; height:21px; background-ime:url(data:ime/gif;base64,R0lGODlhFgALMANkZuLi44CBg5SVlru8vPb29tjZ2aioqW1ucIqLjOrq6sXFxgAAAAAAAAAAAAAAACH5BAAHAP8ALAAAAAAWABUAAARBUMlJqLYVnJYlIEQBAmEqQpoEpvIHnR6dEb+GpsCwpdChDID4muQWShpi8+ARBUIqKTBkcXter9gUwQAOw==); background-color:#fefefe; border-radius:100%;cursor:n-resize;}body.one-column#container.folded{ top:15px; margin-top:5px; height:6px; overflow:hidPersönliche Website von Ruan Yifengden;} 阮一峰的个人网站 RuanYifeng'sPersonalWebsite»网络日志（Blog）»文集：未来世界的幸存者»文集：前方的路Contact|ruanyifeng.comvarpub_img_current_ime;functionbackgroundIme(){varpub_img_path='http/imes_pub/';varpub_img_num=355;varpub_img_current_no=function(){returnMath.floor(Math.random()*pub_img_num+1);};varpub_img_url=function(){returnpub_img_path+'pub_'Persönliche Website von Ruan Yifeng+pub_img_current_no()+'.jpg';};if(pub_img_current_ime===undefined)pub_img_current_ime=pub_img_url();if('querySelector'indocument){ varbody=document.querySelector('body').style;}else{ varbody=document.body.style;}body.backgroundSize='cover';body.backgroundRepeat='no-repeat';body.backgroundIme='url('+pub_img_current_ime+')';varspan=document.getElementById('img_placer');span.innerHTML='';}backgroundIme();varup=document.getElementById('up-arrow');varupStatus=0;up.addEventListener('click',function(){ if(upStatus===0){ varcontainer=document.getElementById('container'); container.setAttribute('class','folded'); up.style.backgroundIme='url(data:ime/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAYCAYAAAARfGZ1AAAABHNCSVQICIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAHZSURBVEiJ7ZQ/ixpRFMXPeY6za7IEbbS1EGysUk0TkFjkI1imShFIioVASJsqW2wT8gW2TSsypBCLBLExEBgQ2cxodDdYKBhHDZv5c1Ooi4juGsIWCXvhNo97fu+++857FBHcVKgbI9/C/z84ROQyAahMJnMvn88fAIgB2AegA4guMrJoiAC4qt2UXPU5yT3DMB6l0+kHmqYpEQkWDTAMw8u6MAxJEiIiSikEQRAdjUY/Go3G8XA4HC/rtLVTXBiG0dR1/XkqlXqo6/rPMAw535cQES67XqxRRCKz2cydTqdPVsHAhpnX6/XTyWTy0nXdLyTvRiKRO0qpGMkYyX0AeyR1klEAmud5F7ZtvyiXy+/XWdz2/AuFwv1sNnsSj8dzMi8iyXBxQkUSnuf5rVbrValUOpYNoK1uqVQqn9vt9tPxePxVKbUcC0SESin4vh82m80jx3HebgJfCQcA0zQ/2bb9zHXdbyRBUiml6Pt+4DjOu06n88ayrF/b9Nf63DTND91u99B13e+apsHzPHEc56TX6722LGtylXbrzNejWCw+TiaTR4PB4GO/3z+sVqtn12l2hudyuYNEImEEQdCs1Wrnu2h2hgNzu2y7vL+G/2n8u7/iLXxj/AYhQQQGkT/xPgAAAABJRU5ErkJggg==)';up.style.cursor='s-resize'; }else{ varcontainer=document.getElementById('container'); container.removeAttribute('class'); up.style.backgroundIme='url(data:ime/gif;base64,R0lGODlhFgALMANkZuLi44CBg5SVlru8vPb29tjZ2aioqW1ucIqLjOrq6sXFxgAAAAAAAAAAAAAAACH5BAAHAP8ALAAAAAAWABUAAARBUMlJqLYVnJYlIEQBAmEqQpoEpvIHnR6dEb+GpsCwpdChDID4muQWShpi8+ARBUIqKTBkcXter9gUwQAOw==)';up.style.cursor='n-resize'; } upStatus=~upStatus;}); (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*newDate();a=s.createElement(o),m=s.getElementsByTName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','///analytics.js','ga');ga('create','UA--1','ruanyifeng.com');ga('send','peview');