Professional Documents
Culture Documents
>
<!DOCTYPE html>
<head>
<title><data:view.title.escaped/></title>
<group description="Body">
</Group>
</Group>
</Group>
</Group>
</Group>
<group description="Blockquotes">
</Group>
<group description="Pictures">
</Group>
</Group>
</Group>
</Group>
*/
.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;
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;
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;
.main-heading {
position: absolute;
clip: rect(1px,1px,1px,1px);
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
.loading-spinner-large {
height: 48px;
overflow: hidden;
position: absolute;
width: 48px;
z-index: 200;
.loading-spinner-large>div {
.loading-spinner-large>div>div {
background-size: 100%;
height: 48px;
width: 3888px;
.mspin-black-large>div>div, .mspin-grey_54-large>div>div {
background-image: url(https://www.blogblog.com/indie/mspin_black_large.svg);
.mspin-white-large>div>div {
background-image: url(https://www.blogblog.com/indie/mspin_white_large.svg);
.mspin-grey_54-large {
opacity: .54;
@-webkit-keyframes mspin-singlecolor-large-film {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
to {
-webkit-transform: translateX(-3888px);
transform: translateX(-3888px);
@keyframes mspin-singlecolor-large-film {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
to {
-webkit-transform: translateX(-3888px);
transform: translateX(-3888px);
@-webkit-keyframes mspin-rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
@keyframes mspin-rotate {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
@-webkit-keyframes mspin-revrot {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
to {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
@keyframes mspin-revrot {
0% {
-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;
.widget.Attribution {
margin-top: 1em;
text-align: center;
vertical-align: bottom;
margin-$endSide: .5em;
}
.widget.Attribution div {
line-height: 24px;
margin-top: .5em;
font-size: .7em;
margin-top: 1.5em;
.item-control {
display: none;
.BLOG_mobile_video_class {
display: none;
.bg-photo {
body .CSS_LIGHTBOX {
z-index: 900;
border-color: $(body.link.color);
color: $(body.link.color);
margin-top: 8px;
}
display: none;
.inline-ad {
display: none;
max-width: 100%;
overflow: hidden;
.adsbygoogle {
display: block;
#cookieChoiceInfo {
bottom: 0;
top: auto;
iframe.b-hbp-video {
border: none;
.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;
.paging-control-container {
margin-bottom: 16px;
.paging-control-container .paging-control {
display: inline-block;
color: $(body.link.color);
margin-$endSide: 8px;
content: "\b7";
cursor: default;
pointer-events: none;
}
content: none;
padding-$startSide: 8px;
.byline.reactions iframe {
height: 20px;
.b-notification {
color: #000;
background-color: white;
box-sizing: border-box;
text-align: center;
.b-notification.visible {
.b-notification.invisible {
position: absolute;
}
.b-notification-close {
position: absolute;
right: 8px;
top: 8px;
.no-posts-message {
line-height: 40px;
text-align: center;
.z {
display: block;
height: auto;
margin: 0 auto;
margin: 0 auto 0 0;
}
margin: 0 0 0 auto;
.post-body a[imageanchor] {
display: block;
margin-left: 0 !important;
margin-right: 0 !important;
margin-top: 16px;
.z {
left: 0; } } .z { left: 0;
#comments {
margin-top: 20px;
padding: 20px;
#comments .comment-thread ol {
margin: 0;
padding-left: 0;
}
#comments .comment-thread ol {
padding-$startSide: 0;
margin-left: 60px;
display: none;
#comments .comment {
list-style-type: none;
padding: 0 0 30px;
position: relative;
padding-bottom: 8px;
.comment .avatar-image-container {
position: absolute;
border-radius: 50%;
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;
padding-bottom: 20px;
color: $(posts.title.color);
font-style: normal;
font-weight: bold;
background: transparent;
border: none;
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;
margin-right: 8px;
bottom: 0;
color: rgba(0,0,0,0.54);
display: inline-block;
font-size: 13px;
font-style: italic;
margin-$startSide: 8px;
color: rgba(0,0,0,0.54);
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;
max-height: 0;
opacity: 0;
overflow: hidden;
.extendable .remaining-items {
height: 0;
overflow: hidden;
.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;
html[dir=rtl] .rtl-reversible-icon {
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
svg:not(:root).touch-icon {
overflow: visible;
.touch-icon:focus, .touch-icon:active {
background-color: rgba(153,153,153,.4);
border-radius: 50%;
.touch-icon-button, .svg-icon-24-button {
background: transparent;
border: none;
margin: 0;
outline: none;
padding: 0;
background-color: transparent;
border-radius: 50%;
border-radius: 50%;
box-sizing: border-box;
fill: $(sidebar.icons.color);
margin: 0;
height: 90px;
width: 90px;
height: 40px;
width: 40px;
padding: 25px;
padding: 8px;
.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;
.centered-top-container.sticky {
left: 0;
position: fixed;
right: 0;
top: 0;
width: auto;
z-index: 8;
-webkit-transition-duration: .2s;
transition-duration: .2s;
-webkit-transition-timing-function: cubic-bezier(0.4,0.0,0.2,1);
transition-timing-function: cubic-bezier(0.4,0.0,0.2,1);
.centered-top-placeholder {
display: none;
.collapsed-header .centered-top-placeholder {
display: block;
display: none;
display: block;
background: none;
}
.centered-top-container.sticky .Header .header-image-wrapper {
display: none;
max-width: 100%;
.collapsible {
.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;
display: block;
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: none;
margin: 0;
outline: none;
padding: 0;
margin: -12px;
padding: 12px;
cursor: pointer;
box-sizing: content-box;
display: inline-block;
line-height: 0;
border-radius: 50%;
.flat-icon-button .splash.animate {
-webkit-animation-duration: .3s;
animation-duration: .3s;
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%;
display: none;
.overflowable-container {
overflow: hidden;
position: relative;
}
.overflow-button {
cursor: pointer;
#overflowable-dim-overlay {
background: transparent;
.overflow-popup {
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14) , 0 3px 1px -2px rgba(0,0,0,.2) , 0 1px 5px 0
rgba(0,0,0,.12);
background-color: $(tabs.background.color);
left: 0;
position: absolute;
top: 0;
visibility: hidden;
z-index: 101;
.overflow-popup ul {
list-style: none;
display: block;
height: auto;
.overflow-popup .tabs li {
padding-left: 0;
padding-right: 0;
display: none;
.widget.Sharing .sharing-button {
display: none;
.widget.Sharing .sharing-buttons li {
padding: 0;
display: none;
.post-share-buttons {
position: relative;
fill: $(sharing.icons.color);
background-color: transparent;
.share-buttons {
background-color: $(sharing.background.color);
border-radius: 2px;
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14) , 0 3px 1px -2px rgba(0,0,0,.2) , 0 1px 5px 0
rgba(0,0,0,.12);
color: $(sharing.text.color);
list-style: none;
margin: 0;
padding: 8px 0;
position: absolute;
top: -11px;
min-width: 200px;
z-index: 101;
.share-buttons.hidden {
display: none;
.sharing-button {
background: transparent;
border: none;
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%;
background-color: rgba(128,128,128,0.1);
outline: none;
position: absolute;
top: 10px;
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: #f7f7f7;
max-width: 280px;
overflow-y: auto;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: cubic-bezier(0.0,0.0,0.2,1);
transition-timing-function: cubic-bezier(0.0,0.0,0.2,1);
width: 280px;
z-index: 101;
-webkit-overflow-scrolling: touch;
}
.sidebar-container .navigation {
line-height: 0;
padding: 20px;
.sidebar-container .widget {
background: none;
margin: 0 16px;
padding: 1em 0;
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 ul li {
font-size: 16px;
line-height: normal;
}
.BlogArchive li {
margin: 16px 0;
.BlogArchive li:last-child {
margin-bottom: 0;
content: '(';
content: ')';
float: $endSide;
margin-$startSide: .25em;
.Label li a {
display: inline-block;
.widget.Translate .skiptranslate>div {
.widget.Profile .profile-link {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin-$endSide: 1em;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-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;
.sidebar-container .sidebar-back {
cursor: pointer;
.sidebar-container .widget+.widget {
.dim-overlay {
background-color: rgba(0,0,0,0.54);
z-index: 100;
body.sidebar-visible {
overflow-y: hidden;
.z {
.sidebar-container {
bottom: 0;
position: fixed;
top: 0;
.sidebar-container {
left: auto;
right: 0;
.sidebar-container.sidebar-invisible {
-webkit-transition-timing-function: cubic-bezier(0.4,0.0,0.6,1);
transition-timing-function: cubic-bezier(0.4,0.0,0.6,1);
.sidebar-container.sidebar-invisible {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
.z {
left: 0; } } .z { left: 0;
.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;
padding: 30px;
position: fixed;
text-align: center;
z-index: 101;
background-color: transparent;
border-left: none;
border-right: none;
border-top: none;
color: $(posts.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%;
color: rgba($(posts.text.color.red),$(posts.text.color.green),$(posts.text.color.blue),0.5);
}
color: rgba($(posts.text.color.red),$(posts.text.color.green),$(posts.text.color.blue),0.5);
color: rgba($(posts.text.color.red),$(posts.text.color.green),$(posts.text.color.blue),0.5);
color: rgba($(posts.text.color.red),$(posts.text.color.green),$(posts.text.color.blue),0.5);
padding-bottom: 6px;
.dialog input[type=submit] {
font-family: $(body.text.font.family);
.dialog input.no-cursor {
color: transparent;
text-shadow: 0 0 0 $(body.text.color);
.dialog input.no-cursor:focus {
outline: none;
.subscribe-popup {
max-width: 364px;
.subscribe-popup h3 {
color: $(posts.title.color);
font-size: 1.8em;
margin-top: 0;
.subscribe-popup div.widget.FollowByEmail h3 {
display: none;
background: transparent;
border: none;
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: $(posts.link.color);
display: inline-block;
margin: 0 auto;
margin-top: 24px;
width: auto;
white-space: normal;
cursor: default;
opacity: .3;
@media (max-width:800px) {
.blog-name div.widget.Subscribe {
margin-bottom: 16px;
width: 100%;
.sidebar-container .svg-icon-24 {
fill: $(sidebar.icons.color);
.centered-top .svg-icon-24 {
fill: $(header.icons.color);
fill: $(body.link.color);
}
fill: $(posts.icons.color);
fill: $(sharing.icons.color);
.hamburger-menu.svg-icon-24 {
fill: $(body.link.color);
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 {
background-color: $(body.background.color);
color: $(body.text.color);
font: $(body.text.font);
margin: 0;
min-height: 100vh;
h3 {
color: $(body.text.color);
h3.title {
color: $(body.text.color);
color: $(posts.title.color);
a{
color: $(body.link.color);
font-style: normal;
text-decoration: none;
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;
font-style: italic;
font-weight: 300;
text-align: center;
.dim-overlay {
z-index: 100;
.bg-photo-container, .bg-photo {
height: 464px;
width: 100%;
.bg-photo-container {
overflow: hidden;
.bg-photo {
background: $(body.background);
background-position: center;
background-size: cover;
z-index: -1;
.centered {
margin: 0 auto;
position: relative;
.centered .main {
padding-bottom: 1em;
width: 100%;
.page {
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;
min-height: 100vh;
padding-bottom: 1em;
.page>* {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.page>#footer {
margin-top: auto;
.centered-bottom:after {
clear: both;
content: "";
display: table;
float: left;
float: right;
max-width: 890px;
margin-$endSide: 15px;
width: 100%;
body.item-view .centered {
width: 100%;
body.item-view .centered-bottom {
max-width: 1185px;
width: 100%;
max-width: 1328px;
width: 100%;
.widget .title {
color: $(body.button.color);
font: $(body.button.font);
cursor: pointer;
text-transform: uppercase;
margin: 0 -16px;
padding: 16px;
.sidebar-container .widget.Profile {
padding: 16px;
.widget.Profile {
font: $(body.text.font);
}
.widget.Profile h2 {
display: none;
.widget.Profile .title {
.widget.Profile .profile-img {
border-radius: 50%;
.widget.Profile .individual {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
margin-$startSide: 16px;
.widget.Profile .profile-datablock {
margin-top: 0;
margin-bottom: .75em;
}
.widget.Profile .profile-link {
font-family: inherit;
overflow: hidden;
max-width: 100%;
margin: 0 -10px;
padding: 0 10px;
display: block;
font: $(widget.title.font);
color: $(widget.title.color);
margin-bottom: .75em;
line-height: 1.25;
.widget.Profile .individual>a:first-child {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.widget.Profile .profile-textblock {
display: none;
.widget.Profile dd {
margin: 0;
.widget.Profile ul {
list-style: none;
padding: 0;
.widget.Profile ul li {
margin: 0;
padding: 0;
max-width: 100%;
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
left: 56px;
right: 56px;
.post-wrapper a, #comments a {
color: $(posts.link.color);
border: none;
div.widget.Blog .post-outer {
padding-bottom: 0;
.post .thumb {
float: left;
height: 20%;
width: 20%;
.no-posts-message {
margin: 10px 0;
}
.blog-pager {
text-align: center;
.post-title {
margin: 0;
.post-title, .post-title a {
font: $(posts.title.font);
.post-body {
color: $(posts.text.color);
display: block;
font: $(posts.text.font);
line-height: $(posts.text.lineHeight);
margin: 0;
.post-snippet {
color: $(posts.text.color);
font: $(posts.snippet.text.font);
line-height: $(posts.snippet.text.lineHeight);
margin: 8px 0;
.post-snippet .snippet-fade {
background: -webkit-linear-gradient($startSide,$(posts.background.color) 0%,$
(posts.background.color) 20%,$(posts.background.color.transparent) 100%);
color: $(posts.text.color);
bottom: 0;
position: absolute;
.post-body img {
height: inherit;
max-width: 100%;
color: $(posts.byline.color);
font: $(posts.byline.font);
.byline.post-author {
text-transform: lowercase;
.byline.post-author a {
text-transform: none;
margin-$endSide: 0;
.post-share-buttons .share-buttons {
background: $(sharing.background.color);
color: $(sharing.text.color);
font: $(sharing.text.font);
.tr-caption {
color: $(picture.caption.text.color);
font: $(picture.caption.font);
font-size: 1.1em;
font-style: italic;
.post-filter-message {
background-color: $(postFilter.background.color);
box-sizing: border-box;
color: $(postFilter.message.color);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font: $(postFilter.message.font);
margin-bottom: 16px;
margin-top: 32px;
.post-filter-message a {
color: $(body.button.color);
font: $(body.button.font);
cursor: pointer;
text-transform: uppercase;
color: $(postFilter.message.link.color);
padding-$startSide: 30px;
white-space: nowrap;
.post-filter-message>div:first-child {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
font-style: italic;
content: open-quote;
content: close-quote;
#blog-pager {
margin-top: 2em;
margin-bottom: 1em;
#blog-pager a {
color: $(body.button.color);
font: $(body.button.font);
cursor: pointer;
text-transform: uppercase;
.Label {
overflow-x: hidden;
.Label ul {
list-style: none;
padding: 0;
.Label .first-ten {
margin-top: 16px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: $(body.button.color);
font: $(body.button.font);
cursor: pointer;
text-transform: uppercase;
border-radius: 2px;
display: inline-block;
position: relative;
bottom: 0;
left: 0;
right: 0;
opacity: .1;
position: absolute;
top: 0;
background-color: $(sidebar.link.color);
background-color: $(posts.link.color);
line-height: 1.5;
vertical-align: middle;
color: $(sidebar.link.color);
.byline.post-labels a {
color: $(posts.link.color);
.Label .show-all {
border-color: $(body.link.color);
color: $(body.link.color);
cursor: pointer;
display: inline-block;
font-style: normal;
margin-top: 8px;
text-transform: uppercase;
.Label .show-all.hidden {
display: inline-block;
max-width: 100%;
}
.sidebar-container .FeaturedPost .post-title a {
color: $(sidebar.link.color);
font: $(sidebar.posts.title.font);
body.item-view .PopularPosts {
display: inline-block;
overflow-y: auto;
vertical-align: top;
width: 280px;
.PopularPosts h3.title {
font: $(widget.title.font);
.PopularPosts .post-title {
margin: 0 0 16px;
.PopularPosts .post-title a {
color: $(sidebar.link.color);
font: $(sidebar.posts.title.font);
.PopularPosts .item-thumbnail {
clear: both;
height: 152px;
overflow-y: hidden;
width: 100%;
padding: 0;
width: 100%;
.PopularPosts .popular-posts-snippet {
color: $(sidebar.posts.text.color);
font: $(sidebar.posts.text.font);
overflow: hidden;
color: $(sidebar.posts.text.color);
.PopularPosts .post {
margin: 30px 0;
position: relative;
.PopularPosts .post+.post {
padding-top: 1em;
.popular-posts-snippet .snippet-fade {
position: absolute;
width: 96px;
right: 0;
left: 0;
.Attribution {
color: $(attribution.text.color);
color: $(attribution.link.color);
.Attribution svg {
fill: $(attribution.icon.color);
.inline-ad {
margin-bottom: 16px;
}
body.item-view .inline-ad {
display: block;
.vertical-ad-container {
float: $startSide;
margin-$endSide: 15px;
min-height: 1px;
width: 128px;
body.item-view .vertical-ad-container {
margin-top: 30px;
.vertical-ad-placeholder, .inline-ad-placeholder {
background: $(posts.background.color);
opacity: .9;
vertical-align: middle;
text-align: center;
.vertical-ad-placeholder {
height: 600px;
.inline-ad-placeholder {
height: 90px;
}
.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 span {
margin-top: 290px;
padding: 0 40px;
.inline-ad-placeholder span {
margin-top: 35px;
.z {
.bg-photo-container, .bg-photo {
width: auto;
height: 296px;
.z {
left: 0; } } .z { left: 0;
.centered-top {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 auto;
max-width: 1483px;
.page_body.vertical-ads .centered-top {
max-width: 1626px;
margin-$startSide: 16px;
.centered-top .return_link {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
.centered-top .blog-name {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0;
-ms-flex: 1 1 0px;
flex: 1 1 0;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
.centered-top .search {
-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 .hamburger-section {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
.centered-top .subscribe-section-container {
-webkit-box-flex: 1;
-webkit-flex: 1 0 100%;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
.centered-top .top-nav {
-webkit-box-flex: 1;
-webkit-flex: 1 0 100%;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
margin-top: 32px;
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
.centered-top-container.sticky .centered-top {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
box-sizing: border-box;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
.centered-top-container.sticky .blog-name {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
max-width: none;
min-width: 0;
.centered-top-container.sticky .subscribe-section-container {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
.centered-top-container.sticky .search {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
.centered-top-container.sticky .hamburger-section {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
}
.centered-top-container.sticky .top-nav {
display: none;
background-color: $(header.background.color);
.centered-top-container.sticky .centered-top {
padding: 0 16px;
.centered-top-container.sticky .subscribe-section-container {
margin: 0 16px;
.centered-top {
padding-top: 40px;
.hamburger-section {
display: none;
.search {
position: relative;
width: 250px;
.search h3 {
display: none;
}
height: 48px;
.search .section {
box-sizing: border-box;
$endSide: 0;
overflow-x: hidden;
position: absolute;
top: 0;
width: 250px;
z-index: 8;
.search form {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-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-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
height: 48px;
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
box-sizing: border-box;
height: 48px;
width: 100%;
.search .search-expand {
background: transparent;
border: none;
margin: 0;
outline: none;
padding: 0;
display: none;
margin-$startSide: auto;
fill: $(search.icon.color);
.search .search-expand-text {
display: none;
.search .section {
background-color: $(search.background.color);
line-height: 24px;
-webkit-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-property: background-color , width;
-webkit-transition-timing-function: cubic-bezier(0.4,0.0,0.2,1);
transition-timing-function: cubic-bezier(0.4,0.0,0.2,1);
.search.focused .section {
background-color: $(search.background.color);
display: none;
margin: 0;
background: none;
border: none;
color: $(search.text.color);
font: $(search.font);
outline: none;
padding: 0 8px;
color: $(search.placeholder.color);
font: $(search.placeholder.font);
color: $(search.placeholder.color);
font: $(search.placeholder.font);
color: $(search.placeholder.color);
font: $(search.placeholder.font);
color: $(search.placeholder.color);
font: $(search.placeholder.font);
.search .dim-overlay {
background-color: transparent;
.centered-top .Header h1 {
box-sizing: border-box;
color: $(blog.title.color);
font: $(blog.title.font);
margin: 0;
padding: 0;
font-size: inherit;
.sticky .widget.Header h1 {
color: $(blog.collapsed.title.color);
font-size: 32px;
margin: 16px 0;
padding: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
.widget.Header p {
color: $(blog.description.color);
font: $(blog.description.font);
line-height: 1.7;
margin: 16px 0;
padding: 0;
.sticky .widget.Header p {
display: none;
.centered-top .subscribe-section-container {
border-left: none;
margin: 0;
}
.centered-top .subscribe-button {
background: transparent;
border: none;
margin: 0;
outline: none;
padding: 0;
color: $(body.button.color);
cursor: pointer;
display: inline-block;
font: $(tabs.text.font);
margin: 0 auto;
padding: 16px;
text-transform: uppercase;
white-space: nowrap;
.top-nav .PageList h3 {
margin-$startSide: 16px;
.top-nav .PageList ul {
list-style: none;
margin: 0;
padding: 0;
.top-nav .overflowable-contents li {
float: $startSide;
max-width: 100%;
.top-nav .PageList ul li a {
display: block;
overflow: hidden;
padding: 0 22px;
text-overflow: ellipsis;
vertical-align: middle;
padding-left: 16px;
padding-right: 16px;
opacity: 0;
.top-nav .overflow-button {
-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-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding: 0 16px;
position: relative;
width: 24px;
.top-nav .overflow-button.hidden {
display: none;
margin-top: 0;
.top-nav .PageList ul li {
color: $(body.button.color);
font: $(body.button.font);
cursor: pointer;
text-transform: uppercase;
font: $(tabs.text.font);
.top-nav .PageList ul li a {
background-color: $(tabs.background.color);
color: $(tabs.text.color);
color: $(tabs.selected.color);
.z {
.search {
width: 24px;
.search .search-expand {
display: block;
position: relative;
z-index: 8;
.search .section {
width: 32px;
z-index: 7;
}
.search.focused .section {
width: 250px;
z-index: 8;
fill: transparent;
fill: $(header.icons.color);
fill: $(search.icon.color);
.search .section {
background-color: $(search.background.color.transparent);
opacity: 1;
opacity: 0;
}
body.search-view .centered-top.search-focused .blog-name .section, body.search-view
.centered-top.search-focused .subscribe-section-container {
display: none;
.z {
left: 0; } } .z { left: 0;
.z {
.top-nav .section.no-items#page_list_top {
display: none;
.centered-top {
padding-top: 16px;
.centered-top .hamburger-section {
-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;
height: 48px;
margin-$endSide: 24px;
.centered-top .header_container {
margin: 0 auto;
max-width: 600px;
.centered-top-container.sticky .centered-top {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
.centered-top-container.sticky .blog-name {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0;
-ms-flex: 1 1 0px;
flex: 1 1 0;
.centered-top-container.sticky .search {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin-bottom: 8px;
margin-top: 8px;
.centered-top-container.sticky .subscribe-section-container {
-webkit-box-flex: 1;
-webkit-flex: 1 0 100%;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
margin: 0;
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
margin-$startSide: 24px;
.centered-top-container.sticky .subscribe-section-container {
margin-top: -16px;
border: none;
.centered-top-container.sticky .subscribe-button {
margin-bottom: 0;
.widget.Header h1 {
font: $(blog.collapsed.title.font);
padding: 0;
.sticky .widget.Header h1 {
font-size: 16px;
margin: 0;
.top-nav .PageList {
max-width: 100%;
overflow-x: auto;
.z {
left: 0; } } .z { left: 0;
body.sidebar-visible .page {
overflow-y: scroll;
.sidebar-container {
background-color: $(sidebar.background.color);
box-sizing: border-box;
min-height: 100%;
padding: 0;
-webkit-transition-property: all;
transition-property: all;
}
.sidebar-container a {
font: $(sidebar.link.font);
color: $(sidebar.link.color);
.sidebar-container .navigation {
display: none;
.sidebar-container .widget {
margin: auto 0;
padding: 24px;
font: $(widget.title.font);
.sidebar-container .ReportAbuse {
body.item-view .sidebar-container {
box-sizing: border-box;
float: $startSide;
margin-top: 15px;
padding: 0;
background: none;
padding: 15px 0;
.z {
.sidebar-container {
max-width: none;
width: 100%;
.sidebar-container .navigation {
display: block;
padding: 24px;
.sidebar-container .sidebar-back {
float: $endSide;
.sidebar-container .navigation+.sidebar.section {
clear: both;
.sidebar-container .widget {
padding-$startSide: 32px;
}
.sidebar-container .widget.Profile {
padding-$startSide: 24px;
.z {
left: 0; } } .z { left: 0;
body.feed-view .centered {
max-width: 1483px;
width: 1203px;
max-width: 1626px;
width: 1626px;
max-width: 1188px;
body.feed-view .hero.post-wrapper {
background-position: center;
background-size: cover;
position: relative;
width: 1188px;
}
body.feed-view .post-wrapper .post, body.feed-view .post-wrapper .post .snippet-thumbnail {
background-color: $(posts.background.color);
.post-wrapper {
background-color: $(posts.background.color);
position: relative;
body.feed-view .post-wrapper {
border-radius: $(posts.border.radius);
overflow: hidden;
width: 385px;
body.feed-view .post-wrapper:hover {
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);
background-color: $(posts.background.color.inverse);
}
body.feed-view .post-wrapper.has-labels:hover .snippet-thumbnail {
opacity: .7;
float: left;
float: right;
.post-wrapper.hero .post-title a {
line-height: $(posts.title.font.size);
.post-wrapper.not-hero .post-title a {
line-height: $(posts.title.font.size);
display: block;
margin: -296px -16px;
position: relative;
text-overflow: ellipsis;
z-index: 2;
position: relative;
z-index: 3;
position: relative;
top: -90px;
.byline {
line-height: $(posts.byline.font.size);
.hero .byline {
padding: 5px 0;
}
float: right;
float: left;
.header-buttons-byline {
margin-top: 16px;
height: 24px;
.header-buttons-byline .byline {
height: 24px;
display: block;
float: left;
margin-left: 16px;
.post .num_comments {
display: inline-block;
font: $(posts.title.font);
float: right;
margin-top: 15px;
height: 184px;
overflow-y: hidden;
display: block;
background-position: center;
background-size: cover;
width: 100%;
height: 272px;
overflow-y: hidden;
.z {
color: transparent;
height: $(posts.title.font.size);
width: 96px;
height: $(posts.title.font.size);
max-height: $(posts.title.font.size);
height: $(posts.title.font.size);
body.feed-view .post-header-left-buttons {
position: relative;
opacity: 1;
}
position: relative;
top: -150px;
text-align: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
body.feed-view .labels-outer-container {
margin: 0 -4px;
opacity: 0;
position: absolute;
top: 20px;
opacity: 1;
}
body.feed-view .labels-container {
overflow: hidden;
display: inline-block;
float: $endSide;
body.feed-view .labels-items {
padding: 0 4px;
body.feed-view .labels-container a {
display: inline-block;
overflow-x: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: top;
body.feed-view .labels-more {
padding: 0;
}
html[dir=ltr] body.feed-view .labels-more {
margin-left: 8px;
margin-right: 8px;
body.feed-view .byline.post-labels {
margin: 0;
background-color: $(posts.background.color);
color: $(posts.link.color);
opacity: .9;
body.feed-view .labels-more a {
border-radius: 50%;
display: inline-block;
font: $(labels.font);
padding: 0;
text-align: center;
.z {
left: 0; } } .z { left: 0;
.z {
body.feed-view .hero.post-wrapper {
width: 787px;
body.feed-view .centered {
width: 1082px;
width: 802px;
max-width: 787px;
.blog-pager {
width: 802px;
.z {
left: 0; } } .z { left: 0;
}
.z {
width: 787px;
width: 1225px;
width: auto;
width: 802px;
.z {
left: 0; } } .z { left: 0;
.z {
float: none;
float: none;
padding-right: 0;
width: 681px;
width: auto;
width: 401px;
body.feed-view .post-filter-message {
max-width: 100%;
.top-nav, .post-filter-message {
margin-top: 32px;
.widget.Header h1 {
font: $(blog.collapsed.title.font);
}
.blog-pager, .page_body.vertical-ads .blog-pager {
width: 385px;
.post-filter-message {
display: block;
.post-filter-message a {
display: block;
margin-top: 8px;
padding-left: 0;
height: auto;
body.feed-view .vertical-ad-container {
display: none;
display: block;
.z {
left: 0; } } .z { left: 0;
.z {
max-width: 600px;
width: auto;
max-width: 600px;
width: auto;
max-width: 600px;
width: 100%;
float: none;
width: auto;
width: 100%;
top: 50px;
width: 100%;
z-index: 6;
margin-left: 8px;
margin-right: 8px;
width: 100%;
body.feed-view .hero.post-wrapper {
background-color: $(posts.link.color);
border-radius: 0;
height: 416px;
bottom: 0;
box-sizing: border-box;
margin: 16px;
position: absolute;
padding-top: 120px;
top: 0;
position: absolute;
bottom: 16px;
.hero.post-wrapper h3 {
white-space: normal;
width: auto;
margin: 0 0 15px;
body.feed-view .post-labels {
display: none;
background-size: cover;
display: block;
height: 184px;
margin: 0;
max-height: 184px;
width: 100%;
height: 416px;
max-height: 416px;
body.feed-view .header-author-byline {
display: none;
display: block;
.z {
left: 0; } } .z { left: 0;
body.item-view .page_body {
padding-top: 70px;
body.item-view .bg-photo {
-webkit-filter: blur(12px);
filter: blur(12px);
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
margin-top: 0;
margin-top: -368px;
body.item-view .bg-photo-container+.centered-bottom {
margin-top: 0;
margin-left: auto;
margin-right: auto;
padding-right: 0;
padding-top: 0;
body.item-view .inline-ad {
margin-bottom: 0;
margin-top: 30px;
padding-bottom: 16px;
body.item-view .post-wrapper {
border-radius: $(posts.border.radius) $(posts.border.radius) 0 0;
float: none;
height: auto;
margin: 0;
padding: 32px;
width: auto;
body.item-view .post-outer {
padding: 8px;
body.item-view .comments {
color: $(posts.text.color);
body.item-view .post-title {
font: $(posts.title.font);
body.item-view .post-header {
display: block;
width: auto;
body.item-view .post-share-buttons {
display: block;
margin-bottom: 40px;
margin-top: 20px;
body.item-view .post-footer a {
color: $(body.button.color);
font: $(body.button.font);
cursor: pointer;
text-transform: uppercase;
color: $(posts.link.color);
body.item-view .post-footer {
display: block;
body.item-view .post-footer-line {
border: none;
#comments {
background: $(posts.background.color);
margin-top: 0;
padding: 32px;
position: absolute;
clip: rect(1px,1px,1px,1px);
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
#comments .comment-form {
position: absolute;
clip: rect(1px,1px,1px,1px);
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
#comment-holder .continue {
display: none;
.z {
body.item-view .centered {
width: 100%;
float: none;
margin: 0 auto;
margin: 0 2.5%;
position: relative;
top: 0;
width: 95%;
margin-top: 0;
body.item-view div.widget.Blog {
margin: auto;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-right: 0;
padding-top: 0;
width: 100%;
body.item-view .post-share-buttons {
margin-bottom: 32px;
body.item-view .sidebar-container {
float: none;
margin: 0;
max-height: none;
max-width: none;
padding: 0 15px;
position: static;
width: 100%;
max-width: 480px;
position: static;
width: 100%;
body.item-view .vertical-ad-container {
display: none;
}
display: block;
.z {
left: 0; } } .z { left: 0;
.z {
padding-top: 88px;
margin-top: -240px;
margin-top: 0;
body.item-view .post-outer {
background: $(posts.background.color);
padding: 16px;
}
body.item-view .comments {
margin: 0;
.z {
left: 0; } } .z { left: 0;
]]></b:skin>
<b:template-skin>
<![CDATA[
body#layout .hidden,
body#layout .invisible {
display: inherit;
body#layout .centered-bottom {
position: relative;
body#layout .section.featured-post,
body#layout .section.main,
body#layout .section.vertical-ad-container {
float: left;
width: 55%;
}
body#layout .sidebar-container {
display: inline-block;
width: 39%;
body#layout .centered-bottom:after {
clear: both;
content: "";
display: table;
body#layout .hamburger-menu,
body#layout .search {
display: none;
]]>
</b:template-skin>
<b:defaultmarkups>
<b:defaultmarkup type='Common'>
<b:includable id='standardPostImageStyle'>
<style>
.<data:thumbClassName/> {background-image:url(<b:eval
expr='resizeImage(data:post.featuredImage, 385, "385:184").cssEscaped'/>);}
</style>
</b:with>
</b:includable>
<b:includable id='feedPostImage'>
<div class='snippet-thumbnail-container'>
</div>
</b:includable>
<b:includable id='widgetNotAvailableInPreview'>
<div class='vertical-ad-placeholder'>
<span><b:message name='messages.adsGoHere'/></span>
</div>
<b:else/>
<b:include name='super.widgetNotAvailableInPreview'/>
</b:if>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='BlogSearch'>
<b:includable id='searchSubmit'>
<label class='search-submit-container'>
<input type='submit'/>
</label>
<b:else/>
<b:include name='super.searchSubmit'/>
</b:if>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='AdSense,Blog'>
<b:includable id='defaultAdUnit'>
<b:include name='super.defaultAdUnit'/>
</b:with>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='Blog,FeaturedPost,PopularPosts'>
<b:includable id='commentsLink'>
<b:include name='commentIcon'/>
<span class='num_comments'>
<data:post.numberOfComments/>
</span>
</a>
</b:includable>
<b:includable id='snippetedPostThumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.url'>
</a>
</div>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='Blog,FeaturedPost'>
</b:includable>
<b:includable id='headerByline'>
<b:include name='super.headerByline'/>
<b:else/>
</b:if>
</b:includable>
<b:includable id='footerBylines'>
<b:class name='container'/>
<b:include name='super.footerBylines'/>
<b:else/>
</b:if>
<b:include data='{ shareButtonClass: "post-share-buttons-bottom", overridden: true }'
name='maybeAddShareButtons'/>
</b:includable>
<div class='post-title-container'>
<a expr:name='data:post.id'/>
<div class='r-snippetized'>
<data:post.title/>
</div>
</b:if>
</div>
</a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</div>
</b:includable>
<b:includable id='postLabels'>
<b:if cond='data:view.isMultipleItems'>
<div class='labels-outer-container'>
<span class='overflowable-item'>
</span>
</b:loop>
</div>
</span>
</div>
</div>
<b:else/>
<b:include name='super.postLabels'/>
</b:if>
</b:includable>
<b:includable id='postWrapperClasses'>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='Blog'>
</b:with>
</b:includable>
</b:with>
</b:includable>
</b:with>
</b:includable>
<b:includable id='feedLinks'>
</b:includable>
<b:includable id='main'>
<b:include name='noContentPlaceholder'/>
<b:include name='super.main'/>
</b:includable>
<!-- Cap the total number of ads (widgets and inline ads). -->
</b:includable>
<b:includable id='postCommentsAndAd'>
</b:includable>
<b:include name='postWrapperClasses'/>
<!-- Standard feed thumbs always added, as they're needed for mobile view. -->
<b:include name='feedPostImage'/>
<div class='slide'>
</div>
</div>
</b:with>
</b:includable>
<b:includable id='postBodySnippet' var='post'>
<style>
.<data:className/> {background-image:url(<b:eval
expr='resizeImage(data:post.featuredImage, 385, "385:185").cssEscaped'/>);}
</style>
<div class='snippet-thumbnail-container'>
</div>
</b:with>
</b:if>
</div>
</b:includable>
<b:includable id='previousPageLink'>
</b:includable>
<b:includable id='homePageLink'>
</b:includable>
<b:includable id='nextPageLink'>
<data:messages.morePosts/>
</a>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='BlogArchive'>
<b:include name='super.main'/>
</b:with>
</b:with>
</details>
</b:includable>
<b:includable id='flat'>
<b:include data='{ buttonClass: "flat-button", items:
data:this.data, itemSet: "data", itemsMarkup: "super.flat"
}' name='extendableItems'/>
</b:includable>
<b:includable id='hierarchy'>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='Label'>
<b:include name='super.main'/>
</b:with>
</b:with>
</details>
</b:includable>
<b:includable id='list'>
</b:includable>
<b:includable id='cloud'>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='FeaturedPost'>
<b:includable id='snippetedPostContent'>
<b:include name='super.snippetedPostContent'/>
<b:else/>
<b:if cond='data:post.featuredImage'>
<style>
</style>
</b:if>
<b:include name='postWrapperClasses'/>
<b:include name='feedPostImage'/>
<div class='slide'>
<b:include name='headerByline'/>
<div class='post-footer'>
<b:include name='footerBylines'/>
</div>
</div>
</div>
</div>
</b:with>
</b:if>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='Header'>
<b:includable id='description'>
</b:includable>
<b:includable id='image'>
<b:include name='super.image'/>
<!-- If we are replacing the title, force it to render anyway, and it'll be hidden in CSS. -->
<b:includable id='title'>
<div>
<b:include name='super.title'/>
</div>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='PageList'>
<b:includable id='content'>
<div class='widget-content'>
</div>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='PopularPosts'>
<b:includable id='snippetedPostContent'>
<b:comment>Move the thumbnail outside of the body and above the title</b:comment>
</b:includable>
</b:with>
</div>
</b:includable>
<b:includable id='main'>
<b:include name='super.main'/>
</b:with>
</b:includable>
</b:defaultmarkup>
<b:defaultmarkup type='Profile'>
<b:includable id='main'>
<b:include name='content'/>
</b:includable>
<b:includable id='defaultProfileImage'>
<div class='default-avatar-wrapper'>
</div>
</b:includable>
<b:includable id='viewProfileLink'>
<b:includable id='teamProfile'>
<div class='extendable'>
</div>
</b:includable>
<b:includable id='teamProfileLink'>
<b:include name='profileImage'/>
<div class='profile-name-container'>
<span class='profile-name'><data:author.display-name/></span>
<data:messages.visitProfile/>
</div>
</a>
</b:includable>
</b:defaultmarkup>
</b:defaultmarkups>
</b:if>
<body>
<b:class name='version-1-0-0'/>
<b:include name='skipNavigation'/>
<div class='page'>
<div class='page_body'>
<b:if cond='data:view.isSingleItem'>
<b:if cond='data:widgets.Blog.first.posts.first.featuredImage'>
<div class='bg-photo-container'>
<div class='bg-photo'/>
</div>
</b:if>
</b:if>
<div class='centered'>
<div class='centered-top-placeholder'/>
</b:if>
<div class='centered-top'>
<b:if cond='data:view.isSingleItem'>
</a>
<b:else/>
<div class='hamburger-section'>
</div>
</b:if>
<div class='blog-name'>
<b:widget-settings>
<b:widget-setting name='displayUrl'/>
<b:widget-setting name='displayHeight'>0</b:widget-setting>
<b:widget-setting name='sectionWidth'>-1</b:widget-setting>
<b:widget-setting name='useImage'>false</b:widget-setting>
<b:widget-setting name='shrinkToFit'>false</b:widget-setting>
<b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
<b:widget-setting name='displayWidth'>0</b:widget-setting>
</b:widget-settings>
<div class='header-widget'>
</div>
</b:includable>
<b:includable id='behindImageStyle'>
<b:if cond='data:sourceUrl'>
<style type='text/css'>
.header-widget {
background-position: <data:backgroundPositionStyleStr/>;
background-repeat: no-repeat;
}
</style>
</b:if>
</b:includable>
<b:includable id='description'>
</b:includable>
<b:includable id='image'>
<b:include name='super.image'/>
<!-- If we are replacing the title, force it to render anyway, and it'll be hidden in CSS. -->
</b:includable>
<b:includable id='title'>
<div>
<b:include name='super.title'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='search'>
<data:messages.search/></div>
</button>
<b:includable id='main'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<b:include name='searchForm'/>
</div>
</b:includable>
<b:includable id='searchForm'>
<b:include name='urlParamsAsFormInput'/>
<div class='search-input'>
</div>
<b:include name='searchSubmit'/>
</form>
</b:includable>
<b:includable id='searchSubmit'>
<label class='search-submit-container'>
<input type='submit'/>
</label>
<b:else/>
<b:include name='super.searchSubmit'/>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>
</b:if>
<section class='subscribe-section-container'>
<div class='subscribe-popup-container'>
<div role='document'>
<b:eval expr='data:messages.subscribeToThisBlog'/></h3>
<b:includable id='main'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<div class='follow-by-email-inner'>
<form action='https://feedburner.google.com/fb/a/mailverify'
expr:onsubmit='"window.open(\"https://feedburner.google.com/fb/a/mailverify?uri=" +
data:feedPath + "\", \"popupwindow\", \"scrollbars=yes,width=550,height=520\"); return true"'
method='post' target='popupwindow'>
</form>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
</div>
</section>
</b:if>
<b:widget-settings>
<b:widget-setting name='homeTitle'>Home</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
</div>
</b:includable>
<b:includable id='overflowButton'>
<b:include name='verticalMoreIcon'/>
</b:includable>
<b:includable id='overflowablePageList'>
<div class='overflowable-container'>
<div class='overflowable-contents'>
<div class='container'>
<b:include name='pageList'/>
</b:with>
</b:with>
</div>
</div>
<b:include name='overflowButton'/>
</div>
</div>
</b:includable>
<b:includable id='pageLink'>
<li>
<a expr:href='data:link.href'><data:link.title/></a>
</li>
</b:includable>
<b:includable id='pageList'>
<ul>
<b:include name='pageLink'/>
</b:loop>
</ul>
</b:includable>
</b:widget>
</b:section>
</nav>
</b:if>
</div>
</header>
<div class='centered-bottom'>
<div class='post-filter-message'>
<div>
<b:if cond='data:view.isArchive'>
<data:view.archive.rangeMessage/>
<data:view.search.resultsMessageHtml/>
</b:if>
</div>
<div>
<a expr:href='data:blog.homepageUrl'><data:messages.viewAll/></a>
</div>
</div>
</b:if>
<b:if cond='data:view.isMultipleItems'>
<h2 class='main-heading'>
<data:messages.posts/></h2>
</b:if>
<b:widget-settings>
<b:widget-setting name='showSnippet'>false</b:widget-setting>
<b:widget-setting name='showPostTitle'>true</b:widget-setting>
<b:widget-setting name='showFirstImage'>true</b:widget-setting>
<b:widget-setting name='useMostRecentPost'>true</b:widget-setting>
</b:widget-settings>
<b:include name='widget-title'/>
<div class='widget-content'>
<b:include name='snippetedPosts'/>
</div>
</b:includable>
<b:includable id='commentsLink'>
<b:include name='commentIcon'/>
<span class='num_comments'>
<data:post.numberOfComments/>
</span>
</a>
</b:includable>
<b:includable id='footerBylines'>
<b:class name='container'/>
<b:include name='super.footerBylines'/>
<b:else/>
</b:if>
</b:includable>
<b:includable id='headerByline'>
<b:include name='super.headerByline'/>
<b:else/>
</b:includable>
<b:includable id='postLabels'>
<b:if cond='data:view.isMultipleItems'>
<div class='labels-outer-container'>
<span class='overflowable-item'>
</span>
</b:loop>
</div>
</span>
</div>
</div>
<b:else/>
<b:include name='super.postLabels'/>
</b:if>
</b:includable>
</b:includable>
<div class='post-title-container'>
<a expr:name='data:post.id'/>
<div class='r-snippetized'>
<data:post.title/>
</div>
</b:if>
</div>
</a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</div>
</b:includable>
<b:includable id='postWrapperClasses'>
</b:includable>
<b:includable id='snippetedPostContent'>
<b:include name='super.snippetedPostContent'/>
<b:else/>
<b:if cond='data:post.featuredImage'>
<style>
</style>
</b:if>
<b:include name='feedPostImage'/>
<div class='slide'>
<b:include name='headerByline'/>
<div class='post-footer'>
<b:include name='footerBylines'/>
</div>
</div>
</div>
</div>
</b:with>
</b:if>
</b:includable>
<b:includable id='snippetedPostThumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.url'>
</a>
</div>
</b:includable>
</b:widget>
</b:section>
<b:widget-settings>
<b:widget-setting name='showDateHeader'>false</b:widget-setting>
<b:widget-setting name='style.textcolor'>#263238</b:widget-setting>
<b:widget-setting name='showShareButtons'>true</b:widget-setting>
<b:widget-setting name='showCommentLink'>true</b:widget-setting>
<b:widget-setting name='style.urlcolor'>#424242</b:widget-setting>
<b:widget-setting name='showAuthor'>false</b:widget-setting>
<b:widget-setting name='style.linkcolor'>#607d8b</b:widget-setting>
<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
<b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='timestampLabel'/>
<b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
<b:widget-setting name='style.layout'>1x1</b:widget-setting>
<b:widget-setting name='showLabels'>true</b:widget-setting>
<b:widget-setting name='showLocation'>true</b:widget-setting>
<b:widget-setting name='postLabelsLabel'/>
<b:widget-setting name='showTimestamp'>true</b:widget-setting>
<b:widget-setting name='postsPerAd'>1</b:widget-setting>
<b:widget-setting name='showBacklinks'>false</b:widget-setting>
<b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showInlineAds'>false</b:widget-setting>
<b:widget-setting name='showReactions'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='noContentPlaceholder'/>
<b:include name='super.main'/>
</b:includable>
<b:includable id='aboutPostAuthor'>
<div class='author-name'>
<span>
<data:post.author.name/>
</span>
</a>
</div>
<div>
<span class='author-desc'>
<data:post.author.aboutMe/>
</span>
</div>
</b:includable>
<b:includable id='addComments'>
<b:message name='messages.postAComment'/>
</a>
</b:includable>
<b:includable id='commentAuthorAvatar'>
<div class='avatar-image-container'>
</div>
</b:includable>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
</div>
<b:else/>
<img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
</b:with>
</b:includable>
</b:with>
</b:includable>
<div class='comment-block'>
<div class='comment-author'>
<b:if cond='data:comment.authorUrl'>
<b:message name='messages.authorSaidWithLink'>
</b:message>
<b:else/>
<b:message name='messages.authorSaid'>
</b:message>
</b:if>
</div>
<data:comment.body/>
</div>
<div class='comment-footer'>
<span class='comment-timestamp'>
<data:comment.timestamp/>
</a>
</span>
</div>
</div>
</div>
</b:includable>
<div id='comments-block'>
</b:loop>
</div>
</b:includable>
<b:elseif cond='data:post.showThreadedComments'/>
<b:else/>
</b:if>
</b:includable>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<b:include name='commentsTitle'/>
</div>
<b:if cond='data:post.commentPagingRequired'>
<div class='paging-control-container'>
<b:if cond='data:post.hasOlderLinks'>
<data:messages.oldest/>
</a>
<data:messages.older/>
</a>
</b:if>
<span class='comment-range-text'>
<data:post.commentRangeText/>
</span>
<b:if cond='data:post.hasNewerLinks'>
<data:messages.newer/>
</a>
<data:messages.newest/>
</a>
</b:if>
</div>
</b:if>
<div class='footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
</b:if>
</b:if>
</div>
</b:if>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
</iframe>
</div>
</b:if>
</section>
</b:includable>
<b:includable id='commentsLink'>
<b:include name='commentIcon'/>
<span class='num_comments'>
<data:post.numberOfComments/>
</span>
</a>
</b:includable>
<b:includable id='commentsTitle'>
<h3 class='title'>
<data:messages.comments/></h3>
</b:includable>
<b:includable id='defaultAdUnit'>
</b:with>
</b:includable>
<b:includable id='feedLinks'>
</b:includable>
<div class='feed-links'>
<data:messages.subscribeTo/>
</b:loop>
</div>
</b:includable>
<b:includable id='footerBylines'>
<b:class name='container'/>
<b:include name='super.footerBylines'/>
<b:else/>
</b:if>
<b:includable id='headerByline'>
<b:include name='super.headerByline'/>
<b:else/>
</b:if>
</b:includable>
<b:includable id='homePageLink'>
</b:includable>
<b:if cond='data:post.allowIframeComments'>
<b:if cond='!data:post.embedCommentForm'>
</b:if>
</b:if>
</b:includable>
</b:includable>
<b:includable id='nextPageLink'>
<data:messages.morePosts/>
</a>
</b:includable>
<b:include name='postWrapperClasses'/>
<!-- Standard feed thumbs always added, as they're needed for mobile view. -->
<b:include name='feedPostImage'/>
<div class='slide'>
</div>
</div>
</b:with>
</b:includable>
<data:post.body/>
</div>
</b:includable>
<style>
.<data:className/> {background-image:url(<b:eval
expr='resizeImage(data:post.featuredImage, 385, "385:185").cssEscaped'/>);}
</style>
<div class='snippet-thumbnail-container'>
</div>
</b:with>
</b:if>
</div>
</b:includable>
<b:includable id='postCommentsAndAd'>
</b:includable>
<b:includable id='postCommentsLink'>
<b:if cond='data:view.isMultipleItems'>
</span>
</b:if>
</b:includable>
<div class='post-footer'>
<b:include name='footerBylines'/>
</div>
</b:includable>
<div class='author-profile'>
<b:if cond='data:post.author.authorPhoto.url'>
<div class='author-about'>
</div>
<b:else/>
</b:if>
</div>
</b:if>
</b:includable>
<b:include name='headerByline'/>
</b:includable>
</b:includable>
<b:includable id='postLabels'>
<b:if cond='data:view.isMultipleItems'>
<div class='labels-outer-container'>
<span class='overflowable-item'>
</b:loop>
</div>
</span>
</div>
</div>
<b:else/>
<b:include name='super.postLabels'/>
</b:if>
</b:includable>
</b:includable>
<b:includable id='postPagination'>
</div>
</b:includable>
<b:includable id='postShareButtons' var='post'>
</b:includable>
<div class='post-title-container'>
<a expr:name='data:post.id'/>
<div class='r-snippetized'>
<data:post.title/>
</div>
</b:if>
</div>
</a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</div>
</b:includable>
<b:includable id='postWrapperClasses'>
</b:includable>
<b:includable id='previousPageLink'>
</b:includable>
<b:includable id='snippetedPostThumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.url'>
</a>
</div>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'>
<data:navMessage/></div>
</div>
</div>
</div>
</b:if>
</b:includable>
</b:with>
</b:includable>
<script type='text/javascript'>
blogger.widgets.blog.initThreadedComments(
<data:post.commentJso/>,
<data:post.commentMsgs/>,
<data:post.commentConfig/>);
</script>
</b:includable>
<a name='comments'/>
<b:include name='commentsTitle'/>
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
</iframe>
</div>
</b:if>
</section>
</b:includable>
</b:widget>
</b:section>
</main>
<b:includable id='main'>
<div class='widget-content'>
<b:if cond='data:adCode'>
<data:adCode/>
<b:else/>
<b:include name='defaultAdUnit'/>
</b:if>
</div>
</b:includable>
<b:includable id='defaultAdUnit'>
<b:include name='super.defaultAdUnit'/>
</b:with>
</b:includable>
</b:widget>
<b:includable id='main'>
<div class='widget-content'>
<b:if cond='data:adCode'>
<data:adCode/>
<b:else/>
<b:include name='defaultAdUnit'/>
</b:if>
</div>
</b:includable>
<b:includable id='defaultAdUnit'>
<b:include name='super.defaultAdUnit'/>
</b:with>
</b:includable>
</b:widget>
</b:section>
<!-- Display different sidebars for feed page / item page. -->
<div class='navigation'>
</div>
<b:widget-setting name='showaboutme'>true</b:widget-setting>
<b:widget-setting name='showlocation'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='content'/>
</b:includable>
<b:includable id='authorProfileImage'>
</b:includable>
<b:includable id='content'>
<b:if cond='data:team'>
<b:include name='teamProfile'/>
</div>
<b:else/>
<b:include name='userProfile'/>
</div>
</b:if>
</b:includable>
<b:includable id='defaultProfileImage'>
<div class='default-avatar-wrapper'>
</b:includable>
<b:includable id='profileImage'>
<b:if cond='data:authorPhoto.image'>
<b:include name='authorProfileImage'/>
<b:else/>
<b:include name='defaultProfileImage'/>
</b:if>
</b:includable>
<b:includable id='teamProfile'>
<div class='extendable'>
</div>
</b:includable>
<b:includable id='teamProfileLink'>
<b:include name='profileImage'/>
<div class='profile-name-container'>
<span class='profile-name'><data:author.display-name/></span>
<data:messages.visitProfile/>
</div>
</a>
</b:includable>
<b:includable id='userGoogleProfile'>
</b:includable>
<b:includable id='userLocation'>
</b:includable>
<b:includable id='userProfile'>
<b:include name='userProfileImage'/>
<b:include name='userProfileInfo'/>
</b:includable>
<b:includable id='userProfileData'>
<dt class='profile-data'>
<b:include name='userProfileLink'/>
</dt>
</b:includable>
<b:includable id='userProfileImage'>
<a expr:href='data:userUrl'>
<b:include name='profileImage'/>
</a>
</b:includable>
<b:includable id='userProfileInfo'>
<div class='profile-info'>
<dl class='profile-datablock'>
</dl>
<b:include name='viewProfileLink'/>
</div>
</b:includable>
<b:includable id='userProfileLink'>
<data:displayname/>
</a>
</b:includable>
<b:includable id='userProfileText'>
<dd class='profile-textblock'>
<data:aboutme/>
</dd>
</b:includable>
<b:includable id='viewProfileLink'>
</b:includable>
</b:widget>
<b:widget-setting name='showStyle'>FLAT</b:widget-setting>
<b:widget-setting name='yearPattern'>yyyy</b:widget-setting>
<b:widget-setting name='showWeekEnd'>true</b:widget-setting>
<b:widget-setting name='weekPattern'>MM/dd</b:widget-setting>
<b:widget-setting name='chronological'>false</b:widget-setting>
<b:widget-setting name='showPosts'>true</b:widget-setting>
<b:widget-setting name='frequency'>MONTHLY</b:widget-setting>
</b:widget-settings>
<b:include name='super.main'/>
</b:with>
</b:with>
</details>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<div id='ArchiveList'>
</div>
</div>
</div>
</b:includable>
<b:includable id='flat'>
</b:includable>
<b:includable id='hierarchy'>
</b:includable>
<ul class='hierarchy'>
<li class='archivedate'>
<div class='hierarchy-title'>
<data:interval.name/>
<span class='post-count'><data:interval.post-count/></span>
</a>
</div>
<div class='hierarchy-content'>
<b:include cond='data:interval.data' data='interval.data' name='interval'/>
</div>
</li>
</b:loop>
</ul>
</b:includable>
<li>
<a expr:href='data:post.url'><data:post.title/></a>
</li>
</b:loop>
</ul>
</b:includable>
</b:widget>
<b:widget-settings>
<b:widget-setting name='sorting'>ALPHA</b:widget-setting>
<b:widget-setting name='display'>LIST</b:widget-setting>
<b:widget-setting name='selectedLabelsList'/>
<b:widget-setting name='showType'>ALL</b:widget-setting>
<b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include name='super.main'/>
</b:with>
</b:with>
</details>
</b:includable>
<b:includable id='cloud'>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
</div>
</b:includable>
<b:includable id='list'>
</b:includable>
</b:widget>
<b:includable id='main'>
<b:include name='reportAbuse'/>
</b:includable>
</b:widget>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[<a
href="https://web.facebook.com/groups/jual.beli.mobil.tasikmalaya/" rel="nofollow"
target="_blank"><img border="0" src="https://2.bp.blogspot.com/-
5LCrD4mzNfY/WMPEkOuxUaI/AAAAAAAAAfE/Ib-
aFl8P5m8NbSk5al9pCS3I53_mZOMwQCLcB/s1600/Capture.PNG" /></a>]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='widget-title'/>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
<b:includable id='main'>
<b:include name='widget-title'/>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
<b:widget-settings>
<b:widget-setting name='content'/>
</b:widget-settings>
<b:includable id='main'>
<b:include name='widget-title'/>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
<b:widget-settings>
<b:widget-setting name='content'/>
</b:widget-settings>
<b:includable id='main'>
<b:include name='widget-title'/>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</b:if>
<b:widget-settings>
<b:widget-setting name='numItemsToShow'>3</b:widget-setting>
<b:widget-setting name='showThumbnails'>true</b:widget-setting>
<b:widget-setting name='showSnippets'>true</b:widget-setting>
<b:widget-setting name='timeRange'>LAST_YEAR</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='super.main'/>
</b:with>
</b:includable>
<b:includable id='commentsLink'>
<b:include name='commentIcon'/>
<span class='num_comments'>
<data:post.numberOfComments/>
</span>
</a>
</b:includable>
<div class='item-content'>
</b:with>
</div>
</b:includable>
<b:includable id='snippetedPostContent'>
<b:comment>Move the thumbnail outside of the body and above the title</b:comment>
</b:includable>
<b:includable id='snippetedPostThumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.url'>
</a>
</div>
</b:includable>
</b:widget>
</b:section>
</b:if>
</div>
</div>
</div>
</b:with>
<b:widget-settings>
<b:widget-setting name='copyright'/>
</b:widget-settings>
<div class='widget-content'>
<div class='blogger'>
<a expr:href='data:bloggerUrl'>
<b:include name='flatBloggerIcon'/>
<b:message name='messages.poweredByBlogger'/>
</a>
</div>
<b:if cond='data:imageAuthor'>
<div class='image-attribution'>
<b:if cond='data:imageAuthor.url'>
<b:message name='messages.templateImagesByLink'>
<b:param expr:value='data:imageAuthor.url'/>
<b:param expr:value='data:imageAuthor.name'/>
</b:message>
<b:else/>
<b:message name='messages.templateImagesBy'>
<b:param expr:value='data:imageAuthor.name'/>
</b:message>
</b:if>
</div>
</b:if>
<div class='copyright'>
<data:copyright/></div>
</b:if>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</body>
</html>