1 line
26 KiB
CSS
1 line
26 KiB
CSS
@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@500&display=swap);:root{--color-bg:#f0f3f6;--color-light:#119da4;--color-main:#13505b;--color-white:#ccc;--color-white-light:#fff;--color-black:#292525;--color-type:#3c4859;--color-post-main:#4c4e4d;--color-post-mark:#ff0;--plyr-color-main:#119da4}body{background-color:var(--color-bg);font:14px/1 PingFangSC,"Microsoft Yahei",Microsoft Sans Serif,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{color:var(--color-type);-webkit-transition:all .2s;transition:all .2s}a,a:visited{color:var(--color-type)}a:hover{color:var(--color-light)}button{outline:0;border-width:0;background:var(--color-type)}img:not([src]):not([srcset]){visibility:hidden}.clearfix::after{clear:both;content:"";display:block;font-size:0;height:0;visibility:hidden}.hairline::after{border:0 solid var(--color-white);border-bottom-width:1px;bottom:-50%;-webkit-box-sizing:border-box;box-sizing:border-box;content:" ";left:-50%;pointer-events:none;position:absolute;right:-50%;top:-50%;-webkit-transform:scale(.5);transform:scale(.5)}.container{max-width:1200px;padding:0 20px}.header{display:-webkit-box;display:-ms-flexbox;display:flex;height:120px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.header .header-type{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:20px;font-weight:700;line-height:80px;padding-left:5px}.header .header-type-inner{display:-webkit-box;display:-ms-flexbox;display:flex}.header .header-type-avatar{margin-right:10px}.header .header-type-title{color:var(--color-type);font-family:Oswald,sans-serif}.header .header-type-page-title{font-size:14px;font-weight:300;margin-left:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.header .header-type .typed-cursor{font-family:Oswald,sans-serif;margin-left:5px;padding-bottom:5px}.header .header-menu{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.header .header-menu-inner{line-height:40px;margin-right:5px;display:-webkit-box;display:-ms-flexbox;display:flex}.header .header-menu-inner a{margin:0 20px 0 0;color:var(--color-type);font-size:14px;letter-spacing:0}.header .header-menu-inner a:active,.header .header-menu-inner a:hover{letter-spacing:1px}.header .header-menu-inner a::after,.header .header-menu-inner a::before{-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid rgba(255,255,255,0);bottom:0;content:" ";display:block;margin:0 auto;position:relative;-webkit-transition:all 280ms ease-in-out;transition:all 280ms ease-in-out;width:0}.header .header-menu-inner a:hover::after,.header .header-menu-inner a:hover::before{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-color:var(--color-type);-webkit-transition:width 350ms ease-in-out;transition:width 350ms ease-in-out;width:80%}.header .header-menu-inner a:hover::before{bottom:auto;top:0;width:80%}.header .header-menu-social{display:-webkit-box;display:-ms-flexbox;display:flex}.header .header-menu-social a{font-size:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;fill:var(--color-type);padding:0 5px}.header .header-menu-social a:hover{fill:var(--color-light)}.header .header-menu-mobile{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.header .header-menu-mobile-inner .icon{color:var(--color-type);height:25px;width:25px}.header .header-menu-mobile-inner .icon-menu::before{-webkit-box-shadow:0 -.5em,0 .5em;box-shadow:0 -.5em,0 .5em}.header-menu-mobile-menu{display:none;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:2000}.header-menu-mobile-menu-bg{background:var(--color-white-light);height:100vh;left:0;position:absolute;top:0;width:100%}.header-menu-mobile-menu-wrap{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}.header-menu-mobile-menu-inner{position:relative;width:70%}.header-menu-mobile-menu-list{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.header-menu-mobile-menu-list a{font-size:18px;line-height:40px}.header-menu-mobile-menu-close{bottom:-50px;height:25px;left:50%;margin-left:-12px;position:absolute;width:25px}.header-menu-mobile-menu-close .icon{color:var(--color-type);height:25px;width:25px}.mobile-menu-fixed{position:fixed;width:100%}.main{position:relative;margin-bottom:150px}.main .inner{padding-right:300px}.main .inner .inner-main{position:relative;width:100%}.sidebar{position:fixed;right:calc((100% - 1160px)/ 2);top:120px;-webkit-transition:all .2s;transition:all .2s;width:280px}.sidebar .search{position:absolute;left:0;top:0;width:100%;height:auto;max-height:calc(100vh - 140px);margin-bottom:20px;border-radius:8px;overflow:hidden;z-index:10;-webkit-transition:all .3s;transition:all .3s}.sidebar .search .form-input{height:46px;line-height:46px;padding:0 20px;border:0;border-radius:0}.sidebar .search .form-input:focus{-webkit-box-shadow:none;box-shadow:none}.sidebar .search .form-input::-webkit-input-placeholder{font-family:Oswald,sans-serif;color:var(--color-white)}.sidebar .search .form-input::-moz-placeholder{font-family:Oswald,sans-serif;color:var(--color-white)}.sidebar .search .form-input:-ms-input-placeholder{font-family:Oswald,sans-serif;color:var(--color-white)}.sidebar .search .form-input::-ms-input-placeholder{font-family:Oswald,sans-serif;color:var(--color-white)}.sidebar .search .form-input::placeholder{font-family:Oswald,sans-serif;color:var(--color-white)}.sidebar .search-focus{-webkit-transition:all .3s;transition:all .3s}.sidebar .search .form-icon{width:24px;height:24px;right:6px;font-size:20px;color:var(--color-main);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sidebar .search-result{display:none;width:100%;max-height:calc(100vh - 190px);padding:0 20px 15px;background:var(--color-white-light);overflow-y:scroll}.sidebar .search-result-item{display:block;padding:10px 0;border-top:1px solid var(--color-white)}.sidebar .search-result-item h1{margin:0 0 5px;font-size:14px;font-weight:400}.sidebar .search-result-item p{margin:0;font-size:12px;font-weight:300}.sidebar .widget{position:relative;background:var(--color-white-light);border-radius:8px;margin-bottom:20px;width:100%;max-height:calc(100vh - 210px);overflow-y:scroll;padding:20px}.sidebar .widget .widget-wrap:first-child{padding-top:0}.sidebar .widget .widget-wrap:last-child .widget-inner{margin-bottom:0}.sidebar .widget .widget-wrap .widget-title{color:var(--color-white);font-family:Oswald,sans-serif;font-size:16px;font-weight:300;text-transform:uppercase}.sidebar .widget .widget-wrap .widget-inner{margin-bottom:10px;padding:10px 0}.sidebar .widget .widget-wrap .widget-inner ul{margin:0}.sidebar .widget .widget-wrap .widget-inner ul li{line-height:22px;list-style:none;margin:0}.sidebar .widget .widget-archive li,.sidebar .widget .widget-cate li{padding:0 0 0 12px;position:relative}.sidebar .widget .widget-archive li::before,.sidebar .widget .widget-cate li::before{background:var(--color-main);content:"";height:14px;left:0;position:absolute;top:4px;width:3px}.sidebar .widget .widget-tags .tag-list .tag-list-item{border:1px dashed var(--color-white);border-radius:3px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;line-height:24px;margin-bottom:10px;margin-right:10px;padding:0 8px;-webkit-transition:all .2s;transition:all .2s}.sidebar .widget .widget-tags .tag-list .tag-list-item a{color:var(--color-white)}.sidebar .widget .widget-tags .tag-list .tag-list-item:hover{border-color:var(--color-main)}.sidebar .widget .widget-tags .tag-list .tag-list-item:hover a{color:var(--color-main)}.sidebar .widget .widget-recent-posts li{padding:0 0 5px 12px;position:relative}.sidebar .widget .widget-recent-posts li::before{background:var(--color-light);border-radius:2px;content:"";height:5px;left:0;position:absolute;top:8.5px;width:5px}.sidebar-search-fix{padding-top:70px}#backtop{display:none;background:var(--color-white-light);border-radius:8px;cursor:pointer;font-size:.7rem;font-weight:300;padding:15px 0;text-align:center}.sidebar-fixed{top:20px}.index .article{background:var(--color-white-light);border-radius:8px;margin-bottom:20px;padding:20px}.index .article:last-child{margin-bottom:0}.index .article .article-badge{position:absolute;right:0;top:0;display:-webkit-box;display:-ms-flexbox;display:flex}.index .article .article-badge .article-top{width:20px;height:20px;line-height:20px;margin-left:5px;color:var(--color-white-light);background-color:var(--color-light);text-align:center;border-radius:3px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.index .article .article-badge .article-repost{width:20px;height:20px;line-height:20px;margin-left:5px;color:var(--color-white-light);background-color:var(--color-light);text-align:center;border-radius:3px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.index .article .article-inner{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.index .article .article-inner video{display:none}.index .article .article-inner .article-feature{-webkit-box-flex:0;-ms-flex:0 0 260px;flex:0 0 260px;margin-right:20px;position:relative}.index .article .article-inner .article-feature a{border-radius:5px;display:block;overflow:hidden;position:relative}.index .article .article-inner .article-feature a img{display:block;height:auto;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;width:100%}.index .article .article-inner .article-feature a::before{background-color:var(--color-black);bottom:0;content:"";left:0;position:absolute;right:0;top:0;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;opacity:.16;z-index:1}.index .article .article-inner .article-feature a:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}.index .article .article-inner .article-feature a:hover::before{opacity:0}.index .article .article-inner .article-body{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis}.index .article .article-inner .article-body .article-title{font-size:1.2rem;font-weight:500;padding:0 0 12px}.index .article .article-inner .article-body .article-title a{color:var(--color-type);line-height:1.3}.index .article .article-inner .article-body .article-title a:hover{color:var(--color-main)}.index .article .article-inner .article-body .article-entry{font-weight:300}.index .article .article-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:20px 0 0}.index .article .article-footer .article-more-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-line-pack:start;align-content:flex-start;white-space:nowrap}.index .article .article-footer .article-more-info .article-date{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-left:3px solid var(--color-light);color:var(--color-white);margin:0 0 5px 10px;padding-left:8px}.index .article .article-footer .article-more-info .article-category{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-left:3px solid var(--color-light);display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 0 5px 10px;padding-left:8px}.index .article .article-footer .article-more-info .article-tag{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-left:3px solid var(--color-light);display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 0 5px 10px;padding-left:8px}.index .article .article-footer .article-more-info .article-tag-list{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0}.index .article .article-footer .article-more-info .article-tag-list li{list-style:none;margin:0 3px 0 0}.index .article .article-footer a{color:var(--color-white)}.index .article .article-footer a:hover{color:var(--color-type)}.index .article .article-video{margin-bottom:20px;border-radius:5px;overflow:hidden}.index .article .article-tweet{position:relative}.index .article .article-tweet video{display:none}.index .article .article-tweet-quote{color:#ccc;left:0;position:absolute;top:0;font-size:50px;-webkit-transition:all .3s;transition:all .3s}.index .article .article-tweet-content{padding:0 0 10px 70px}.index .article .article-tweet-content p{font-weight:300;margin:0}.index .article .article-tweet-common{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-left:3px solid var(--color-light);margin:0 0 5px 10px;padding-left:5px}.index .article .article-tweet .article-footer{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;padding-left:60px}.index .article .article-tweet:hover .article-tweet-quote{-webkit-transform:scale(1.1);transform:scale(1.1)}.post,.tweet{margin-bottom:60px}.post .article,.tweet .article{background:var(--color-white-light);border-radius:8px;margin-bottom:20px;padding:20px;position:relative}.post .article .article-gallery,.tweet .article .article-gallery{z-index:0!important}.post .article .article-gallery img,.tweet .article .article-gallery img{width:100%;cursor:pointer}.post .article .article-gallery-active,.tweet .article .article-gallery-active{background:var(--color-type);opacity:1}.post .article .article-video,.tweet .article .article-video{border-radius:5px;overflow:hidden}.post .article .article-title,.tweet .article .article-title{font-size:1.4rem;font-weight:300;padding-top:15px}.post .article .article-title a,.tweet .article .article-title a{color:var(--color-type)}.post .article .article-title a:hover,.tweet .article .article-title a:hover{color:var(--color-main)}.post .article .article-entry,.tweet .article .article-entry{padding-bottom:60px;position:relative}.post .article .article-entry .plyr,.tweet .article .article-entry .plyr{border-radius:5px;overflow:hidden}.post .article .article-more-info,.tweet .article .article-more-info{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:30px;padding:0 0 30px;position:relative}.post .article .article-more-info-tweet,.tweet .article .article-more-info-tweet{padding-bottom:20px}.post .article .article-more-info .article-date,.tweet .article .article-more-info .article-date{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-left:3px solid var(--color-light);color:var(--color-white);display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:10px;padding-left:8px}.post .article .article-more-info .article-category,.tweet .article .article-more-info .article-category{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-left:3px solid var(--color-light);display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:10px;padding-left:8px}.post .article .article-more-info .article-tag,.tweet .article .article-more-info .article-tag{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-left:3px solid var(--color-light);display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:10px;padding-left:8px}.post .article .article-more-info .article-tag .article-tag-list,.tweet .article .article-more-info .article-tag .article-tag-list{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0}.post .article .article-more-info .article-tag .article-tag-list li,.tweet .article .article-more-info .article-tag .article-tag-list li{list-style:none;margin:0 3px 0 0}.post .article .article-more-info .article-busuanzi,.post .article .article-more-info .article-counter,.tweet .article .article-more-info .article-busuanzi,.tweet .article .article-more-info .article-counter{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-left:3px solid var(--color-light);color:var(--color-white);display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:10px;padding-left:8px}.post .article .article-more-info a,.tweet .article .article-more-info a{color:var(--color-white)}.post .article .article-more-info a:hover,.tweet .article .article-more-info a:hover{color:var(--color-type)}.post .article .article-nav,.tweet .article .article-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:30px 0}.post .article .article-nav .article-nav-link-wrap .article-nav-caption,.tweet .article .article-nav .article-nav-link-wrap .article-nav-caption{color:var(--color-white);font-size:12px;margin-bottom:5px}.post .article .article-nav .article-nav-link-wrap .article-nav-title,.tweet .article .article-nav .article-nav-link-wrap .article-nav-title{font-size:16px;line-height:1.6}.post .article .article-copyright,.tweet .article .article-copyright{padding:25px 0;position:relative}.post .article .article-copyright p,.tweet .article .article-copyright p{border-left:3px solid var(--color-light);font-size:13px;line-height:1.6;margin:0;padding-left:5px}.post .article .article-refer,.post .article .article-reprint,.tweet .article .article-refer,.tweet .article .article-reprint{padding:25px 0;position:relative}.post .article .article-refer p,.post .article .article-reprint p,.tweet .article .article-refer p,.tweet .article .article-reprint p{border-left:3px solid var(--color-light);font-size:13px;line-height:1.6;margin-bottom:10px;padding-left:5px}.post .article .article-refer p:last-child,.post .article .article-reprint p:last-child,.tweet .article .article-refer p:last-child,.tweet .article .article-reprint p:last-child{margin-bottom:0}.post .article .article-refer,.tweet .article .article-refer{padding:25px 0;position:relative}.post .article .article-refer h3,.tweet .article .article-refer h3{color:var(--color-black);font-size:16px;font-weight:300;margin-bottom:15px}.post .article .share,.tweet .article .share{margin-left:-3.5rem;position:fixed;top:10rem}.post .article .share .share-title,.tweet .article .share .share-title{color:var(--color-type);font-size:13px;padding-bottom:10px;text-align:center}.post .article .share .share-item,.tweet .article .share .share-item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--color-white-light);border-radius:50%;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.04);box-shadow:0 2px 4px 0 rgba(0,0,0,.04);display:-webkit-box;display:-ms-flexbox;display:flex;fill:var(--color-type);height:2rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:10px;-webkit-transition:all .3s;transition:all .3s;width:2rem;font-size:20px}.post .article .share .share-item:hover,.tweet .article .share .share-item:hover{fill:var(--color-light)}.archives-wrap{background:var(--color-white-light);border-radius:8px;margin-bottom:20px;padding:20px}.archives-wrap .archive-year-wrap{padding-bottom:8px}.archives-wrap .archive-year-wrap a{color:var(--color-white);font-size:14px}.archives-wrap .archive-year-wrap a:hover{color:var(--color-main)}.archives-wrap .archive-article h1{color:var(--color-type);font-size:14px;font-weight:400;line-height:22px;margin:0}.footer{font-family:Oswald,sans-serif;font-size:13px;width:100%;position:fixed;left:0;bottom:0;z-index:-1}.footer-wave{width:100%;height:auto}.footer-wrap{margin-top:-3px;width:100%;height:auto;background:var(--color-type)}.footer-inner{max-width:1200px;margin:0 auto;padding:0 20px 50px;color:var(--color-white);line-height:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.footer-inner a{color:var(--color-white);text-decoration:underline}.footer-inner a:hover{color:var(--color-white-light)}.pagination{font-size:14px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:30px 0 0}.pagination .page-number{color:var(--color-main);padding:10px;margin:0 5px;background:var(--color-white-light);border-radius:8px}.pagination .page-number:hover{color:var(--color-light)}.pagination .page-number.current{color:var(--color-white);cursor:not-allowed}.pagination .extend{padding:10px;margin:0 5px;background:var(--color-white-light);border-radius:8px}.pagination .extend:hover{color:var(--color-light)}.comments{background:var(--color-white-light);border-radius:8px;padding:20px;position:relative}.ad-post{background:var(--color-white-light);border-radius:8px;padding:20px;margin-bottom:20px;position:relative}.intersection-observer-ad{background:var(--color-white-light);border-radius:8px;padding:20px;margin-bottom:20px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;color:var(--color-post-main)}.intersection-observer-ad span{padding-top:10px}.intersection-observer-ad svg{width:30px;height:30px;fill:var(--color-post-main)}.page .article{background:var(--color-white-light);border-radius:8px;margin-bottom:20px;padding:20px}.friends{margin-bottom:60px}.friends .article{background:var(--color-white-light);border-radius:8px;margin-bottom:20px;padding:20px;position:relative}.friends-category-title{position:relative;line-height:1;padding:0 0 20px 12px;font-size:18px;font-weight:700}.friends-category-title::before{background:var(--color-main);content:"";height:18px;left:0;position:absolute;top:0;width:3px}.friends-category-inner{padding:0 0 10px}.friends-category-inner a{float:left;background:var(--color-white-light);border-radius:8px;display:block;margin-bottom:20px;margin-right:20px;padding:15px 20px;position:relative}.photography{padding:20px 20px 0;border-radius:8px;background:var(--color-white-light)}.photography .columns{margin-left:-10px;margin-right:-10px}.photography .column{padding-left:10px;padding-right:10px}.photography-item{position:relative;margin-bottom:20px;cursor:pointer;overflow:hidden}.photography-item-wrapper{position:absolute;left:0;top:0;width:100%;height:100%;background:0 0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;pointer-events:none;z-index:10}.photography-item-title{position:absolute;left:15px;top:15px;line-height:20px;color:var(--color-white-light);-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:100}.photography-item-place{position:absolute;left:15px;bottom:15px;height:20px;line-height:20px;font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:100;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;color:var(--color-white-light)}.photography-item-place span{padding-left:2px}.photography-item-icon{position:absolute;right:15px;bottom:15px;width:20px;height:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:100;border-radius:50%;background-color:var(--color-white-light)}.photography-item img{width:100%;height:auto;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.photography-item:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}.photography-item:hover .photography-item-wrapper{background:rgba(0,0,0,.5)}.photography-item:hover .photography-item-title{-webkit-transform:scale(1);transform:scale(1)}.photography-item:hover .photography-item-place{-webkit-transform:scale(1);transform:scale(1)}@media screen and (max-width:600px){.header .header-menu{display:none}.header .header-menu-mobile{display:-webkit-box;display:-ms-flexbox;display:flex}.sidebar .widget{max-height:unset}.index .article .article-inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.index .article .article-inner .article-feature{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin-bottom:10px;margin-right:0}.index .article .article-inner .article-body .article-title{font-size:22px}.footer .footer-inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.footer .footer-inner .footer-info{padding:20px 0 10px}.footer .footer-inner .footer-powered{line-height:1;padding-bottom:20px}.post .article .share{bottom:3rem;right:2rem;top:auto;z-index:999}.tweet{margin-bottom:20px}.ad-post,.intersection-observer-ad{display:none}}@media screen and (max-width:800px){.main .inner{padding-right:0}.sidebar{border-radius:8px;margin:0 auto 20px;position:relative;right:auto!important;top:auto!important;-webkit-transition:all .2s;transition:all .2s;width:100%}.index{margin-bottom:20px}.post{margin-bottom:20px}.archives-wrap{margin-bottom:20px}}@media screen and (max-width:1140px){.sidebar{right:20px}} |