*/ /*!************************************************ * Blogger Template Style * Name: Essential **************************************************/ body{ overflow-wrap:break-word; word-break:break-word; word-wrap:break-word } /* 아로스 버튼 */ .post-body .aros-button { background-color: rgb(240, 36, 0); color: white; padding: 10px 20px; border: none; cursor: pointer; transition: background-color 0.3s, transform 0.1s; width: 90%; height: 70px; box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.4); border-radius: 30px; font-size: 30px; line-height: 1.5; text-align: center; white-space: nowrap; overflow: hidden; display: flex; align-items: center; justify-content: center; font-family: 'NanumGothicCodingBold'; margin-bottom: 5px; /*! 3버튼 전용 */ margin-left: auto; margin-right: auto; } .post-body .aros-button:hover { background-color: rgb(235, 161, 65); transform: scale(1.1); } .post-body .aros-button.most-likely-to-click { padding: 20px 30px; font-size: 50px; } @media only screen and (max-width: 600px) { .post-body .aros-button { font-size: 20px; width: 90%; height: 50px; white-space: nowrap; /* Prevents text from wrapping */ max-width: 100%; /* Set max-width to 100% */ } .post-body .aros-button.most-likely-to-click { padding: 15px 25px; font-size: 40px; } } /* 아로스 버튼 종료*/ /* 아로스-소제목 스타일 변경 */ .post-body h2, .post-body h3, .post-body h4 { font-family: Noto sans; color: var(--title-color); margin: 1.5em 0 1em; } .post-body h2 { font-size: 28px !important; margin-top: 15px; margin-bottom: 0; padding-left: 0.75rem; text-indent: 0.1em; font-weight: 600 !important; line-height: 1.9; word-break: normal; word-wrap: break-word; color: rgb(8, 8, 8); background-size: 150% 100%; border-radius: 0px 0px 0 0; border-left: 10px solid #e95d00; border-bottom: 3px solid #e95d00; cursor: pointer; } .post-body h3 { font-size: 24px ; margin-bottom: 0; margin-top: 15px; padding-left: 0.75rem; text-indent: 0.1em; font-weight: 600 !important; line-height: 1.9; word-break: normal; word-wrap: break-word; color: rgb(8, 8, 8); background: linear-gradient(to right, #ffffff 50%, #ffffff); border-radius: 0px 0px 0 0; border-left: 5px solid #ff7b00; border-bottom: 0px solid #4de938; cursor: pointer; } .post-body h4 { font-size: 20px ; margin-bottom: 0 ; /* Remove bottom margin */ margin-top: 15px ; padding-left: 0.75rem ; text-indent: 0.1em ; font-weight: 600 ; line-height: 1.9; word-break: normal; word-wrap: break-word; color: rgb(8, 8, 8); background: linear-gradient(to right, #ffffff 50%, #ffffff); border-radius: 0px 0px 0 0; border-left: 5px solid #ff7b00; border-bottom: 0px solid #4de938; cursor: pointer; } /*! 아로스 - 본문 font-size 변경 */ .post-body p { margin-bottom: 1rem ; margin-top: 1rem ; font-size: 20px !important; line-height: 35px ; font-weight: 500; } .post-body li { margin-bottom: 1rem ; margin-top: 1rem ; font-size: 20px !important; line-height: 35px ; font-weight: 500; } /* 아로스 푸터(footer) 시작 */ .aros-footer { @include tablet { padding: 26px 0; margin-bottom: 70px; } @include mobile { padding: 30px 20px; } display: flex; align-items: center; justify-content: center; padding: 53px 0; background-color: rgb(54, 54, 52); .aros-footer-inner { width: 40%; @include tablet { width: 100%; max-width: var(--mobile-inner-width); } @media only screen and (max-width:820px) { width: 90%; max-width: var(--mobile-inner-width); } .aros-footer-logo { width: 104px; height: auto; img { width: 100%; height: 100%; } } .aros-footer-section01 { display: flex; justify-content: space-between; align-items: center; @include tablet { flex-direction: column; align-items: flex-start; } .aros-content { @include tablet { font-size: 12px; } opacity: 0.7; font-family: 'SUIT Regular'; font-size: 13px; line-height: 1.62; letter-spacing: -0.13px; text-align: left; color: #fff; margin-top: 10px; opacity: 0.6; } .aros-sns-link { color: rgb(243, 28, 28); font-family: 'SUIT Regular'; font-size: 13px; display: flex; justify-content: space-between; align-items: center; column-gap: 10px; cursor: pointer; @include tablet { margin-top: 10px; } .aros-footer-dot { width: 3px; height: 3px; border-radius: 50%; background-color: white; } } } .aros-footer-section02 { .end-bar { border-top: 1px solid white; opacity: 0.2; margin-top: 25px; } .aros-footer-fixed { display: flex; justify-content: space-between; align-items: center; font-family: 'SUIT Light'; font-size: 12px; opacity: 0.5; color: rgb(245, 155, 155); margin-top: 25px; @include tablet { flex-direction: column; align-items: flex-start; } .aros-footer-aros100-warp { display: flex; justify-content: space-between; width: 220px; align-items: center; @include tablet { margin-bottom: 5px; font-size: 12px; } .aros-aros100-icon { cursor: pointer; } } } } .aros-footer-section03 { display: flex; justify-content: space-between; align-items: center; color: rgb(252, 248, 248); @include tablet { flex-direction: column; align-items: flex-start; } .aros-copyright { @include tablet { font-size: 12px; } opacity: 0.7; font-family: 'SUIT Regular'; font-size: 13px; line-height: 1.62; letter-spacing: -0.13px; text-align: left; margin-top: 10px; opacity: 0.6; } .aros-sns-link { color: rgb(243, 28, 28); font-family: 'SUIT Regular'; font-size: 13px; display: flex; justify-content: space-between; align-items: center; column-gap: 10px; cursor: pointer; @include tablet { margin-top: 10px; } .aros-footer-dot { width: 3px; height: 3px; border-radius: 50%; background-color: white; } } } } } /* 아로스 푸터(footer) 종료 */ /* 아로스-반응형표 */ .card-container { width: 90%; margin: 20px auto; /* Set margin to 20px on top and bottom, auto on left and right */ display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); grid-auto-rows: minmax(80px, auto); gap: 10px; /* Optional: Adjust the gap between cards */ justify-content: center; background-color: #fff; /* Set background color for the card container */ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Optional: Add a subtle box shadow */ border-radius: 15px; /* Increased border-radius for a more rounded appearance */ position: relative; z-index: 1; /* Set a higher z-index to ensure it appears above other elements */ } .card { display: flex; justify-content: center; align-items: center; padding: 30px; position: relative; border: 1px solid #d1e780; background-color: #f9f9f9; /* Set background color for the card */ cursor: pointer; /* Add a pointer cursor for interaction */ transition: background-color 0.3s ease, transform 0.3s, box-shadow 0.3s; border-radius: 15px; /* Increased border-radius for a more rounded appearance */ transform: translateY(-5px); /* Initial pop-out effect */ box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3); /* Initial box-shadow for pop-out effect */ } .card:hover { background-color: #dee9b6; /* Change background color on hover */ transform: translateY(-10px); /* Further pop-out effect on hover */ } @media (max-width: 768px) { .card-container { width: 100%; /* Set to 100% for full-width container */ } .card { padding: 15px; /* Adjusted padding */ } } .hidden{ display:none } .invisible{ visibility:hidden } .container:after,.float-container:after{ clear:both; content:""; display:table } .clearboth{ clear:both } #comments .comment .comment-actions,.subscribe-popup .FollowByEmail .follow-by-email-submit,.widget.Profile .profile-link,.widget.Profile .profile-link.visit-profile{ background:transparent; border:0; box-shadow:none; color:$(body.link.color); cursor:pointer; font-size:14px; font-weight:700; outline:none; text-decoration:none; text-transform:uppercase; width:auto } .dim-overlay{ height:100vh; left:0; position:fixed; top:0; width:100% } #sharing-dim-overlay{ background-color:transparent } input::-ms-clear{ display:none } .blogger-logo,.svg-icon-24.blogger-logo{ fill:#ff9800; opacity:1 } .loading-spinner-large{ -webkit-animation:mspin-rotate 1568.63ms linear infinite; animation:mspin-rotate 1568.63ms linear infinite; height:48px; overflow:hidden; position:absolute; width:48px; z-index:200 } .loading-spinner-large>div{ -webkit-animation:mspin-revrot 5332ms steps(4) infinite; animation:mspin-revrot 5332ms steps(4) infinite } .loading-spinner-large>div>div{ -webkit-animation:mspin-singlecolor-large-film 1333ms steps(81) infinite; animation:mspin-singlecolor-large-film 1333ms steps(81) infinite; background-size:100%; height:48px; width:3888px } .mspin-black-large>div>div,.mspin-grey_54-large>div>div{ background-image:url(https://www.blogblog.com/indie/mspin_black_large.svg) } .mspin-white-large>div>div{ background-image:url(https://www.blogblog.com/indie/mspin_white_large.svg) } .mspin-grey_54-large{ opacity:.54 } @-webkit-keyframes mspin-singlecolor-large-film{ 0%{ -webkit-transform:translateX(0); transform:translateX(0) } to{ -webkit-transform:translateX(-3888px); transform:translateX(-3888px) } } @keyframes mspin-singlecolor-large-film{ 0%{ -webkit-transform:translateX(0); transform:translateX(0) } to{ -webkit-transform:translateX(-3888px); transform:translateX(-3888px) } } @-webkit-keyframes mspin-rotate{ 0%{ -webkit-transform:rotate(0deg); transform:rotate(0deg) } to{ -webkit-transform:rotate(1turn); transform:rotate(1turn) } } @keyframes mspin-rotate{ 0%{ -webkit-transform:rotate(0deg); transform:rotate(0deg) } to{ -webkit-transform:rotate(1turn); transform:rotate(1turn) } } @-webkit-keyframes mspin-revrot{ 0%{ -webkit-transform:rotate(0deg); transform:rotate(0deg) } to{ -webkit-transform:rotate(-1turn); transform:rotate(-1turn) } } @keyframes mspin-revrot{ 0%{ -webkit-transform:rotate(0deg); transform:rotate(0deg) } to{ -webkit-transform:rotate(-1turn); transform:rotate(-1turn) } } .skip-navigation{ background-color:#fff; box-sizing:border-box; color:#000; display:block; height:0; left:0; line-height:50px; overflow:hidden; padding-top:0; position:fixed; text-align:center; top:0; -webkit-transition:box-shadow .3s,height .3s,padding-top .3s; transition:box-shadow .3s,height .3s,padding-top .3s; width:100%; z-index:900 } .skip-navigation:focus{ box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2); height:50px } #main{ outline:none } .main-heading{ position:absolute; clip:rect(1px,1px,1px,1px); padding:0; border:0; height:1px; width:1px; overflow:hidden } .Attribution{ margin-top:1em; text-align:center } .Attribution .blogger img,.Attribution .blogger svg{ vertical-align:bottom } .Attribution .blogger img{ margin-$endSide:.5em } .Attribution div{ line-height:24px; margin-top:.5em } .Attribution .copyright,.Attribution .image-attribution{ font-size:.7em; margin-top:1.5em } .BLOG_mobile_video_class{ display:none } .bg-photo{ background-attachment:scroll!important } body .CSS_LIGHTBOX{ z-index:900 } .extendable .show-less,.extendable .show-more{ border-color:$(body.link.color); color:$(body.link.color); margin-top:8px } .extendable .show-less.hidden,.extendable .show-more.hidden,.inline-ad{ display:none } .inline-ad{ max-width:100%; overflow:hidden } .adsbygoogle{ display:block } #cookieChoiceInfo{ bottom:0; top:auto } iframe.b-hbp-video{ border:0 } .post-body iframe,.post-body img{ max-width:100% } .post-body a[imageanchor=\31]{ display:inline-block } .byline{ margin-$endSide:1em } .byline:last-child{ margin-$endSide:0 } .link-copied-dialog{ max-width:520px; outline:0 } .link-copied-dialog .modal-dialog-buttons{ margin-top:8px } .link-copied-dialog .goog-buttonset-default{ background:transparent; border:0 } .link-copied-dialog .goog-buttonset-default:focus{ outline:0 } .paging-control-container{ margin-bottom:16px } .paging-control-container .paging-control{ display:inline-block } .paging-control-container .comment-range-text:after,.paging-control-container .paging-control{ color:$(body.link.color) } .paging-control-container .comment-range-text,.paging-control-container .paging-control{ margin-$endSide:8px } .paging-control-container .comment-range-text:after,.paging-control-container .paging-control:after{ content:"\b7"; cursor:default; padding-$startSide:8px; pointer-events:none } .paging-control-container .comment-range-text:last-child:after,.paging-control-container .paging-control:last-child:after{ content:none } .byline.reactions iframe{ height:20px } .b-notification{ color:#000; background-color:#fff; border-bottom:1px solid #000; box-sizing:border-box; padding:16px 32px; text-align:center } .b-notification.visible{ -webkit-transition:margin-top .3s cubic-bezier(.4,0,.2,1); transition:margin-top .3s cubic-bezier(.4,0,.2,1) } .b-notification.invisible{ position:absolute } .b-notification-close{ position:absolute; right:8px; top:8px } .no-posts-message{ line-height:40px; text-align:center } @media screen and (max-width:800px){ body.item-view .post-body a[imageanchor=\31][style*=float\:\ left\;],body.item-view .post-body a[imageanchor=\31][style*=float\:\ right\;]{ float:none!important; clear:none!important } body.item-view .post-body a[imageanchor=\31] img{ display:block; height:auto; margin:0 auto } body.item-view .post-body>.separator:first-child>a[imageanchor=\31]:first-child{ margin-top:20px } .post-body a[imageanchor]{ display:block } body.item-view .post-body a[imageanchor=\31]{ margin-left:0!important; margin-right:0!important } body.item-view .post-body a[imageanchor=\31]+a[imageanchor=\31]{ margin-top:16px } } .item-control{ display:none } #comments{ border-top:1px dashed rgba(0,0,0,.54); margin-top:20px; padding:20px } #comments .comment-thread ol{ margin:0; padding-left:0; padding-$startSide:0 } #comments .comment-thread .comment-replies,#comments .comment .comment-replybox-single{ margin-left:60px } #comments .comment-thread .thread-count{ display:none } #comments .comment{ list-style-type:none; padding:0 0 30px; position:relative } #comments .comment .comment{ padding-bottom:8px } .comment .avatar-image-container{ position:absolute } .comment .avatar-image-container img{ border-radius:50% } .avatar-image-container svg,.comment .avatar-image-container .avatar-icon{ border-radius:50%; border:1px solid $(posts.icons.color); box-sizing:border-box; fill:$(posts.icons.color); height:35px; margin:0; padding:7px; width:35px } .comment .comment-block{ margin-top:10px; margin-$startSide:60px; padding-bottom:0 } #comments .comment-author-header-wrapper{ margin-left:40px } #comments .comment .thread-expanded .comment-block{ padding-bottom:20px } #comments .comment .comment-header .user,#comments .comment .comment-header .user a{ color:$(posts.title.color); font-style:normal; font-weight:700 } #comments .comment .comment-actions{ bottom:0; margin-bottom:15px; position:absolute } #comments .comment .comment-actions>*{ margin-right:8px } #comments .comment .comment-header .datetime{ bottom:0; display:inline-block; font-size:13px; font-style:italic; margin-$startSide:8px } #comments .comment .comment-footer .comment-timestamp a,#comments .comment .comment-header .datetime,#comments .comment .comment-header .datetime a{ color:rgba($(posts.title.color.red),$(posts.title.color.green),$(posts.title.color.blue),.54) } #comments .comment .comment-content,.comment .comment-body{ margin-top:12px; word-break:break-word } .comment-body{ margin-bottom:12px } #comments.embed[data-num-comments=\30]{ border:0; margin-top:0; padding-top:0 } #comment-editor-src,#comments.embed[data-num-comments=\30] #comment-post-message,#comments.embed[data-num-comments=\30] div.comment-form>p,#comments.embed[data-num-comments=\30] p.comment-footer{ display:none } .comments .comments-content .loadmore.loaded{ max-height:0; opacity:0; overflow:hidden } .extendable .remaining-items{ height:0; overflow:hidden; -webkit-transition:height .3s cubic-bezier(.4,0,.2,1); transition:height .3s cubic-bezier(.4,0,.2,1) } .extendable .remaining-items.expanded{ height:auto } .svg-icon-24,.svg-icon-24-button{ cursor:pointer; height:24px; width:24px; min-width:24px } .touch-icon{ margin:-12px; padding:12px } .touch-icon:active,.touch-icon:focus{ background-color:hsla(0,0%,60%,.4); border-radius:50% } svg:not(:root).touch-icon{ overflow:visible } html[dir=rtl] .rtl-reversible-icon{ -webkit-transform:scaleX(-1); transform:scaleX(-1) } .svg-icon-24-button,.touch-icon-button{ background:transparent; border:0; margin:0; outline:none; padding:0 } .touch-icon-button .touch-icon:active,.touch-icon-button .touch-icon:focus{ background-color:transparent } .touch-icon-button:active .touch-icon,.touch-icon-button:focus .touch-icon{ background-color:hsla(0,0%,60%,.4); border-radius:50% } .Profile .default-avatar-wrapper .avatar-icon{ border-radius:50%; border:1px solid $(posts.icons.color); box-sizing:border-box; fill:$(posts.icons.color); margin:0 } .Profile .individual .default-avatar-wrapper .avatar-icon{ padding:25px } .Profile .individual .avatar-icon,.Profile .individual .profile-img{ height:120px; width:120px } .Profile .team .default-avatar-wrapper .avatar-icon{ padding:8px } .Profile .team .avatar-icon,.Profile .team .default-avatar-wrapper,.Profile .team .profile-img{ height:40px; width:40px } .snippet-container{ margin:0; position:relative; overflow:hidden } .snippet-fade{ bottom:0; box-sizing:border-box; position:absolute; width:96px; $endSide:0 } .snippet-fade:after{ content:"\2026"; float:$endSide } .post-bottom{ -webkit-box-align:center; align-items:center; display:-webkit-box; display:flex; flex-wrap:wrap } .post-footer{ -webkit-box-flex:1; flex:1 1 auto; flex-wrap:wrap; -webkit-box-ordinal-group:2; order:1 } .post-footer>*{ -webkit-box-flex:0; flex:0 1 auto } .post-footer .byline:last-child{ margin-$endSide:1em } .jump-link{ -webkit-box-flex:0; flex:0 0 auto; -webkit-box-ordinal-group:3; order:2 } .centered-top-container.sticky{ left:0; position:fixed; right:0; top:0; width:auto; z-index:50; -webkit-transition-property:opacity,-webkit-transform; transition-property:opacity,-webkit-transform; transition-property:transform,opacity; transition-property:transform,opacity,-webkit-transform; -webkit-transition-duration:.2s; transition-duration:.2s; -webkit-transition-timing-function:cubic-bezier(.4,0,.2,1); transition-timing-function:cubic-bezier(.4,0,.2,1) } .centered-top-placeholder{ display:none } .collapsed-header .centered-top-placeholder{ display:block } .centered-top-container .Header .replaced h1,.centered-top-placeholder .Header .replaced h1{ display:none } .centered-top-container.sticky .Header .replaced h1{ display:block } .centered-top-container.sticky .Header .header-widget{ background:none } .centered-top-container.sticky .Header .header-image-wrapper{ display:none } .centered-top-container img,.centered-top-placeholder img{ max-width:100% } .collapsible{ -webkit-transition:height .3s cubic-bezier(.4,0,.2,1); transition:height .3s cubic-bezier(.4,0,.2,1) } .collapsible,.collapsible>summary{ display:block; overflow:hidden } .collapsible>:not(summary){ display:none } .collapsible[open]>:not(summary){ display:block } .collapsible:focus,.collapsible>summary:focus{ outline:none } .collapsible>summary{ cursor:pointer; display:block; padding:0 } .collapsible:focus>summary,.collapsible>summary:focus{ background-color:transparent } .collapsible>summary::-webkit-details-marker{ display:none } .collapsible-title{ -webkit-box-align:center; align-items:center; display:-webkit-box; display:flex } .collapsible-title .title{ -webkit-box-flex:1; flex:1 1 auto; -webkit-box-ordinal-group:1; order:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } .collapsible-title .chevron-down,.collapsible[open] .collapsible-title .chevron-up{ display:block } .collapsible-title .chevron-up,.collapsible[open] .collapsible-title .chevron-down{ display:none } .flat-button{ font-weight:700; text-transform:uppercase; border-radius:2px; padding:8px; margin:-8px } .flat-button,.flat-icon-button{ cursor:pointer; display:inline-block } .flat-icon-button{ background:transparent; border:0; outline:none; margin:-12px; padding:12px; box-sizing:content-box; line-height:0 } .flat-icon-button,.flat-icon-button .splash-wrapper{ border-radius:50% } .flat-icon-button .splash.animate{ -webkit-animation-duration:.3s; animation-duration:.3s } .overflowable-container{ max-height:$(body.text.font.size * 1.2 + 2 * 8px + 2 * 4px + 4px); overflow:hidden; position:relative } .overflow-button{ cursor:pointer } #overflowable-dim-overlay{ background:transparent } .overflow-popup{ box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12); background-color:$(tabs.overflow.background.color); left:0; max-width:calc(100% - 32px); position:absolute; top:0; visibility:hidden; z-index:101 } .overflow-popup ul{ list-style:none } .overflow-popup .tabs li,.overflow-popup li{ display:block; height:auto } .overflow-popup .tabs li{ padding-left:0; padding-right:0 } .overflow-button.hidden,.overflow-popup .tabs li.hidden,.overflow-popup li.hidden{ display:none } .pill-button{ background:transparent; border:1px solid; border-radius:12px; cursor:pointer; display:inline-block; padding:4px 16px; text-transform:uppercase } .ripple{ position:relative } .ripple>*{ z-index:1 } .splash-wrapper{ bottom:0; left:0; overflow:hidden; pointer-events:none; position:absolute; right:0; top:0; z-index:0 } .splash{ background:#ccc; border-radius:100%; display:block; opacity:.6; position:absolute; -webkit-transform:scale(0); transform:scale(0) } .splash.animate{ -webkit-animation:ripple-effect .4s linear; animation:ripple-effect .4s linear } @-webkit-keyframes ripple-effect{ to{ opacity:0; -webkit-transform:scale(2.5); transform:scale(2.5) } } @keyframes ripple-effect{ to{ opacity:0; -webkit-transform:scale(2.5); transform:scale(2.5) } } .search{ display:-webkit-box; display:flex; line-height:24px; width:24px } .search.focused,.search.focused .section{ width:100% } .search form{ z-index:101 } .search h3{ display:none } .search form{ display:-webkit-box; display:flex; -webkit-box-flex:1; flex:1 0 0; border-bottom:1px solid transparent; padding-bottom:8px } .search form>*{ display:none } .search.focused form>*{ display:block } .search .search-input label{ display:none } .collapsed-header .centered-top-container .search.focused form{ border-bottom-color:transparent } .search-expand{ -webkit-box-flex:0; flex:0 0 auto } .search-expand-text{ display:none } .search-close{ display:inline; vertical-align:middle } .search-input{ -webkit-box-flex:1; flex:1 0 1px } .search-input input{ background:none; border:0; box-sizing:border-box; color:$(blog.title.color); display:inline-block; outline:none; width:calc(100% - 48px) } .search-input input.no-cursor{ color:transparent; text-shadow:0 0 0 $(blog.title.color) } .collapsed-header .centered-top-container .search-action,.collapsed-header .centered-top-container .search-input input{ color:$(posts.title.color) } .collapsed-header .centered-top-container .search-input input.no-cursor{ color:transparent; text-shadow:0 0 0 $(posts.title.color) } .collapsed-header .centered-top-container .search-input input.no-cursor:focus,.search-input input.no-cursor:focus{ outline:none } .search-focused>*{ visibility:hidden } .search-focused .search,.search-focused .search-icon{ visibility:visible } .widget.Sharing .sharing-button{ display:none } .widget.Sharing .sharing-buttons li{ padding:0 } .widget.Sharing .sharing-buttons li span{ display:none } .post-share-buttons{ position:relative } .sharing-open.touch-icon-button:active .touch-icon,.sharing-open.touch-icon-button:focus .touch-icon{ background-color:transparent } .share-buttons{ background-color:$(sharing.background.color); border-radius:2px; box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12); color:$(sharing.text.color); list-style:none; margin:0; padding:8px 0; position:absolute; top:-11px; min-width:200px; z-index:101 } .share-buttons.hidden{ display:none } .sharing-button{ background:transparent; border:0; margin:0; outline:none; padding:0; cursor:pointer } .share-buttons li{ margin:0; height:48px } .share-buttons li:last-child{ margin-bottom:0 } .share-buttons li .sharing-platform-button{ box-sizing:border-box; cursor:pointer; display:block; height:100%; margin-bottom:0; padding:0 16px; position:relative; width:100% } .share-buttons li .sharing-platform-button:focus,.share-buttons li .sharing-platform-button:hover{ background-color:hsla(0,0%,50.2%,.1); outline:none } .share-buttons li svg[class*=sharing-],.share-buttons li svg[class^=sharing-]{ position:absolute; top:10px } .share-buttons li span.sharing-platform-button{ position:relative; top:0 } .share-buttons li .platform-sharing-text{ display:block; font-size:16px; line-height:48px; white-space:nowrap; margin-$startSide:56px } .sidebar-container{ background-color:$(sidebar.backgroundColorBottom); max-width:$(sidebar.width); overflow-y:auto; -webkit-transition-property:-webkit-transform; transition-property:-webkit-transform; transition-property:transform; transition-property:transform,-webkit-transform; -webkit-transition-duration:.3s; transition-duration:.3s; -webkit-transition-timing-function:cubic-bezier(0,0,.2,1); transition-timing-function:cubic-bezier(0,0,.2,1); width:$(sidebar.width); z-index:101; -webkit-overflow-scrolling:touch } .sidebar-container .navigation{ line-height:0; padding:16px } .sidebar-container .sidebar-back{ cursor:pointer } .sidebar-container .widget{ background:none; margin:0 16px; padding:16px 0 } .sidebar-container .widget .title{ color:$(widget.title.color); margin:0 } .sidebar-container .widget ul{ list-style:none; margin:0; padding:0 } .sidebar-container .widget ul ul{ margin-$startSide:1em } .sidebar-container .widget li{ font-size:16px; line-height:normal } .sidebar-container .widget+.widget{ border-top:1px dashed $(sidebar.separator.color) } .BlogArchive li{ margin:16px 0 } .BlogArchive li:last-child{ margin-bottom:0 } .Label li a{ display:inline-block } .BlogArchive .post-count,.Label .label-count{ float:$endSide; margin-$startSide:.25em } .BlogArchive .post-count:before,.Label .label-count:before{ content:"(" } .BlogArchive .post-count:after,.Label .label-count:after{ content:")" } .widget.Translate .skiptranslate>div{ display:block!important } .widget.Profile .profile-link{ display:-webkit-box; display:flex } .widget.Profile .team-member .default-avatar-wrapper,.widget.Profile .team-member .profile-img{ -webkit-box-flex:0; flex:0 0 auto; margin-$endSide:1em } .widget.Profile .individual .profile-link{ -webkit-box-orient:vertical; -webkit-box-direction:normal; flex-direction:column } .widget.Profile .team .profile-link .profile-name{ align-self:center; display:block; -webkit-box-flex:1; flex:1 1 auto } .dim-overlay{ background-color:rgba(0,0,0,.54); z-index:100 } body.sidebar-visible{ overflow-y:hidden } @media screen and (max-width:$(sidebar.width + content.width + content.margin * 2 - 1px)){ .sidebar-container{ bottom:0; position:fixed; top:0; left:0; right:auto } .sidebar-container.sidebar-invisible{ -webkit-transition-timing-function:cubic-bezier(.4,0,.6,1); transition-timing-function:cubic-bezier(.4,0,.6,1); -webkit-transform:translateX($(sidebar.width * -1)); transform:translateX($(sidebar.width * -1)) } } @media screen and (min-width:$(sidebar.width + content.width + content.margin * 2)){ .sidebar-container{ position:absolute; top:0; left:0; right:auto } .sidebar-container .navigation{ display:none } } .dialog{ box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12); background:$(posts.background.color); box-sizing:border-box; color:$(body.text.color); padding:30px; position:fixed; text-align:center; width:calc(100% - 24px); z-index:101 } .dialog input[type=email],.dialog input[type=text]{ background-color:transparent; border:0; border-bottom:1px solid rgba($(body.text.color.red),$(body.text.color.green),$(body.text.color.blue),.12); color:$(body.text.color); display:block; font-family:$(body.text.font.family); font-size:16px; line-height:24px; margin:auto; padding-bottom:7px; outline:none; text-align:center; width:100% } .dialog input[type=email]::-webkit-input-placeholder,.dialog input[type=text]::-webkit-input-placeholder{ color:$(body.text.color) } .dialog input[type=email]::-moz-placeholder,.dialog input[type=text]::-moz-placeholder{ color:$(body.text.color) } .dialog input[type=email]:-ms-input-placeholder,.dialog input[type=text]:-ms-input-placeholder{ color:$(body.text.color) } .dialog input[type=email]::-ms-input-placeholder,.dialog input[type=text]::-ms-input-placeholder{ color:$(body.text.color) } .dialog input[type=email]::placeholder,.dialog input[type=text]::placeholder{ color:$(body.text.color) } .dialog input[type=email]:focus,.dialog input[type=text]:focus{ border-bottom:2px solid $(body.link.color); padding-bottom:6px } .dialog input.no-cursor{ color:transparent; text-shadow:0 0 0 $(body.text.color) } .dialog input.no-cursor:focus{ outline:none } .dialog input[type=submit]{ font-family:$(body.text.font.family) } .dialog .goog-buttonset-default{ color:$(body.link.color) } .subscribe-popup{ max-width:364px } .subscribe-popup h3{ color:$(posts.title.color); font-size:1.8em; margin-top:0 } .subscribe-popup .FollowByEmail h3{ display:none } .subscribe-popup .FollowByEmail .follow-by-email-submit{ color:$(body.link.color); display:inline-block; margin:24px auto 0; width:auto; white-space:normal } .subscribe-popup .FollowByEmail .follow-by-email-submit:disabled{ cursor:default; opacity:.3 } @media (max-width:800px){ .blog-name div.widget.Subscribe{ margin-bottom:16px } body.item-view .blog-name div.widget.Subscribe{ margin:8px auto 16px; width:100% } } .tabs{ list-style:none } .tabs li,.tabs li a{ display:inline-block } .tabs li a{ cursor:pointer; font-weight:700; text-transform:uppercase; padding:12px 8px } .tabs .selected{ border-bottom:4px solid $(tabs.selected.color) } .tabs .selected a{ color:$(tabs.selected.color) } body#layout .bg-photo,body#layout .bg-photo-overlay{ display:none } body#layout .page_body{ padding:0; position:relative; top:0 } body#layout .page{ display:inline-block; left:inherit; position:relative; vertical-align:top; width:540px } body#layout .centered{ max-width:954px } body#layout .navigation{ display:none } body#layout .sidebar-container{ display:inline-block; width:40% } body#layout .hamburger-menu,body#layout .search{ display:none } .centered-top-container .svg-icon-24,body.collapsed-header .centered-top-placeholder .svg-icon-24{ fill:$(header.icons.color) } .sidebar-container .svg-icon-24{ fill:$(sidebar.icons.color) } .centered-bottom .svg-icon-24,body.collapsed-header .centered-top-container .svg-icon-24{ fill:$(posts.icons.color) } .centered-bottom .share-buttons .svg-icon-24,.share-buttons .svg-icon-24{ fill:$(sharing.icons.color) } body{ background-color:$(body.background.color); color:$(body.text.color); font:$(body.text.font); margin:0; min-height:100vh } img{ max-width:100% } h3{ color:$(body.text.color); font-size:16px } a{ text-decoration:none; color:$(body.link.color) } a:visited{ color:$(body.link.visited.color) } a:hover{ color:$(body.link.hover.color) } blockquote{ color:$(blockquote.color); font:$(blockquote.font); font-size:x-large; text-align:center } .pill-button{ font-size:12px } .bg-photo-container{ height:$(body.background.height); overflow:hidden; position:absolute; width:100%; z-index:1 } .bg-photo{ background:$(body.background); background-attachment:scroll; background-size:cover; -webkit-filter:blur($(body.background.blur)); filter:blur($(body.background.blur)); height:calc(100% + 2 * $(body.background.blur)); left:$(0 - body.background.blur); position:absolute; top:$(0 - body.background.blur); width:calc(100% + 2 * $(body.background.blur)) } .bg-photo-overlay{ background:$(body.background.shadow); background-size:cover; height:$(body.background.height); position:absolute; width:100%; z-index:2 } .hamburger-menu{ float:left; margin-top:0 } .sticky .hamburger-menu{ float:none; position:absolute } .no-sidebar-widget .hamburger-menu{ display:none } .footer .widget .title{ margin:0; line-height:24px } .search{ border-bottom:1px solid $(blog.title.color.transparent); float:right; position:relative; -webkit-transition-property:width; transition-property:width; -webkit-transition-duration:.5s; transition-duration:.5s; -webkit-transition-timing-function:cubic-bezier(.4,0,.2,1); transition-timing-function:cubic-bezier(.4,0,.2,1); z-index:101 } .search .dim-overlay{ background-color:transparent } .search form{ height:36px; -webkit-transition:border-color .2s cubic-bezier(.4,0,.2,1) .5s; transition:border-color .2s cubic-bezier(.4,0,.2,1) .5s } .search.focused{ width:calc(100% - 48px) } .search.focused form{ display:-webkit-box; display:flex; -webkit-box-flex:1; flex:1 0 1px; border-color:$(blog.title.color); margin-$startSide:-24px; padding-$startSide:36px; position:relative; width:auto } .item-view .search,.sticky .search{ $endSide:0; float:none; margin-left:0; position:absolute } .item-view .search.focused,.sticky .search.focused{ width:calc(100% - 50px) } .item-view .search.focused form,.sticky .search.focused form{ border-bottom-color:$(posts.text.color) } .centered-top-placeholder.cloned .search form{ z-index:30 } .search_button{ -webkit-box-flex:0; flex:0 0 24px; -webkit-box-orient:vertical; -webkit-box-direction:normal; flex-direction:column } .search_button svg{ margin-top:0 } .search-input{ height:48px } .search-input input{ display:block; color:$(search.input.color); font:$(search.input.font); height:48px; line-height:48px; padding:0; width:100% } .search-input input::-webkit-input-placeholder{ color:$(search.placeholder.color); opacity:.3 } .search-input input::-moz-placeholder{ color:$(search.placeholder.color); opacity:.3 } .search-input input:-ms-input-placeholder{ color:$(search.placeholder.color); opacity:.3 } .search-input input::-ms-input-placeholder{ color:$(search.placeholder.color); opacity:.3 } .search-input input::placeholder{ color:$(search.placeholder.color); opacity:.3 } .search-action{ background:transparent; border:0; color:$(blog.title.color); cursor:pointer; display:none; height:48px; margin-top:0 } .sticky .search-action{ color:$(posts.text.color) } .search.focused .search-action{ display:block } .search.focused .search-action:disabled{ opacity:.3 } .page_body{ position:relative; z-index:20 } .page_body .widget{ margin-bottom:16px } .page_body .centered{ box-sizing:border-box; display:-webkit-box; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; flex-direction:column; margin:0 auto; max-width:$(content.width); min-height:100vh; padding:24px 0 } .page_body .centered>*{ -webkit-box-flex:0; flex:0 0 auto } .page_body .centered>.footer{ margin-top:auto; text-align:center } .blog-name{ margin:32px 0 16px } .item-view .blog-name,.sticky .blog-name{ box-sizing:border-box; margin-left:36px; min-height:48px; opacity:1; padding-top:12px } .blog-name .subscribe-section-container{ margin-bottom:32px; text-align:center; -webkit-transition-property:opacity; transition-property:opacity; -webkit-transition-duration:.5s; transition-duration:.5s } .item-view .blog-name .subscribe-section-container,.sticky .blog-name .subscribe-section-container{ margin:0 0 8px } .blog-name .subscribe-empty-placeholder{ margin-bottom:48px } .blog-name .PageList{ margin-top:16px; padding-top:8px; text-align:center } .blog-name .PageList .overflowable-contents{ width:100% } .blog-name .PageList h3.title{ color:$(blog.title.color); margin:8px auto; text-align:center; width:100% } .centered-top-container .blog-name{ -webkit-transition-property:opacity; transition-property:opacity; -webkit-transition-duration:.5s; transition-duration:.5s } .item-view .return_link{ margin-bottom:12px; margin-top:12px; position:absolute } .item-view .blog-name{ display:-webkit-box; display:flex; flex-wrap:wrap; margin:0 48px 27px } .item-view .subscribe-section-container{ -webkit-box-flex:0; flex:0 0 auto } .item-view #header,.item-view .Header{ margin-bottom:5px; margin-right:15px } .item-view .sticky .Header{ margin-bottom:0 } .item-view .Header p{ margin:10px 0 0; text-align:left } .item-view .post-share-buttons-bottom{ margin-$endSide:16px } .sticky{ background:$(posts.background.color); box-shadow:0 0 20px 0 rgba(0,0,0,.7); box-sizing:border-box; margin-left:0 } .sticky #header{ margin-bottom:8px; margin-$endSide:8px } .sticky .centered-top{ margin:4px auto; max-width:$(content.width - 32px); min-height:48px } .sticky .blog-name{ display:-webkit-box; display:flex; margin:0 48px } .sticky .blog-name #header{ -webkit-box-flex:0; flex:0 1 auto; -webkit-box-ordinal-group:2; order:1; overflow:hidden } .sticky .blog-name .subscribe-section-container{ -webkit-box-flex:0; flex:0 0 auto; -webkit-box-ordinal-group:3; order:2 } .sticky .Header h1{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-$endSide:-10px; margin-bottom:-10px; padding-$endSide:10px; padding-bottom:10px } .sticky .Header p,.sticky .PageList{ display:none } .search-focused .hamburger-menu,.search-focused>*{ visibility:visible } .item-view .search-focused .blog-name,.sticky .search-focused .blog-name{ opacity:0 } .centered-bottom,.centered-top-container,.centered-top-placeholder{ padding:0 16px } .centered-top{ position:relative } .item-view .centered-top.search-focused .subscribe-section-container,.sticky .centered-top.search-focused .subscribe-section-container{ opacity:0 } .page_body.has-vertical-ads .centered .centered-bottom{ display:inline-block; width:calc(100% - 176px) } .Header h1{ font:$(blog.title.font); line-height:normal; margin:0 0 13px; text-align:center; width:100% } .Header h1,.Header h1 a,.Header h1 a:hover,.Header h1 a:visited{ color:$(blog.title.color) } .item-view .Header h1,.sticky .Header h1{ font-size:24px; line-height:24px; margin:0; text-align:left } .sticky .Header h1,.sticky .Header h1 a,.sticky .Header h1 a:hover,.sticky .Header h1 a:visited{ color:$(posts.text.color) } .Header p{ color:$(blog.title.color); margin:0 0 13px; opacity:.8; text-align:center } .widget .title{ line-height:28px } .BlogArchive li{ font-size:16px } .BlogArchive .post-count{ color:$(posts.text.color) } #page_body .FeaturedPost,.Blog .blog-posts .post-outer-container{ background:$(posts.background.color); min-height:40px; padding:30px 40px; width:550px; box-shadow:0 1px 4px 0 $(posts.boxshadow.color) display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 auto; box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.4); } @media screen and (max-width:550px){ #page_body .FeaturedPost,.Blog .blog-posts .post-outer-container{ width:85%; } .Blog .blog-posts .post-outer-container:last-child{ margin-bottom:0 } .Blog .blog-posts .post-outer-container .post-outer{ border:0; position:relative; padding-bottom:.25em } .post-outer-container{ margin-bottom:16px } .post:first-child{ margin-top:0 } .post .thumb{ float:left; height:20%; width:20% } .post-share-buttons-bottom,.post-share-buttons-top{ float:$(endSide) } .post-share-buttons-bottom{ margin-$endSide:24px } .post-footer,.post-header{ clear:$(startSide); color:$(posts.byline.color); margin:0; width:inherit } .blog-pager{ text-align:center } .blog-pager a{ color:$(posts.navigation.link.color) } .blog-pager a:visited{ color:$(posts.navigation.link.visited.color) } .blog-pager a:hover{ color:$(posts.navigation.link.hover.color) } .post-title{ font:$(posts.title.font); float:$(startSide); margin:0 0 8px; max-width:calc(100% - 48px) } .post-title a{ font:$(posts.stream.title.font) } .post-title,.post-title a,.post-title a:hover,.post-title a:visited{ color:$(posts.title.color) } .post-body{ color:$(posts.text.color); font:$(posts.text.font); line-height:1.6em; margin:1.5em 0 2em; display:block } .post-body img{ height:inherit } .post-body .snippet-thumbnail{ float:$(startSide); margin:0; margin-$endSide:2em; max-height:128px; max-width:128px } .post-body .snippet-thumbnail img{ max-width:100% } .main .FeaturedPost .widget-content{ border:0; position:relative; padding-bottom:.25em } .FeaturedPost img{ margin-top:2em } .FeaturedPost .snippet-container{ margin:2em 0 } .FeaturedPost .snippet-container p{ margin:0 } .FeaturedPost .snippet-thumbnail{ float:none; height:auto; margin-bottom:2em; margin-$endSide:0; overflow:hidden; max-height:calc(600px + 2em); max-width:100%; text-align:center; width:100% } .FeaturedPost .snippet-thumbnail img{ max-width:100%; width:100% } .byline{ color:$(posts.byline.color); display:inline-block; line-height:24px; margin-top:8px; vertical-align:top } .byline.post-author:first-child{ margin-$endSide:0 } .byline.reactions .reactions-label{ line-height:22px; vertical-align:top } .byline.post-share-buttons{ position:relative; display:inline-block; margin-top:0; width:100% } .byline.post-share-buttons .sharing{ float:$(endSide) } .flat-button.ripple:hover{ background-color:rgba($(body.link.color.red),$(body.link.color.green),$(body.link.color.blue),.12) } .flat-button.ripple .splash{ background-color:rgba($(body.link.color.red),$(body.link.color.green),$(body.link.color.blue),.4) } a.timestamp-link,a:active.timestamp-link,a:visited.timestamp-link{ color:inherit; font:inherit; text-decoration:inherit } .post-share-buttons{ margin-left:0 } .post-share-buttons.invisible{ display:none } .clear-sharing{ min-height:24px } .comment-link{ color:$(body.link.color); position:relative } .comment-link .num_comments{ margin-left:8px; vertical-align:top } #comment-holder .continue{ display:none } #comment-editor{ margin-bottom:20px; margin-top:20px } #comments .comment-form h4,#comments h3.title{ position:absolute; clip:rect(1px,1px,1px,1px); padding:0; border:0; height:1px; width:1px; overflow:hidden } .post-filter-message{ background-color:rgba(0,0,0,.7); color:#fff; display:table; margin-bottom:16px; width:100% } .post-filter-message div{ display:table-cell; padding:15px 28px } .post-filter-message div:last-child{ padding-$startSide:0; text-align:$(endSide) } .post-filter-message a{ white-space:nowrap } .post-filter-message .search-label,.post-filter-message .search-query{ font-weight:700; color:$(body.link.color) } #blog-pager{ margin:2em 0 } #blog-pager a{ color:$(attribution.link.color); font-size:14px } .subscribe-button{ border-color:$(blog.title.color); color:$(blog.title.color) } .sticky .subscribe-button{ border-color:$(posts.text.color); color:$(posts.text.color) } .tabs{ margin:0 auto; padding:0 } .tabs li{ margin:0 8px; vertical-align:top } .tabs .overflow-button a,.tabs li a{ color:$(tabs.color); font:$(tabs.font); line-height:$(body.text.font.size * 1.2) } .tabs .overflow-button a{ padding:12px 8px } .overflow-popup .tabs li{ text-align:left } .overflow-popup li a{ color:$(tabs.overflow.color); display:block; padding:8px 20px } .overflow-popup li.selected a{ color:$(tabs.overflow.selected.color) } .ReportAbuse.widget{ margin-bottom:0 } .ReportAbuse a.report_abuse{ display:inline-block; margin-bottom:8px; font:$(body.text.font); font-weight:400; line-height:24px } .ReportAbuse a.report_abuse,.ReportAbuse a.report_abuse:hover{ color:#888 } .byline.post-labels a,.Label li,.Label span.label-size{ background-color:$(labels.background.color); border:1px solid $(labels.background.color); border-radius:15px; display:inline-block; margin:4px 4px 4px 0; padding:3px 8px } .byline.post-labels a,.Label a{ color:$(labels.text.color) } .Label ul{ list-style:none; padding:0 } .PopularPosts{ background-color:$(popularposts.background.color); padding:30px 40px } .PopularPosts .item-content{ color:$(popularposts.text.color); margin-top:24px } .PopularPosts a,.PopularPosts a:hover,.PopularPosts a:visited{ color:$(popularposts.link.color) } .PopularPosts .post-title,.PopularPosts .post-title a,.PopularPosts .post-title a:hover,.PopularPosts .post-title a:visited{ color:$(popularposts.title.color); font-size:18px; font-weight:700; line-height:24px } .PopularPosts,.PopularPosts h3.title a{ color:$(posts.text.color); font:$(posts.text.font) } .main .PopularPosts{ padding:16px 40px } .PopularPosts h3.title{ font-size:14px; margin:0 } .PopularPosts h3.post-title{ margin-bottom:0 } .PopularPosts .byline{ color:$(popularposts.byline.color) } .PopularPosts .jump-link{ float:$(endSide); margin-top:16px } .PopularPosts .post-header .byline{ font-size:.9em; font-style:italic; margin-top:6px } .PopularPosts ul{ list-style:none; padding:0; margin:0 } .PopularPosts .post{ padding:20px 0 } .PopularPosts .post+.post{ border-top:1px dashed $(sidebar.separator.color) } .PopularPosts .item-thumbnail{ float:$(startSide); margin-$endSide:32px } .PopularPosts .item-thumbnail img{ height:88px; padding:0; width:88px } .inline-ad{ margin-bottom:16px } .desktop-ad .inline-ad{ display:block } .adsbygoogle{ overflow:hidden } .vertical-ad-container{ float:$(endSide); margin-$endSide:16px; width:128px } .vertical-ad-container .AdSense+.AdSense{ margin-top:16px } .inline-ad-placeholder,.vertical-ad-placeholder{ background:$(posts.background.color); border:1px solid #000; opacity:.9; vertical-align:middle; text-align:center } .inline-ad-placeholder span,.vertical-ad-placeholder span{ margin-top:290px; display:block; text-transform:uppercase; font-weight:700; color:$(posts.title.color) } .vertical-ad-placeholder{ height:600px } .vertical-ad-placeholder span{ margin-top:290px; padding:0 40px } .inline-ad-placeholder{ height:90px } .inline-ad-placeholder span{ margin-top:36px } .Attribution{ display:inline-block; color:$(attribution.text.color) } .Attribution a,.Attribution a:hover,.Attribution a:visited{ color:$(attribution.link.color) } .Attribution svg{ display:none } .sidebar-container{ box-shadow:1px 1px 3px rgba(0,0,0,.1) } .sidebar-container,.sidebar-container .sidebar_bottom{ background-color:$(sidebar.backgroundColorBottom) } .sidebar-container .navigation,.sidebar-container .sidebar_top_wrapper{ background-color:$(sidebar.backgroundColorTop) } .sidebar-container .sidebar_top{ overflow:auto } .sidebar-container .sidebar_bottom{ width:100%; padding-top:16px } .sidebar-container .widget:first-child{ padding-top:0 } .no-sidebar-widget .sidebar-container,.preview .sidebar-container{ display:none } .sidebar_top .widget.Profile{ padding-bottom:16px } .widget.Profile{ margin:0; width:100% } .widget.Profile h2{ display:none } .widget.Profile h3.title{ color:$(profile.title.color); margin:16px 32px } .widget.Profile .individual{ text-align:center } .widget.Profile .individual .profile-link{ padding:1em } .widget.Profile .individual .default-avatar-wrapper .avatar-icon{ margin:auto } .widget.Profile .team{ margin-bottom:32px; margin-left:32px; margin-right:32px } .widget.Profile ul{ list-style:none; padding:0 } .widget.Profile li{ margin:10px 0 } .widget.Profile .profile-img{ border-radius:50%; float:none } .widget.Profile .profile-link{ color:$(profile.link.color); font-size:.9em; margin-bottom:1em; opacity:.87; overflow:hidden } .widget.Profile .profile-link.visit-profile{ border-style:solid; border-width:1px; border-radius:12px; cursor:pointer; font-size:12px; font-weight:400; padding:5px 20px; display:inline-block; line-height:normal } .widget.Profile dd{ color:$(profile.text.color); margin:0 16px } .widget.Profile location{ margin-bottom:1em } .widget.Profile .profile-textblock{ font-size:14px; line-height:24px; position:relative } body.sidebar-visible .bg-photo-container,body.sidebar-visible .page_body{ overflow-y:scroll } @media screen and (min-width:$(sidebar.width + content.width + content.margin * 2)){ .sidebar-container{ min-height:100%; overflow:visible; z-index:32 } .sidebar-container.show-sidebar-top{ margin-top:$(body.background.height); min-height:calc(100% - $(body.background.height)) } .sidebar-container .sidebar_top_wrapper{ background-color:$(sidebar.backgroundColorTopHD); height:$(body.background.height); margin-top:$(body.background.height * -1) } .sidebar-container .sidebar_top{ height:$(body.background.height); max-height:$(body.background.height) } .sidebar-container .sidebar_bottom{ max-width:$(sidebar.width); width:$(sidebar.width) } body.collapsed-header .sidebar-container{ z-index:15 } .sidebar-container .sidebar_top:empty{ display:none } .sidebar-container .sidebar_top>:only-child{ -webkit-box-flex:0; flex:0 0 auto; align-self:center; width:100% } .sidebar_top_wrapper.no-items{ display:none } } .post-snippet.snippet-container{ max-height:120px } .post-snippet .snippet-item{ line-height:24px } .post-snippet .snippet-fade{ background:-webkit-linear-gradient($startSide,$(posts.background.color) 0,$(posts.background.color) 20%,$(posts.background.color.transparent) 100%); background:linear-gradient(to $startSide,$(posts.background.color) 0,$(posts.background.color) 20%,$(posts.background.color.transparent) 100%); color:$(body.text.color); height:24px } .popular-posts-snippet.snippet-container{ max-height:72px } .popular-posts-snippet .snippet-item{ line-height:24px } .PopularPosts .popular-posts-snippet .snippet-fade{ color:$(body.text.color); height:24px } .main .popular-posts-snippet .snippet-fade{ background:-webkit-linear-gradient($startSide,$(popularposts.background.color) 0,$(popularposts.background.color) 20%,$(popularposts.background.color.transparent) 100%); background:linear-gradient(to $startSide,$(popularposts.background.color) 0,$(popularposts.background.color) 20%,$(popularposts.background.color.transparent) 100%) } .sidebar_bottom .popular-posts-snippet .snippet-fade{ background:-webkit-linear-gradient($startSide,$(sidebar.backgroundColorBottom) 0,$(sidebar.backgroundColorBottom) 20%,$(sidebar.backgroundColorBottom.transparent) 100%); background:linear-gradient(to $startSide,$(sidebar.backgroundColorBottom) 0,$(sidebar.backgroundColorBottom) 20%,$(sidebar.backgroundColorBottom.transparent) 100%) } .profile-snippet.snippet-container{ max-height:192px } .has-location .profile-snippet.snippet-container{ max-height:144px } .profile-snippet .snippet-item{ line-height:24px } .profile-snippet .snippet-fade{ background:-webkit-linear-gradient($startSide,$(sidebar.backgroundColorTop) 0,$(sidebar.backgroundColorTop) 20%,$(sidebar.backgroundColorTop.transparent) 100%); background:linear-gradient(to $startSide,$(sidebar.backgroundColorTop) 0,$(sidebar.backgroundColorTop) 20%,$(sidebar.backgroundColorTop.transparent) 100%); color:$(profile.text.color); height:24px } @media screen and (min-width:$(sidebar.width + content.width + content.margin * 2)){ .profile-snippet .snippet-fade{ background:-webkit-linear-gradient($startSide,$(sidebar.backgroundColorTopHD) 0,$(sidebar.backgroundColorTopHD) 20%,$(sidebar.backgroundColorTopHD.transparent) 100%); background:linear-gradient(to $startSide,$(sidebar.backgroundColorTopHD) 0,$(sidebar.backgroundColorTopHD) 20%,$(sidebar.backgroundColorTopHD.transparent) 100%) } } @media screen and (max-width:800px){ .blog-name{ margin-top:0 } body.item-view .blog-name{ margin:0 48px } .blog-name .subscribe-empty-placeholder{ margin-bottom:0 } .centered-bottom{ padding:8px } body.item-view .centered-bottom{ padding:0 } body.item-view #header,body.item-view .widget.Header{ margin-right:0 } body.collapsed-header .centered-top-container .blog-name{ display:block } body.collapsed-header .centered-top-container .widget.Header h1{ text-align:center } .widget.Header header{ padding:0 } .widget.Header h1{ font-size:$(blog.title.font.size * 24/45); line-height:$(blog.title.font.size * 24/45); margin-bottom:13px } body.item-view .widget.Header h1,body.item-view .widget.Header p{ text-align:center } .blog-name .widget.PageList{ padding:0 } body.item-view .centered-top{ margin-bottom:5px } .search-action,.search-input{ margin-bottom:-8px } .search form{ margin-bottom:8px } body.item-view .subscribe-section-container{ margin:5px 0 0; width:100% } #page_body.section div.widget.FeaturedPost,.widget.Blog .blog-posts .post-outer-container,.widget.PopularPosts{ padding:16px } .widget.Blog .blog-posts .post-outer-container .post-outer{ padding:0 } .post:first-child{ margin:0 } .post-body .snippet-thumbnail{ margin:0 3vw 3vw 0 } .post-body .snippet-thumbnail img{ height:20vw; width:20vw; max-height:128px; max-width:128px } .widget.PopularPosts div.item-thumbnail{ margin:0 3vw 3vw 0 } .widget.PopularPosts div.item-thumbnail img{ height:20vw; width:20vw; max-height:88px; max-width:88px } .post-title{ line-height:1 } .post-title,.post-title a{ font-size:20px } #page_body.section div.widget.FeaturedPost h3 a{ font-size:22px } .mobile-ad .inline-ad{ display:block } .page_body.has-vertical-ads .vertical-ad-container,.page_body.has-vertical-ads .vertical-ad-container ins{ display:none } .page_body.has-vertical-ads .centered .centered-bottom,.page_body.has-vertical-ads .centered .centered-top{ display:block; width:auto } .post-filter-message div{ padding:8px 16px } } @media screen and (min-width:$(sidebar.width + content.width + content.margin * 2)){ body{ position:relative } body.item-view .blog-name{ margin-left:48px } .no-sidebar-widget .page_body,.preview .page_body{ margin-left:0 } .page_body{ margin-left:$(sidebar.width) } .search{ margin-left:0 } .search.focused{ width:100% } .sticky{ padding-left:$(sidebar.width) } .hamburger-menu{ display:none } body.collapsed-header .page_body .centered-top-container{ padding-left:$(sidebar.width); padding-right:0; width:100% } body.collapsed-header .centered-top-container .search.focused{ width:100% } body.collapsed-header .centered-top-container .blog-name{ margin-left:0 } body.collapsed-header.item-view .centered-top-container .search.focused{ width:calc(100% - 50px) } body.collapsed-header.item-view .centered-top-container .blog-name{ margin-left:40px } } ]]>

Clear out style (needs to be a non-empty string) We don't display labels on the home page. We call super.postShareButtons from the migrated positions. Overridden, and migrated to postFooter. Called as postFooterJumpLink. Ripple, and show 'keep reading' as the default.

Cap the total number of ads (widgets and inline ads). Filter out the featured post, but only on the homepage. Don't show feed links.

Don't show Don't show

Re-order the thumbnail before the snippet, add 'Keep reading' link.

If we are replacing the title, force it to render anyway, and it'll be hidden in CSS.

Default the title to 'Popular posts from this blog'. Add a 'keep reading' link to the item-content.

No title for single profiles. Default to 'Blog authors' for team.

Change link to 'visit profile'

#ffffff #ffffff 1x1 #ffffff #ffffff #ffffff TextAndImage

Clear out style (needs to be a non-empty string) #ffffff #ffffff 1x1 #ffffff #ffffff #ffffff TextAndImage

Clear out style (needs to be a non-empty string)

true true 0 true true

Ripple, and show 'keep reading' as the default.

Overridden, and migrated to postFooter. Called as postFooterJumpLink. We don't display labels on the home page. We call super.postShareButtons from the migrated positions.

Re-order the thumbnail before the snippet, add 'Keep reading' link.

false comments #ffffff false false #ffffff Location: false #ffffff TextAndImage #ffffff false 1x1 false false false 1 false #ffffff false false Cap the total number of ads (widgets and inline ads). Filter out the featured post, but only on the homepage.

Clear out style (needs to be a non-empty string) Don't show feed links.

()

Don't show

Ripple, and show 'keep reading' as the default.

Overridden, and migrated to postFooter. Called as postFooterJumpLink. We don't display labels on the home page. "image": { "@type": "ImageObject", "url": "", "height": 630, "width": 1200 "url": "https://blogger.googleusercontent.com/img/b/U2hvZWJveA/AVvXsEgfMvYAhAbdHksiBA24JKmb2Tav6K0GviwztID3Cq4VpV96HaJfy0viIu8z1SSw_G9n5FQHZWSRao61M3e58ImahqBtr7LiOUS6m_w59IvDYwjmMcbq3fKW4JSbacqkbxTo8B90dWp0Cese92xfLMPe_tg11g/w1200/", "height": 348, "width": 1200 }, "publisher": { "@type": "Organization", "name": "Blogger", "logo": { "@type": "ImageObject", "url": "https://blogger.googleusercontent.com/img/b/U2hvZWJveA/AVvXsEgfMvYAhAbdHksiBA24JKmb2Tav6K0GviwztID3Cq4VpV96HaJfy0viIu8z1SSw_G9n5FQHZWSRao61M3e58ImahqBtr7LiOUS6m_w59IvDYwjmMcbq3fKW4JSbacqkbxTo8B90dWp0Cese92xfLMPe_tg11g/h60/", "width": 206, "height": 60 } }, We call super.postShareButtons from the migrated positions. Don't show

3 false false LAST_YEAR Default the title to 'Popular posts from this blog'.

Ripple, and show 'keep reading' as the default.

Overridden, and migrated to postFooter. Called as postFooterJumpLink. We don't display labels on the home page. We call super.postShareButtons from the migrated positions.

Add a 'keep reading' link to the item-content.

false false

No title for single profiles. Default to 'Blog authors' for team.

Change link to 'visit profile'

FLAT yyyy true MMMM yyyy MMM dd MM/dd false false MONTHLY

ALPHA LIST ALL false

다운로드

신청하기

신청하기

이메일: abc@google.com | 운영자 : 제자님닉네임

제작자 : 아로스

Copyrights © 2022 All Rights Reserved by (주)아백.

※ 해당 웹사이트는 정보 전달을 목적으로 운영하고 있으며, 금융 상품 판매 및 중개의 목적이 아닌 정보만 전달합니다. 또한, 어떠한 지적재산권 또한 침해하지 않고 있음을 명시합니다. 조회, 신청 및 다운로드와 같은 편의 서비스에 관한 내용은 관련 처리기관 홈페이지를 참고하시기 바랍니다.