It's Everyday Bro

my sponsor

*/ /*!************************************************ * 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; } .dim-overlay { background-color: rgba(0, 0, 0, 0.54); height: 100vh; left: 0; position: fixed; top: 0; width: 100%; } #sharing-dim-overlay { background-color: transparent; } .loading-spinner-large { -webkit-animation: mspin-rotate 1568.63ms infinite linear; animation: mspin-rotate 1568.63ms 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(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes mspin-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes mspin-revrot { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes mspin-revrot { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } input::-ms-clear { display: none; } .blogger-logo, .svg-icon-24.blogger-logo { fill: #ff9800; opacity: 1.0; } .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 0.3s, height 0.3s, padding-top 0.3s; transition: box-shadow 0.3s, height 0.3s, padding-top 0.3s; width: 100%; z-index: 900; } .skip-navigation:focus { box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); height: 50px; } #main { outline: none; } .main-heading { position: absolute; clip: rect(1px, 1px, 1px, 1px); padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden; } .widget.Attribution { margin-top: 1em; text-align: center; } .widget.Attribution .blogger img, .widget.Attribution .blogger svg { vertical-align: bottom; } .widget.Attribution .blogger img { margin-$endSide: 0.5em; } .widget.Attribution div { line-height: 24px; margin-top: 0.5em; } .widget.Attribution .image-attribution, .widget.Attribution .copyright { font-size: 0.7em; margin-top: 1.5em; } .item-control { display: none; } .BLOG_mobile_video_class { display: none; } .bg-photo { background-attachment: scroll !important; } body .CSS_LIGHTBOX { z-index: 900; } .extendable .show-more, .extendable .show-less { border-color: $(body.link.color); color: $(body.link.color); margin-top: 8px; } .extendable .show-more.hidden, .extendable .show-less.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: transparent; border: 0; color: $(body.link.color); } .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 .paging-control, .paging-control-container .comment-range-text::after { color: $(body.link.color); } .paging-control-container .paging-control, .paging-control-container .comment-range-text { margin-$endSide: 8px; } .paging-control-container .paging-control::after, .paging-control-container .comment-range-text::after { content: '\00B7'; cursor: default; padding-$startSide: 8px; pointer-events: none; } .paging-control-container .paging-control:last-child::after, .paging-control-container .comment-range-text: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 0.3s cubic-bezier(0.4, 0, 0.2, 1); transition: margin-top 0.3s cubic-bezier(0.4, 0, 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; } } #comments { border-top: 1px dashed rgba(0, 0, 0, 0.54); margin-top: 20px; padding: 20px; } #comments .comment-thread ol { margin: 0; padding-left: 0; } #comments .comment-thread ol { padding-$startSide: 0; } #comments .comment-thread .comment-replies, #comments .comment .comment-replybox-single { margin-left: 60px; } #comments .comment-thread .thread-count { display: none; } #comments .comment { list-style-type: none; padding: 0 0 30px 0; 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; padding-bottom: 0; } .comment .comment-block { margin-$startSide: 60px; } #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: bold; } #comments .comment .comment-actions { background: transparent; border: 0; box-shadow: none; color: $(body.link.color); cursor: pointer; font-size: 14px; font-weight: bold; outline: none; text-decoration: none; text-transform: uppercase; width: auto; 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),0.54); display: inline-block; font-size: 13px; font-style: italic; } #comments .comment .comment-header .datetime { margin-$startSide: 8px; } #comments .comment .comment-header .datetime a, #comments .comment .comment-footer .comment-timestamp a { color: rgba($(posts.title.color.red),$(posts.title.color.green),$(posts.title.color.blue),0.54); } .comment .comment-body, #comments .comment .comment-content { margin-top: 12px; word-break: break-word; } .comment-body { margin-bottom: 12px; } #comments.embed[data-num-comments="0"] { border: none; 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 0.3s cubic-bezier(0.4, 0, 0.2, 1); transition: height 0.3s cubic-bezier(0.4, 0, 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:focus, .touch-icon:active { background-color: rgba(153, 153, 153, 0.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); } .touch-icon-button, .svg-icon-24-button { background: transparent; border: 0; margin: 0; outline: none; padding: 0; } .touch-icon-button .touch-icon:focus, .touch-icon-button .touch-icon:active { background-color: transparent; } .touch-icon-button:focus .touch-icon, .touch-icon-button:active .touch-icon { background-color: rgba(153, 153, 153, 0.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 .profile-img, .Profile .individual .avatar-icon { height: 120px; width: 120px; } .Profile .team .default-avatar-wrapper .avatar-icon { padding: 8px; } .Profile .team .profile-img, .Profile .team .avatar-icon, .Profile .team .default-avatar-wrapper { 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: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .centered-top-placeholder { display: none; } .collapsed-header .centered-top-placeholder { display: block; } .centered-top-container .Header .replaced h1, .centered-top-placeholder .Header .replaced h1 { display: none; } .centered-top-container.sticky .Header .replaced h1 { display: block; } .centered-top-container.sticky .Header .header-widget { background: none; } .centered-top-container.sticky .Header .header-image-wrapper { display: none; } .centered-top-container img, .centered-top-placeholder img { max-width: 100%; } .collapsible { -webkit-transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1); transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .collapsible, .collapsible > summary { display: block; overflow: hidden; } .collapsible > :not(summary) { display: none; } .collapsible[open] > :not(summary) { display: block; } .collapsible:focus, .collapsible > summary:focus { outline: none; } .collapsible > summary { cursor: pointer; display: block; padding: 0; } .collapsible:focus > summary, .collapsible > summary:focus { background-color: transparent; } .collapsible > summary::-webkit-details-marker { display: none; } .collapsible-title { -webkit-box-align: center; -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: bold; text-transform: uppercase; border-radius: 2px; padding: 8px; margin: -8px; } .flat-icon-button { background: transparent; border: 0; margin: 0; outline: none; 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: 0.3s; animation-duration: 0.3s; } .overflowable-container { max-height: $(body.text.font.size * 1.2 + 2 * 8px + 2 * 4px + 4px); overflow: hidden; position: relative; } .overflow-button { cursor: pointer; } #overflowable-dim-overlay { background: transparent; } .overflow-popup { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 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 li, .overflow-popup .tabs li { display: block; height: auto; } .overflow-popup .tabs li { padding-left: 0; padding-right: 0; } .overflow-button.hidden, .overflow-popup li.hidden, .overflow-popup .tabs li.hidden { display: none; } .pill-button { background: transparent; border: 1px solid; border-radius: 12px; cursor: pointer; display: inline-block; padding: 4px 16px; text-transform: uppercase; } .ripple { position: relative; } .ripple > * { z-index: 1; } .splash-wrapper { bottom: 0; left: 0; overflow: hidden; pointer-events: none; position: absolute; right: 0; top: 0; z-index: 0; } .splash { background: #cccccc; border-radius: 100%; display: block; opacity: 0.6; position: absolute; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .splash.animate { -webkit-animation: ripple-effect 0.4s linear; animation: ripple-effect 0.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: none; border: 0; box-sizing: border-box; color: $(blog.title.color); display: inline-block; outline: none; width: calc(100% - 48px); } .search-input input.no-cursor { color: transparent; text-shadow: 0 0 0 $(blog.title.color); } .collapsed-header .centered-top-container .search-action, .collapsed-header .centered-top-container .search-input input { color: $(posts.title.color); } .collapsed-header .centered-top-container .search-input input.no-cursor { color: transparent; text-shadow: 0 0 0 $(posts.title.color); } .search-input input.no-cursor:focus, .collapsed-header .centered-top-container .search-input input.no-cursor:focus { outline: none; } .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; } .share-buttons .svg-icon-24, .centered-bottom .share-buttons .svg-icon-24 { fill: $(sharing.icons.color); } .sharing-open.touch-icon-button:focus .touch-icon, .sharing-open.touch-icon-button:active .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, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); color: $(sharing.text.color); list-style: none; margin: 0; padding: 8px 0; position: absolute; top: -11px; min-width: 200px; z-index: 101; } .share-buttons.hidden { display: none; } .sharing-button { background: transparent; border: 0; margin: 0; outline: none; padding: 0; cursor: pointer; } .share-buttons li { margin: 0; height: 48px; } .share-buttons li:last-child { margin-bottom: 0; } .share-buttons li .sharing-platform-button { box-sizing: border-box; cursor: pointer; display: block; height: 100%; margin-bottom: 0; padding: 0 16px; position: relative; width: 100%; } .share-buttons li .sharing-platform-button:focus, .share-buttons li .sharing-platform-button:hover { background-color: rgba(128, 128, 128, 0.1); outline: none; } .share-buttons li svg[class^="sharing-"], .share-buttons li svg[class*=" sharing-"] { position: absolute; top: 10px; } .share-buttons li span.sharing-platform-button, .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, 0.2, 1); transition-timing-function: cubic-bezier(0, 0, 0.2, 1); width: $(sidebar.width); z-index: 101; -webkit-overflow-scrolling: touch; } .sidebar-container .navigation { line-height: 0; padding: 16px; } .sidebar-container .sidebar-back { cursor: pointer; } .sidebar-container .widget { background: none; margin: 0 16px; padding: 16px 0; } .sidebar-container .widget .title { color: $(widget.title.color); margin: 0; } .sidebar-container .widget ul { list-style: none; margin: 0; padding: 0; } .sidebar-container .widget ul ul { margin-$startSide: 1em; } .sidebar-container .widget li { font-size: 16px; line-height: normal; } .sidebar-container .widget + .widget { border-top: 1px dashed $(sidebar.separator.color); } .BlogArchive li { margin: 16px 0; } .BlogArchive li:last-child { margin-bottom: 0; } .Label li a { display: inline-block; } .Label .label-count, .BlogArchive .post-count { float: $endSide; margin-$startSide: .25em; } .Label .label-count::before, .BlogArchive .post-count::before { content: '('; } .Label .label-count::after, .BlogArchive .post-count::after { content: ')'; } .widget.Translate .skiptranslate > div { display: block !important; } .widget.Profile .profile-link { background-image: none !important; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .widget.Profile .team-member .profile-img, .widget.Profile .team-member .default-avatar-wrapper { -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; -ms-grid-row-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, 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(0.4, 0, 0.6, 1); transition-timing-function: cubic-bezier(0.4, 0, 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, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); background: $(posts.background.color); box-sizing: border-box; padding: 30px; position: fixed; text-align: center; width: calc(100% - 24px); z-index: 101; } .dialog input[type=text], .dialog input[type=email] { background-color: transparent; border: 0; border-bottom: solid 1px rgba($(body.text.color.red),$(body.text.color.green),$(body.text.color.blue),0.12); color: $(body.text.color); display: block; font-family: $(body.text.font.family); font-size: 16px; line-height: 24px; margin: auto; padding-bottom: 7px; outline: none; text-align: center; width: 100%; } .dialog input[type=text]::-webkit-input-placeholder, .dialog input[type=email]::-webkit-input-placeholder { color: $(body.text.color); } .dialog input[type=text]::-moz-placeholder, .dialog input[type=email]::-moz-placeholder { color: $(body.text.color); } .dialog input[type=text]:-ms-input-placeholder, .dialog input[type=email]:-ms-input-placeholder { color: $(body.text.color); } .dialog input[type=text]::placeholder, .dialog input[type=email]::placeholder { color: $(body.text.color); } .dialog input[type=text]:focus, .dialog input[type=email]: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: none; } .dialog input.no-cursor:focus { outline: none; } .dialog input[type=submit] { font-family: $(body.text.font.family); } .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 { background: transparent; border: 0; box-shadow: none; color: $(body.link.color); cursor: pointer; font-size: 14px; font-weight: bold; outline: none; text-decoration: none; text-transform: uppercase; width: auto; 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: bold; 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-overlay, body#layout .bg-photo { 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); } .share-buttons .svg-icon-24, .centered-bottom .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: $(0px - body.background.blur); position: absolute; top: $(0px - body.background.blur); width: calc(100% + 2 * $(body.background.blur)); } .bg-photo-overlay { background: rgba(0, 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: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 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: 0.5s; transition-delay: 0.5s; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0.4, 0, 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; } .sticky .search, .item-view .search { $endSide: 0; float: none; margin-left: 0; position: absolute; } .sticky .search.focused, .item-view .search.focused { width: calc(100% - 50px); } .sticky .search.focused form, .item-view .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::placeholder { color: $(search.placeholder.color); opacity: .3; } .search-action { background: transparent; border: 0; color: $(blog.title.color); cursor: pointer; display: none; height: 48px; margin-top: 0; } .sticky .search-action { color: $(posts.text.color); } .search.focused .search-action { display: block; } .search.focused .search-action:disabled { opacity: .3; } .page_body { position: relative; z-index: 20; } .page_body .widget { margin-bottom: 16px; } .page_body .centered { box-sizing: border-box; display: -webkit-box; display: -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; } .sticky .blog-name, .item-view .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, 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; } .sticky .search-focused .blog-name, .item-view .search-focused .blog-name { opacity: 0; } .centered-bottom, .centered-top-container, .centered-top-placeholder { padding: 0 16px; } .centered-top { position: relative; } .sticky .centered-top.search-focused .subscribe-section-container, .item-view .centered-top.search-focused .subscribe-section-container { opacity: 0; } .page_body.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:visited, .Header h1 a:hover { 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:visited, .sticky .Header h1 a:hover { 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); } .Blog .blog-posts .post-outer-container, #page_body .FeaturedPost { 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-top, .post-share-buttons-bottom { float: $(endSide); } .post-share-buttons-bottom { margin-$endSide: 24px; } .post-header, .post-footer { 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:visited, .post-title a:hover { 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),0.12); } .flat-button.ripple .splash { background-color: rgba($(body.link.color.red),$(body.link.color.green),$(body.link.color.blue),0.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 h3.title, #comments .comment-form h4 { 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, 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-query, .post-filter-message .search-label { font-weight: bold; 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; } .tabs li a, .tabs .overflow-button 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: normal; } .byline.post-labels a, .Label li, .Label span.label-size { background-color: $(labels.background.color); border: 1px solid $(labels.background.color); border-radius: 15px; display: inline-block; margin: 4px 4px 4px 0; padding: 3px 8px; } .byline.post-labels a, .Label a { color: $(labels.text.color); } .Label ul { list-style: none; padding: 0; } .PopularPosts { background-color: $(popularposts.background.color); padding: 30px 40px; } .PopularPosts .item-content { color: $(popularposts.text.color); margin-top: 24px; } .PopularPosts a, .PopularPosts a:visited, .PopularPosts a:hover { color: $(popularposts.link.color); } .PopularPosts .post-title, .PopularPosts .post-title a, .PopularPosts .post-title a:visited, .PopularPosts .post-title a:hover { color: $(popularposts.title.color); font-size: 18px; font-weight: bold; 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; } .vertical-ad-placeholder, .inline-ad-placeholder { background: $(posts.background.color); border: 1px solid #000; opacity: .9; vertical-align: middle; text-align: center; } .vertical-ad-placeholder span, .inline-ad-placeholder span { margin-top: 290px; display: block; text-transform: uppercase; font-weight: bold; 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, 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 { background: transparent; border: 0; box-shadow: none; color: $(body.link.color); cursor: pointer; font-size: 14px; font-weight: bold; outline: none; text-decoration: none; text-transform: uppercase; width: auto; color: $(profile.link.color); font-size: .9em; margin-bottom: 1em; opacity: .87; overflow: hidden; } .widget.Profile .profile-link.visit-profile { background: transparent; border: 0; box-shadow: none; color: $(body.link.color); cursor: pointer; font-size: 14px; font-weight: bold; outline: none; text-decoration: none; text-transform: uppercase; width: auto; border-style: solid; border-width: 1px; border-radius: 12px; cursor: pointer; font-size: 12px; font-weight: normal; 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; -ms-grid-row-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 .widget.Header, body.item-view #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-input, .search-action { 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.vertical-ads .vertical-ad-container, .page_body.vertical-ads .vertical-ad-container ins { display: none; } .page_body.vertical-ads .centered .centered-top, .page_body.vertical-ads .centered .centered-bottom { 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

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.

true

ALL_TIME

Default the title to 'Popular posts from this blog'.

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

bmw m3, vw gti, porsche carrera

order:rating

logan paul vlogs,casey neistat

false

BLACK_TRANSPARENT

ALL_TIME

true

false

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

Change link to 'visit profile'

FLAT

yyyy

true

MMMM yyyy

MMM dd

MM/dd

false

true

MONTHLY

ALPHA

LIST

ALL

false

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

true

LAST_YEAR

Default the title to 'Popular posts from this blog'.

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

true

ALL_TIME

Default the title to 'Popular posts from this blog'.

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

bmw m3, vw gti, porsche carrera

order:rating

logan paul vlogs,casey neistat

false

BLACK_TRANSPARENT

ALL_TIME

true

false

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

Change link to 'visit profile'

FLAT

yyyy

true

MMMM yyyy

MMM dd

MM/dd

false

true

MONTHLY

ALPHA

LIST

ALL

false

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

true

LAST_YEAR

Default the title to 'Popular posts from this blog'.

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

true

ALL_TIME

Default the title to 'Popular posts from this blog'.

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

bmw m3, vw gti, porsche carrera

order:rating

logan paul vlogs,casey neistat

false

BLACK_TRANSPARENT

ALL_TIME

true

false

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

Change link to 'visit profile'

FLAT

yyyy

true

MMMM yyyy

MMM dd

MM/dd

false

true

MONTHLY

ALPHA

LIST

ALL

false

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

true

LAST_YEAR

Default the title to 'Popular posts from this blog'.

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

true

ALL_TIME

Default the title to 'Popular posts from this blog'.

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

bmw m3, vw gti, porsche carrera

order:rating

logan paul vlogs,casey neistat

false

BLACK_TRANSPARENT

ALL_TIME

true

false

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

Change link to 'visit profile'

FLAT

yyyy

true

MMMM yyyy

MMM dd

MM/dd

false

true

MONTHLY

ALPHA

LIST

ALL

false

Search This Blog

It's Everyday Bro

Comments

Post a Comment

Popular posts from this blog

Update 2018: Top 3 Universities in the World

Update 2017: Top 5 Computer Science Schools in the World

5 awesome gadgets under $10 on amazon

UPDATE 2017: Top 5 Business Schools in the world

Top 3 Companies With Most Online sales in the World (e-commerce)