aplikasi LPJ BOS

*/ /*!************************************************ * Blogger Template Style * Name: Contempo **************************************************/ body{ overflow-wrap:break-word; word-break:break-word; word-wrap:break-word } .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:0 0; border:0; box-shadow:none; color:#2196f3; cursor:pointer; font-size:14px; font-weight:700; outline:0; text-decoration:none; text-transform:uppercase; width:auto } .dim-overlay{ background-color:rgba(0,0,0,.54); 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 1.568s infinite linear; animation:mspin-rotate 1.568s infinite linear; height:48px; overflow:hidden; position:absolute; width:48px; z-index:200 } .loading-spinner-large>div{ -webkit-animation:mspin-revrot 5332ms infinite steps(4); animation:mspin-revrot 5332ms infinite steps(4) } .loading-spinner-large>div>div{ -webkit-animation:mspin-singlecolor-large-film 1333ms infinite steps(81); animation:mspin-singlecolor-large-film 1333ms infinite steps(81); 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{ from{ -webkit-transform:translateX(0); transform:translateX(0) } to{ -webkit-transform:translateX(-3888px); transform:translateX(-3888px) } } @keyframes mspin-singlecolor-large-film{ from{ -webkit-transform:translateX(0); transform:translateX(0) } to{ -webkit-transform:translateX(-3888px); transform:translateX(-3888px) } } @-webkit-keyframes mspin-rotate{ from{ -webkit-transform:rotate(0); transform:rotate(0) } to{ -webkit-transform:rotate(360deg); transform:rotate(360deg) } } @keyframes mspin-rotate{ from{ -webkit-transform:rotate(0); transform:rotate(0) } to{ -webkit-transform:rotate(360deg); transform:rotate(360deg) } } @-webkit-keyframes mspin-revrot{ from{ -webkit-transform:rotate(0); transform:rotate(0) } to{ -webkit-transform:rotate(-360deg); transform:rotate(-360deg) } } @keyframes mspin-revrot{ from{ -webkit-transform:rotate(0); transform:rotate(0) } to{ -webkit-transform:rotate(-360deg); transform:rotate(-360deg) } } .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:0 } .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-right:.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:#2196f3; color:#2196f3; margin-top:8px } .extendable .show-less.hidden,.extendable .show-more.hidden{ display:none } .inline-ad{ display:none; max-width:100%; overflow:hidden } .adsbygoogle{ display:block } #cookieChoiceInfo{ bottom:0; top:auto } iframe.b-hbp-video{ border:0 } .post-body img{ max-width:100% } .post-body iframe{ max-width:100% } .post-body a[imageanchor="1"]{ display:inline-block } .byline{ margin-right:1em } .byline:last-child{ margin-right: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:0 0; 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:#2196f3 } .paging-control-container .comment-range-text,.paging-control-container .paging-control{ margin-right:8px } .paging-control-container .comment-range-text::after,.paging-control-container .paging-control::after{ content:"\b7"; cursor:default; padding-left: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:solid 1px #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="1"][style*="float: left;"],body.item-view .post-body a[imageanchor="1"][style*="float: right;"]{ float:none!important; clear:none!important } body.item-view .post-body a[imageanchor="1"] img{ display:block; height:auto; margin:0 auto } body.item-view .post-body>.separator:first-child>a[imageanchor="1"]:first-child{ margin-top:20px } .post-body a[imageanchor]{ display:block } body.item-view .post-body a[imageanchor="1"]{ margin-left:0!important; margin-right:0!important } body.item-view .post-body a[imageanchor="1"]+a[imageanchor="1"]{ 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-left:0 } #comments .comment .comment-replybox-single,#comments .comment-thread .comment-replies{ 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:solid 1px #707070; box-sizing:border-box; fill:#707070; height:35px; margin:0; padding:7px; width:35px } .comment .comment-block{ margin-top:10px; margin-left: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:#212121; 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; color:rgba(33,33,33,.54); display:inline-block; font-size:13px; font-style:italic; margin-left:8px } #comments .comment .comment-footer .comment-timestamp a,#comments .comment .comment-header .datetime a{ color:rgba(33,33,33,.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="0"]{ border:0; margin-top:0; padding-top:0 } #comments.embed[data-num-comments="0"] #comment-post-message,#comments.embed[data-num-comments="0"] div.comment-form>p,#comments.embed[data-num-comments="0"] p.comment-footer{ display:none } #comment-editor-src{ 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:rgba(153,153,153,.4); border-radius:50% } svg:not(:root).touch-icon{ overflow:visible } html[dir=rtl] .rtl-reversible-icon{ -webkit-transform:scaleX(-1); -ms-transform:scaleX(-1); transform:scaleX(-1) } .svg-icon-24-button,.touch-icon-button{ background:0 0; border:0; margin:0; outline:0; 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:rgba(153,153,153,.4); border-radius:50% } .Profile .default-avatar-wrapper .avatar-icon{ border-radius:50%; border:solid 1px #707070; box-sizing:border-box; fill:#707070; 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 } .snippet-fade{ right:0 } .snippet-fade:after{ content:"\2026" } .snippet-fade:after{ float:right } .post-bottom{ -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap } .post-footer{ -webkit-box-flex:1; -webkit-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-ordinal-group:2; -webkit-order:1; -ms-flex-order:1; order:1 } .post-footer>*{ -webkit-box-flex:0; -webkit-flex:0 1 auto; -ms-flex:0 1 auto; flex:0 1 auto } .post-footer .byline:last-child{ margin-right:1em } .jump-link{ -webkit-box-flex:0; -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto; -webkit-box-ordinal-group:3; -webkit-order:2; -ms-flex-order:2; 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:0 0 } .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:0 } .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; -webkit-align-items:center; -ms-flex-align:center; align-items:center; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex } .collapsible-title .title{ -webkit-box-flex:1; -webkit-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto; -webkit-box-ordinal-group:1; -webkit-order:0; -ms-flex-order:0; 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{ cursor:pointer; display:inline-block; font-weight:700; text-transform:uppercase; border-radius:2px; padding:8px; margin:-8px } .flat-icon-button{ background:0 0; border:0; margin:0; outline:0; padding:0; margin:-12px; padding:12px; cursor:pointer; box-sizing:content-box; display:inline-block; 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:46px; overflow:hidden; position:relative } .overflow-button{ cursor:pointer } #overflowable-dim-overlay{ background:0 0 } .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:#ffffff; 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:0 0; 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); -ms-transform:scale(0); transform:scale(0) } .splash.animate{ -webkit-animation:ripple-effect .4s linear; animation:ripple-effect .4s linear } @-webkit-keyframes ripple-effect{ 100%{ opacity:0; -webkit-transform:scale(2.5); transform:scale(2.5) } } @keyframes ripple-effect{ 100%{ opacity:0; -webkit-transform:scale(2.5); transform:scale(2.5) } } .search{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; line-height:24px; width:24px } .search.focused{ width:100% } .search.focused .section{ width:100% } .search form{ z-index:101 } .search h3{ display:none } .search form{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-flex:1; -webkit-flex:1 0 0; -ms-flex:1 0 0px; flex:1 0 0; border-bottom:solid 1px transparent; padding-bottom:8px } .search form>*{ display:none } .search.focused form>*{ display:block } .search .search-input label{ display:none } .centered-top-placeholder.cloned .search form{ z-index:30 } .search.focused form{ border-color:#ffffff; position:relative; width:auto } .collapsed-header .centered-top-container .search.focused form{ border-bottom-color:transparent } .search-expand{ -webkit-box-flex:0; -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto } .search-expand-text{ display:none } .search-close{ display:inline; vertical-align:middle } .search-input{ -webkit-box-flex:1; -webkit-flex:1 0 1px; -ms-flex:1 0 1px; flex:1 0 1px } .search-input input{ background:0 0; border:0; box-sizing:border-box; color:#ffffff; display:inline-block; outline:0; width:calc(100% - 48px) } .search-input input.no-cursor{ color:transparent; text-shadow:0 0 0 #ffffff } .collapsed-header .centered-top-container .search-action,.collapsed-header .centered-top-container .search-input input{ color:#212121 } .collapsed-header .centered-top-container .search-input input.no-cursor{ color:transparent; text-shadow:0 0 0 #212121 } .collapsed-header .centered-top-container .search-input input.no-cursor:focus,.search-input input.no-cursor:focus{ outline:0 } .search-focused>*{ visibility:hidden } .search-focused .search,.search-focused .search-icon{ visibility:visible } .search.focused .search-action{ display:block } .search.focused .search-action:disabled{ opacity:.3 } .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 } .centered-bottom .share-buttons .svg-icon-24,.share-buttons .svg-icon-24{ fill:#212121 } .sharing-open.touch-icon-button:active .touch-icon,.sharing-open.touch-icon-button:focus .touch-icon{ background-color:transparent } .share-buttons{ background-color:#ffffff; 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:#212121; 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:0 0; border:0; margin:0; outline:0; 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:rgba(128,128,128,.1); outline:0 } .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 } .share-buttons li .platform-sharing-text{ margin-left:56px } .sidebar-container{ background-color:#ffffff; max-width:284px; 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:284px; 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:0 0; margin:0 16px; padding:16px 0 } .sidebar-container .widget .title{ color:#212121; margin:0 } .sidebar-container .widget ul{ list-style:none; margin:0; padding:0 } .sidebar-container .widget ul ul{ margin-left:1em } .sidebar-container .widget li{ font-size:16px; line-height:normal } .sidebar-container .widget+.widget{ border-top:1px dashed #cccccc } .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:right; margin-left:.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:-webkit-flex; display:-ms-flexbox; display:flex } .widget.Profile .team-member .default-avatar-wrapper,.widget.Profile .team-member .profile-img{ -webkit-box-flex:0; -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto; margin-right:1em } .widget.Profile .individual .profile-link{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column } .widget.Profile .team .profile-link .profile-name{ -webkit-align-self:center; -ms-flex-item-align:center; align-self:center; display:block; -webkit-box-flex:1; -webkit-flex:1 1 auto; -ms-flex:1 1 auto; 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:1439px){ .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(-284px); -ms-transform:translateX(-284px); transform:translateX(-284px) } } @media screen and (min-width:1440px){ .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:#ffffff; box-sizing:border-box; color:#757575; 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:solid 1px rgba(117,117,117,.12); color:#757575; display:block; font-family:Roboto, sans-serif; font-size:16px; line-height:24px; margin:auto; padding-bottom:7px; outline:0; text-align:center; width:100% } .dialog input[type=email]::-webkit-input-placeholder,.dialog input[type=text]::-webkit-input-placeholder{ color:#757575 } .dialog input[type=email]::-moz-placeholder,.dialog input[type=text]::-moz-placeholder{ color:#757575 } .dialog input[type=email]:-ms-input-placeholder,.dialog input[type=text]:-ms-input-placeholder{ color:#757575 } .dialog input[type=email]::-ms-input-placeholder,.dialog input[type=text]::-ms-input-placeholder{ color:#757575 } .dialog input[type=email]::placeholder,.dialog input[type=text]::placeholder{ color:#757575 } .dialog input[type=email]:focus,.dialog input[type=text]:focus{ border-bottom:solid 2px #2196f3; padding-bottom:6px } .dialog input.no-cursor{ color:transparent; text-shadow:0 0 0 #757575 } .dialog input.no-cursor:focus{ outline:0 } .dialog input.no-cursor:focus{ outline:0 } .dialog input[type=submit]{ font-family:Roboto, sans-serif } .dialog .goog-buttonset-default{ color:#2196f3 } .subscribe-popup{ max-width:364px } .subscribe-popup h3{ color:#212121; font-size:1.8em; margin-top:0 } .subscribe-popup .FollowByEmail h3{ display:none } .subscribe-popup .FollowByEmail .follow-by-email-submit{ color:#2196f3; display:inline-block; margin:0 auto; margin-top:24px; 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 auto; width:100% } } .tabs{ list-style:none } .tabs li{ display:inline-block } .tabs li a{ cursor:pointer; display:inline-block; font-weight:700; text-transform:uppercase; padding:12px 8px } .tabs .selected{ border-bottom:4px solid #ffffff } .tabs .selected a{ color:#ffffff } 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:#ffffff } .sidebar-container .svg-icon-24{ fill:#707070 } .centered-bottom .svg-icon-24,body.collapsed-header .centered-top-container .svg-icon-24{ fill:#707070 } .centered-bottom .share-buttons .svg-icon-24,.share-buttons .svg-icon-24{ fill:#212121 } body{ background-color:#eeeeee; color:#757575; font:15px Roboto, sans-serif; margin:0; min-height:100vh } img{ max-width:100% } h3{ color:#757575; font-size:16px } a{ text-decoration:none; color:#2196f3 } a:visited{ color:#2196f3 } a:hover{ color:#2196f3 } blockquote{ color:#444444; font:italic 300 15px Roboto, sans-serif; font-size:x-large; text-align:center } .pill-button{ font-size:12px } .bg-photo-container{ height:480px; overflow:hidden; position:absolute; width:100%; z-index:1 } .bg-photo{ background:#eeeeee url(https://themes.googleusercontent.com/image?id=L1lcAxxz0CLgsDzixEprHJ2F38TyEjCyE3RSAjynQDks0lT1BDc1OxXKaTEdLc89HPvdB11X9FDw) no-repeat scroll top center /* Credit: Michael Elkan (http://www.offset.com/photos/394244) */;; background-attachment:scroll; background-size:cover; -webkit-filter:blur(0px); filter:blur(0px); height:calc(100% + 2 * 0px); left:0px; position:absolute; top:0px; width:calc(100% + 2 * 0px) } .bg-photo-overlay{ background:rgba(0,0,0,.26); background-size:cover; height:480px; position:absolute; width:100%; z-index:2 } .hamburger-menu{ float:left; margin-top:0 } .sticky .hamburger-menu{ float:none; position:absolute } .search{ border-bottom:solid 1px rgba(255, 255, 255, 0); 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-property:border-color; transition-property:border-color; -webkit-transition-delay:.5s; transition-delay:.5s; -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) } .search.focused{ width:calc(100% - 48px) } .search.focused form{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-flex:1; -webkit-flex:1 0 1px; -ms-flex:1 0 1px; flex:1 0 1px; border-color:#ffffff; margin-left:-24px; padding-left:36px; position:relative; width:auto } .item-view .search,.sticky .search{ right: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:#757575 } .centered-top-placeholder.cloned .search form{ z-index:30 } .search_button{ -webkit-box-flex:0; -webkit-flex:0 0 24px; -ms-flex:0 0 24px; flex:0 0 24px; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column } .search_button svg{ margin-top:0 } .search-input{ height:48px } .search-input input{ display:block; color:#ffffff; font:16px Roboto, sans-serif; height:48px; line-height:48px; padding:0; width:100% } .search-input input::-webkit-input-placeholder{ color:#ffffff; opacity:.3 } .search-input input::-moz-placeholder{ color:#ffffff; opacity:.3 } .search-input input:-ms-input-placeholder{ color:#ffffff; opacity:.3 } .search-input input::-ms-input-placeholder{ color:#ffffff; opacity:.3 } .search-input input::placeholder{ color:#ffffff; opacity:.3 } .search-action{ background:0 0; border:0; color:#ffffff; cursor:pointer; display:none; height:48px; margin-top:0 } .sticky .search-action{ color:#757575 } .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:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; margin:0 auto; max-width:922px; min-height:100vh; padding:24px 0 } .page_body .centered>*{ -webkit-box-flex:0; -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto } .page_body .centered>#footer{ margin-top:auto } .blog-name{ margin:24px 0 16px 0 } .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 0 } .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:#ffffff; 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:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:0 48px 27px 48px } .item-view .subscribe-section-container{ -webkit-box-flex:0; -webkit-flex:0 0 auto; -ms-flex:0 0 auto; 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 0; text-align:left } .item-view .post-share-buttons-bottom{ margin-right:16px } .sticky{ background:#ffffff; box-shadow:0 0 20px 0 rgba(0,0,0,.7); box-sizing:border-box; margin-left:0 } .sticky #header{ margin-bottom:8px; margin-right:8px } .sticky .centered-top{ margin:4px auto; max-width:890px; min-height:48px } .sticky .blog-name{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; margin:0 48px } .sticky .blog-name #header{ -webkit-box-flex:0; -webkit-flex:0 1 auto; -ms-flex:0 1 auto; flex:0 1 auto; -webkit-box-ordinal-group:2; -webkit-order:1; -ms-flex-order:1; order:1; overflow:hidden } .sticky .blog-name .subscribe-section-container{ -webkit-box-flex:0; -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto; -webkit-box-ordinal-group:3; -webkit-order:2; -ms-flex-order:2; order:2 } .sticky .Header h1{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-right:-10px; margin-bottom:-10px; padding-right:10px; padding-bottom:10px } .sticky .Header p{ display:none } .sticky .PageList{ display:none } .search-focused>*{ visibility:visible } .search-focused .hamburger-menu{ 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{ color:#ffffff; font:bold 45px Roboto, sans-serif; line-height:normal; margin:0 0 13px 0; text-align:center; width:100% } .Header h1 a,.Header h1 a:hover,.Header h1 a:visited{ color:#ffffff } .item-view .Header h1,.sticky .Header h1{ font-size:24px; line-height:24px; margin:0; text-align:left } .sticky .Header h1{ color:#757575 } .sticky .Header h1 a,.sticky .Header h1 a:hover,.sticky .Header h1 a:visited{ color:#757575 } .Header p{ color:#ffffff; margin:0 0 13px 0; opacity:.8; text-align:center } .widget .title{ line-height:28px } .BlogArchive li{ font-size:16px } .BlogArchive .post-count{ color:#757575 } #page_body .FeaturedPost,.Blog .blog-posts .post-outer-container{ background:#ffffff; min-height:40px; padding:30px 40px; width:auto } .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:right } .post-share-buttons-bottom{ margin-right:24px } .post-footer,.post-header{ clear:left; color:rgba(0, 0, 0, 0.54); margin:0; width:inherit } .blog-pager{ text-align:center } .blog-pager a{ color:#2196f3 } .blog-pager a:visited{ color:#2196f3 } .blog-pager a:hover{ color:#2196f3 } .post-title{ font:bold 22px Roboto, sans-serif; float:left; margin:0 0 8px 0; max-width:calc(100% - 48px) } .post-title a{ font:bold 30px Roboto, sans-serif } .post-title,.post-title a,.post-title a:hover,.post-title a:visited{ color:#212121 } .post-body{ color:#757575; font:15px Roboto, sans-serif; line-height:1.6em; margin:1.5em 0 2em 0; display:block } .post-body img{ height:inherit } .post-body .snippet-thumbnail{ float:left; margin:0; margin-right: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-right: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:rgba(0, 0, 0, 0.54); display:inline-block; line-height:24px; margin-top:8px; vertical-align:top } .byline.post-author:first-child{ margin-right: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:right } .flat-button.ripple:hover{ background-color:rgba(33,150,243,.12) } .flat-button.ripple .splash{ background-color:rgba(33,150,243,.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 } .clear-sharing{ min-height:24px } .comment-link{ color:#2196f3; 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-left:0; text-align:right } .post-filter-message a{ white-space:nowrap } .post-filter-message .search-label,.post-filter-message .search-query{ font-weight:700; color:#2196f3 } #blog-pager{ margin:2em 0 } #blog-pager a{ color:#2196f3; font-size:14px } .subscribe-button{ border-color:#ffffff; color:#ffffff } .sticky .subscribe-button{ border-color:#757575; color:#757575 } .tabs{ margin:0 auto; padding:0 } .tabs li{ margin:0 8px; vertical-align:top } .tabs .overflow-button a,.tabs li a{ color:#cccccc; font:700 normal 15px Roboto, sans-serif; line-height:18px } .tabs .overflow-button a{ padding:12px 8px } .overflow-popup .tabs li{ text-align:left } .overflow-popup li a{ color:#757575; display:block; padding:8px 20px } .overflow-popup li.selected a{ color:#212121 } a.report_abuse{ font-weight:400 } .Label li,.Label span.label-size,.byline.post-labels a{ background-color:#f7f7f7; border:1px solid #f7f7f7; border-radius:15px; display:inline-block; margin:4px 4px 4px 0; padding:3px 8px } .Label a,.byline.post-labels a{ color:rgba(0,0,0,0.54) } .Label ul{ list-style:none; padding:0 } .PopularPosts{ background-color:#eeeeee; padding:30px 40px } .PopularPosts .item-content{ color:#757575; margin-top:24px } .PopularPosts a,.PopularPosts a:hover,.PopularPosts a:visited{ color:#2196f3 } .PopularPosts .post-title,.PopularPosts .post-title a,.PopularPosts .post-title a:hover,.PopularPosts .post-title a:visited{ color:#212121; font-size:18px; font-weight:700; line-height:24px } .PopularPosts,.PopularPosts h3.title a{ color:#757575; font:15px Roboto, sans-serif } .main .PopularPosts{ padding:16px 40px } .PopularPosts h3.title{ font-size:14px; margin:0 } .PopularPosts h3.post-title{ margin-bottom:0 } .PopularPosts .byline{ color:rgba(0, 0, 0, 0.54) } .PopularPosts .jump-link{ float:right; 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 #cccccc } .PopularPosts .item-thumbnail{ float:left; margin-right: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:right; margin-right:16px; width:128px } .vertical-ad-container .AdSense+.AdSense{ margin-top:16px } .inline-ad-placeholder,.vertical-ad-placeholder{ background:#ffffff; 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:#212121 } .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{ color:#757575 } .Attribution a,.Attribution a:hover,.Attribution a:visited{ color:#2196f3 } .Attribution svg{ fill:#707070 } .sidebar-container{ box-shadow:1px 1px 3px rgba(0,0,0,.1) } .sidebar-container,.sidebar-container .sidebar_bottom{ background-color:#ffffff } .sidebar-container .navigation,.sidebar-container .sidebar_top_wrapper{ background-color:#ffffff } .sidebar-container .sidebar_top{ overflow:auto } .sidebar-container .sidebar_bottom{ width:100%; padding-top:16px } .sidebar-container .widget:first-child{ padding-top:0 } .sidebar_top .widget.Profile{ padding-bottom:16px } .widget.Profile{ margin:0; width:100% } .widget.Profile h2{ display:none } .widget.Profile h3.title{ color:rgba(0,0,0,0.52); 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:#212121; 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:rgba(0, 0, 0, 0.54); margin:0 16px } .widget.Profile location{ margin-bottom:1em } .widget.Profile .profile-textblock{ font-size:14px; line-height:24px; position:relative } body.sidebar-visible .page_body{ overflow-y:scroll } body.sidebar-visible .bg-photo-container{ overflow-y:scroll } @media screen and (min-width:1440px){ .sidebar-container{ margin-top:480px; min-height:calc(100% - 480px); overflow:visible; z-index:32 } .sidebar-container .sidebar_top_wrapper{ background-color:#f7f7f7; height:480px; margin-top:-480px } .sidebar-container .sidebar_top{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; height:480px; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; max-height:480px } .sidebar-container .sidebar_bottom{ max-width:284px; width:284px } 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; -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto; -webkit-align-self:center; -ms-flex-item-align:center; 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(left,#ffffff 0,#ffffff 20%,rgba(255, 255, 255, 0) 100%); background:linear-gradient(to left,#ffffff 0,#ffffff 20%,rgba(255, 255, 255, 0) 100%); color:#757575; 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:#757575; height:24px } .main .popular-posts-snippet .snippet-fade{ background:-webkit-linear-gradient(left,#eeeeee 0,#eeeeee 20%,rgba(238, 238, 238, 0) 100%); background:linear-gradient(to left,#eeeeee 0,#eeeeee 20%,rgba(238, 238, 238, 0) 100%) } .sidebar_bottom .popular-posts-snippet .snippet-fade{ background:-webkit-linear-gradient(left,#ffffff 0,#ffffff 20%,rgba(255, 255, 255, 0) 100%); background:linear-gradient(to left,#ffffff 0,#ffffff 20%,rgba(255, 255, 255, 0) 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(left,#ffffff 0,#ffffff 20%,rgba(255, 255, 255, 0) 100%); background:linear-gradient(to left,#ffffff 0,#ffffff 20%,rgba(255, 255, 255, 0) 100%); color:rgba(0, 0, 0, 0.54); height:24px } @media screen and (min-width:1440px){ .profile-snippet .snippet-fade{ background:-webkit-linear-gradient(left,#f7f7f7 0,#f7f7f7 20%,rgba(247, 247, 247, 0) 100%); background:linear-gradient(to left,#f7f7f7 0,#f7f7f7 20%,rgba(247, 247, 247, 0) 100%) } } @media screen and (max-width:800px){ .blog-name{ margin-top:0 } body.item-view .blog-name{ margin:0 48px } .centered-bottom{ padding:8px } body.item-view .centered-bottom{ padding:0 } .page_body .centered{ padding:10px 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:24px; line-height:24px; margin-bottom:13px } body.item-view .widget.Header h1{ text-align:center } 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 0; width:100% } #page_body.section div.widget.FeaturedPost,div.widget.PopularPosts{ padding:16px } div.widget.Blog .blog-posts .post-outer-container{ padding:16px } div.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 } div.widget.PopularPosts div.item-thumbnail{ margin:0 3vw 3vw 0 } div.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 } div.post-filter-message div{ padding:8px 16px } } @media screen and (min-width:1440px){ body{ position:relative } body.item-view .blog-name{ margin-left:48px } .page_body{ margin-left:284px } .search{ margin-left:0 } .search.focused{ width:100% } .sticky{ padding-left:284px } .hamburger-menu{ display:none } body.collapsed-header .page_body .centered-top-container{ padding-left:284px; 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 } } -->

Cari Blog Ini

aplikasi LPJ BOS

Postingan

aplikasi lpj bos