Template: Shark Feed

2021-05-01T09:45:06.491-07:00

<data:view.title.escaped/> */ /*!************************************************ * 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:$(body.link.color); 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-$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{ 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-$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: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:$(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: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-$startSide: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 $(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; color:rgba($(posts.title.color.red),$(posts.title.color.green),$(posts.title.color.blue),.54); display:inline-block; font-size:13px; font-style:italic; margin-$startSide:8px } #comments .comment .comment-footer .comment-timestamp a,#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="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 $(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 } .snippet-fade{ $endSide:0 } .snippet-fade:after{ content:"\2026" } .snippet-fade:after{ float:$endSide } .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-$endSide: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:$(body.text.font.size * 1.2 + 2 * 8px + 2 * 4px + 4px); 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:$(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: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:$(blog.title.color); 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:$(blog.title.color); display:inline-block; outline:0; 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: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:$(sharing.icons.color) } .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: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-$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:0 0; 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:-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-$endSide: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:$(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)); -ms-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:solid 1px 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:0; 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:solid 2px $(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:0 } .dialog input.no-cursor:focus{ outline:0 } .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: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 $(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:rgba(0,0,0,.26); 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 } .search{ border-bottom:solid 1px $(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-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:$(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; -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:$(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:0 0; 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:-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:$(content.width); 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:$(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:-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-$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:-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-$endSide:-10px; margin-bottom:-10px; padding-$endSide: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:$(blog.title.color); font:$(blog.title.font); 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:$(blog.title.color) } .item-view .Header h1,.sticky .Header h1{ font-size:24px; line-height:24px; margin:0; text-align:left } .sticky .Header h1{ color:$(posts.text.color) } .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 0; 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: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:$(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 0; 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 0; 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 } .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) } a.report_abuse{ font-weight:400 } .Label li,.Label span.label-size,.byline.post-labels a{ 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 } .Label a,.byline.post-labels 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{ color:$(attribution.text.color) } .Attribution a,.Attribution a:hover,.Attribution a:visited{ color:$(attribution.link.color) } .Attribution svg{ fill:$(attribution.icon.color) } .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 } .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 .page_body{ overflow-y:scroll } body.sidebar-visible .bg-photo-container{ overflow-y:scroll } @media screen and (min-width:$(sidebar.width + content.width + content.margin * 2)){ .sidebar-container{ margin-top:$(body.background.height); min-height:calc(100% - $(body.background.height)); overflow:visible; z-index:32 } .sidebar-container .sidebar_top_wrapper{ background-color:$(sidebar.backgroundColorTopHD); height:$(body.background.height); margin-top:$(body.background.height * -1) } .sidebar-container .sidebar_top{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; height:$(body.background.height); -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; 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; -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($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 } .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:$(blog.title.font.size * 24 / 45); line-height:$(blog.title.font.size * 24 / 45); 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:$(sidebar.width + content.width + content.margin * 2)){ body{ position:relative } body.item-view .blog-name{ margin-left:48px } .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'

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. We call super.postShareButtons from the migrated positions.

Don't show

true

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.

Shark Feed

Template: Shark Feed

The type of publishing done for this blog.

The list of administrators' emails for the blog.

Whether this blog contains adult content

Whether alternate JS renderings are allowed

Blog's Google Analytics account number

The number of the archive index date format

How frequently this blog should be archived

The list of authors' emails who have permission to publish.

Whether to provide an archive page for each post

Who can comment

Whether to require commenters to complete a Captcha

List of e-mail addresses to send notifications of new comments to

The type of feed to provide for blog comments

Blog comment form location

Blog comment message

Whether to enable comment moderation

Number of days after which new comments are subject to moderation

Email address to send notifications of new comments needing moderation to

Whether to show profile images in comments

Whether to show comments

Comment time stamp format number

Whether to convert line breaks into tags in post editor

The custom ads.txt content of the blog served to ads search engines.

Whether this blog serves custom ads.txt content to ads search engines.

The content served when the requested post or page is not found.

The custom robots.txt content of the blog served to search engines.

Whether this blog serves custom robots.txt content to search engines.

The number of the date header format

Default comment mode for posts

A description of the blog

Whether to show a link for users to e-mail posts

URL to redirect post feed requests to

Whether float alignment is enabled for the blog

Language for this blog

Maximum number of things to show on the main page"

Unit of things to show on the main page

The meta description of the blog served to search engines.

Whether this blog is served with meta descriptions.

The name of the blog

The type of feed to provide for per-post comments

The type of feed to provide for blog posts

Footer to append to the end of each entry in the post feed

The template for blog posts

Whether Quick Editing is enabled

The access type for the readers of the blog.

The list of emails for users who have permission to read the blog.

Whether this blog should be indexed by search engines

Comma separated list of emails to send new blog posts to

Whether to show the title field

Whether to show a related link box in the post composer

The BlogSpot subdomain under which to publish your blog

The number of the time stamp format

The time zone for this blog

Whether to show images in the Lightbox when clicked

40 pics to remind us of the bond between mother and child

56 Dads who don’t beat around the bush about being a parent

46 Parents who got publicly shamed for acting like total dolts with their kids in public

46 Things Short Girls Live With Every Day

20 Important Fashion Rules For Every Lady And Gentleman To Consider For Their Best Look

65 Advertising fails that are so hilariously bad they’re actually good

40 Times Doctors Proved They Can Have A Funny Side Too

34 bonkers ways people have moved mattresses

40+ unseen histories discovered inside buildings

48 real-talk tweets from exhausted parents

55+ Of The Funniest Photos We Could Find On The Internet

40 Photos That Only Retail Workers Will Understand

50+ parents who are just trying their best

70 diabolical neighbours you really don’t want living next door

51 mysterious tools from the past that only few know their use

50 shop displays with a wicked sense of humor

45+ lucky souls reunited with their lost items

30 times confusion got the better of people

55 Newspapers That Really Should Have Looked Before Printing

55 Hilarious Store Owners Taking Their Displays To A New Level

46 People who upped their face-mask game to stand out in a crowd

42 Funny Business Signs Bringing Laughter To All Who Read Them

60+ crack-up medical professionals and patients who love a laugh

60+ elite friendships we should all strive for

Whether to convert line breaks into
tags in post editor