API tools faq
paste
Advertisement
Guest User

Template

a guest
Jun 14th, 2021
307
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
XML 135.70 KB | None | 0 0
raw download clone embed print report
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html>
  3. <html b:css='false' b:defaultwidgetversion='2' b:layoutsVersion='3' b:responsive='true' b:templateUrl='strm.xml' b:templateVersion='1.0.1' expr:dir='data:blog.languageDirection' expr:lang='data:blog.locale' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  4.   <head>
  5.     <meta content='width=device-width, initial-scale=1' name='viewport'/>
  6.     <title><data:view.title.escaped/></title>
  7.     <b:include data='blog' name='all-head-content'/>
  8.  
  9.     <b:skin version='1.0.1'><![CDATA[/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
  10. /*
  11. <!-- Constants -->
  12.  
  13. <Variable name="damionRegular36" description="Damion Regular 36" type="font" default="400 36px Damion, cursive" hideEditor="true"  value="400 36px Damion, cursive"/>
  14. <Variable name="damionRegular62" description="Damion Regular 62" type="font" default="400 62px Damion, cursive" hideEditor="true"  value="400 62px Damion, cursive"/>
  15. <Variable name="playfairDisplayBlack28" description="Playfair Display Black 28" type="font" default="900 28px Playfair Display, serif" hideEditor="true"  value="900 28px Playfair Display, serif"/>
  16. <Variable name="playfairDisplayBlack36" description="Playfair Display Black 36" type="font" default="900 36px Playfair Display, serif" hideEditor="true"  value="900 36px Playfair Display, serif"/>
  17. <Variable name="playfairDisplayBlack44" description="Playfair Display Black 44" type="font" default="900 44px Playfair Display, serif" hideEditor="true"  value="900 44px Playfair Display, serif"/>
  18. <Variable name="robotoNormal15" description="Roboto Normal 15" type="font" default="15px Roboto, sans-serif" hideEditor="true"  value="15px Roboto, sans-serif"/>
  19. <Variable name="robotoNormal16" description="Roboto Normal 16" type="font" default="16px Roboto, sans-serif" hideEditor="true"  value="16px Roboto, sans-serif"/>
  20. <Variable name="robotoLightItalic15" description="Roboto Light Italic 15" type="font" default="italic 300 15px Roboto, sans-serif" hideEditor="true"  value="italic 300 15px Roboto, sans-serif"/>
  21. <Variable name="robotoBold22" description="Roboto Bold 22" type="font" default="bold 22px Roboto, sans-serif" hideEditor="true"  value="bold 22px Roboto, sans-serif"/>
  22. <Variable name="robotoBold30" description="Roboto Bold 30" type="font" default="bold 30px Roboto, sans-serif" hideEditor="true"  value="bold 30px Roboto, sans-serif"/>
  23. <Variable name="robotoBold45" description="Roboto Bold 45" type="font" default="bold 45px Roboto, sans-serif" hideEditor="true"  value="bold 45px Roboto, sans-serif"/>
  24.  
  25. <!-- Variable definitions -->
  26.  
  27. <Variable name="keycolor" description="Main Color" type="color" default="#2196f3"  value="#2196f3"/>
  28. <Variable name="startSide" description="Start side in blog language" type="automatic" default="left" hideEditor="true" />
  29. <Variable name="endSide" description="End side in blog language" type="automatic" default="right" hideEditor="true" />
  30.  
  31. <Group description="Page Text">
  32.  <Variable name="body.text.font" description="Font"
  33.      type="font"
  34.      default="$(robotoNormal15)"  value="15px Roboto, sans-serif"/>
  35.  <Variable name="body.text.color" description="Color"
  36.      type="color"
  37.      default="#757575"  value="#757575"/>
  38. </Group>
  39.  
  40. <Group description="Backgrounds">
  41.  <Variable name="body.background.height" description="Background height"
  42.      type="length"
  43.      min="420px"
  44.      max="640px"
  45.      default="480px"  value="480px"/>
  46.  <Variable name="body.background" description="Background"
  47.      color="$(body.background.color)"
  48.      type="background"
  49.      default="$(color) none repeat scroll top left"  value="$(color) none repeat scroll top left"/>
  50.  <Variable name="body.background.shadow" description="Background overlay shadow"
  51.      type="color"
  52.      default="rgba(0,0,0,.26)"  value="rgba(0, 0, 0 ,0)"/>
  53.  <Variable name="body.background.color" description="Body background color"
  54.      type="color"
  55.      default="#eee"  value="#f4f4f4"/>
  56.  <Variable name="posts.background.color" description="Post background color"
  57.      type="color"
  58.      default="#fff"  value="#ffffff"/>
  59.  <Variable name="body.background.blur" description="Background blur"
  60.      type="length"
  61.      min="0px"
  62.      max="50px"
  63.      default="0px"  value="0px"/>
  64. </Group>
  65.  
  66. <Group description="Links">
  67.  <Variable name="body.link.color" description="Link color"
  68.      type="color"
  69.      default="#2196f3"  value="#2196f3"/>
  70.  <Variable name="body.link.visited.color" description="Visited link color"
  71.      type="color"
  72.      default="$(body.link.color)"  value="#2196f3"/>
  73.  <Variable name="body.link.hover.color" description="Link Hover Color"
  74.      type="color"
  75.      default="$(body.link.color)"  value="#2196f3"/>
  76. </Group>
  77.  
  78. <Group description="Blog title" selector="div.widget.Header">
  79.  <Variable name="blog.title.font" description="Font"
  80.      type="font"
  81.      default="$(robotoBold45)"  value="bold 45px Roboto, sans-serif"/>
  82.  <Variable name="blog.title.color" description="Color"
  83.      type="color"
  84.      default="#fff"  value="#424242"/>
  85.  <Variable name="header.icons.color"
  86.      description="Background icons color"
  87.      type="color"
  88.      default="#fff"  value="#424242"/>
  89. </Group>
  90.  
  91. <Group description="Tabs text" selector="div.widget.PageList">
  92.  <Variable name="tabs.font" description="Font"
  93.      type="font"
  94.      family="$(robotoNormal15.family)"
  95.      size="$(robotoNormal15.size)"
  96.      default="700 normal $(size) $(family)"  value="700 normal $(size) $(family)"/>
  97.  <Variable name="tabs.color" description="Text color"
  98.      type="color"
  99.      default="#ccc"  value="#757575"/>
  100.  <Variable name="tabs.selected.color" description="Selected color"
  101.      type="color"
  102.      default="#fff"  value="#424242"/>
  103.  <Variable name="tabs.overflow.background.color" description="Popup background color"
  104.      type="color"
  105.      default="$(posts.background.color)"  value="#ffffff"/>
  106.  <Variable name="tabs.overflow.color" description="Popup text color"
  107.      type="color"
  108.      default="$(posts.text.color)"  value="#757575"/>
  109.  <Variable name="tabs.overflow.selected.color" description="Popup selected color"
  110.      type="color"
  111.      default="$(posts.title.color)"  value="#424242"/>
  112. </Group>
  113.  
  114. <Group description="Posts" selector="div.widget.Blog">
  115.  <Variable name="posts.title.color" description="Post title color"
  116.      type="color"
  117.      default="#424242"  value="#424242"/>
  118.  <Variable name="posts.title.font" description="Post title font"
  119.      type="font"
  120.      default="$(robotoBold22)"  value="bold 22px Roboto, sans-serif"/>
  121.  <Variable name="posts.stream.title.font" description="Post title stream font"
  122.      type="font"
  123.      default="$(robotoBold30)"  value="bold 30px Roboto, sans-serif"/>
  124.  <Variable name="posts.text.font" description="Post text font"
  125.      type="font"
  126.      default="$(body.text.font)"  value="15px Roboto, sans-serif"/>
  127.  <Variable name="posts.text.color" description="Post text color"
  128.      type="color"
  129.      default="$(body.text.color)"  value="#757575"/>
  130.  <Variable name="posts.byline.color" description="Post byline color"
  131.      type="color"
  132.      default="rgba(0, 0, 0, 0.54)"  value="rgba(0, 0, 0, 0.54)"/>
  133.  <Variable name="blockquote.font" description="Blockquote font"
  134.      type="font"
  135.      default="$(robotoLightItalic15)"  value="italic 300 15px Roboto, sans-serif"/>
  136.  <Variable name="blockquote.color" description="Blockquote color"
  137.      type="color"
  138.      default="#444"  value="#444444"/>
  139.  <Variable name="posts.icons.color"
  140.      description="Post icons color"
  141.      type="color"
  142.      default="#707070"  value="#707070"/>
  143.  <Variable name="posts.boxshadow.color" description="Post box shadow color"
  144.      type="color"
  145.      default="rgba(0, 0, 0, 0)"  value="rgba(60, 64, 67, 0.30)"/>
  146. </Group>
  147.  
  148. <Group description="Search">
  149.  <Variable name="search.input.color" description="Input color"
  150.      type="color"
  151.      default="$(blog.title.color)"  value="#424242"/>
  152.  <Variable name="search.input.font" description="Input font"
  153.      type="font"
  154.      default="$(robotoNormal16)"  value="16px Roboto, sans-serif"/>
  155.  <Variable name="search.placeholder.color" description="Placeholder text color"
  156.      type="color"
  157.      default="$(blog.title.color)"  value="#424242"/>
  158. </Group>
  159.  
  160. <Group description="Sharing">
  161.  <Variable name="sharing.background.color"
  162.      description="Sharing background color"
  163.      type="color"
  164.      default="$(posts.background.color)"  value="#ffffff"/>
  165.  <Variable name="sharing.text.color" description="Sharing text color"
  166.      type="color"
  167.      default="$(posts.title.color)"  value="#424242"/>
  168.  <Variable name="sharing.icons.color"
  169.      description="Sharing icons color"
  170.      type="color"
  171.      default="$(sharing.text.color)"  value="#424242"/>
  172. </Group>
  173.  
  174. <Group description="Popular posts" selector="div.widget.PopularPosts">
  175.  <Variable name="popularposts.background.color"
  176.      description="Popular post background color"
  177.      type="color"
  178.      default="$(body.background.color)"  value="#f4f4f4"/>
  179.  <Variable name="popularposts.byline.color"
  180.      description="Popular post byline color"
  181.      type="color"
  182.      default="$(posts.byline.color)"  value="rgba(0, 0, 0, 0.54)"/>
  183.  <Variable name="popularposts.title.color"
  184.      description="Popular post title color"
  185.      type="color"
  186.      default="$(posts.title.color)"  value="#424242"/>
  187.  <Variable name="popularposts.text.color"
  188.      description="Popular post text color"
  189.      type="color"
  190.      default="$(posts.text.color)"  value="#757575"/>
  191.  <Variable name="popularposts.link.color"
  192.      description="Popular post link color"
  193.      type="color"
  194.      default="$(body.link.color)"  value="#2196f3"/>
  195. </Group>
  196.  
  197. <Group description="Post navigation" selector='div.blog-pager'>
  198.  <Variable name="posts.navigation.link.color"
  199.      description="Post navigation links color"
  200.      type="color"
  201.      default="$(body.link.color)"  value="#2196f3"/>
  202.  <Variable name="posts.navigation.link.visited.color"
  203.      description="Post navigation links visited color"
  204.      type="color"
  205.      default="$(body.link.visited.color)"  value="#2196f3"/>
  206.  <Variable name="posts.navigation.link.hover.color"
  207.      description="Post navigations links hover color"
  208.      type="color"
  209.      default="$(body.link.hover.color)"  value="#2196f3"/>
  210. </Group>
  211.  
  212. <Group description="Sidebar" selector="div.sidebar-container">
  213.  <Variable name="sidebar.backgroundColorTop"
  214.      description="Background color (Top)"
  215.      type="color"
  216.      default="#f7f7f7"  value="#f7f7f7"/>
  217.  <Variable name="sidebar.backgroundColorTopHD"
  218.      description="Background color (Top) - HD"
  219.      type="color"
  220.      default="rgba(255, 255, 255, 1)"  value="rgba(255, 255, 255, 1)"/>
  221.  <Variable name="sidebar.backgroundColorBottom"
  222.      description="Background color (Bottom)"
  223.      type="color"
  224.      default="#fff"  value="#ffffff"/>
  225.  <Variable name="sidebar.separator.color"
  226.      description="Separator color"
  227.      type="color"
  228.      default="#ccc"  value="#cccccc"/>
  229.  <Variable name="widget.title.color"
  230.      description="Gadget title color"
  231.      type="color"
  232.      default="#424242"  value="#424242"/>
  233.  <Variable name="sidebar.icons.color"
  234.      description="Sidebar icons color"
  235.      type="color"
  236.      default="#707070"  value="#707070"/>
  237. </Group>
  238.  
  239. <Group description="Author profile" selector='.widget.Profile'>
  240.  <Variable name="profile.title.color" description="Profile title color"
  241.      type="color"
  242.      default="rgba(0,0,0,0.52)"  value="rgba(0,0,0,0.52)"/>
  243.  <Variable name="profile.text.color" description="Profile text color"
  244.      type="color"
  245.      default="rgba(0, 0, 0, 0.54)"  value="rgba(0, 0, 0, 0.54)"/>
  246.  <Variable name="profile.link.color" description="Profile link color"
  247.      type="color"
  248.      default="$(posts.title.color)"  value="#424242"/>
  249. </Group>
  250.  
  251. <Group description="Labels" selector=".widget.Label">
  252.  <Variable name="labels.text.color"
  253.      description="Label text color"
  254.      type="color"
  255.      default="$(body.link.color)"  value="#2196f3"/>
  256.  <Variable name="labels.background.color"
  257.      description="Label background color"
  258.      type="color"
  259.      red="$(labels.text.color.red)"
  260.      green="$(labels.text.color.green)"
  261.      blue="$(labels.text.color.blue)"
  262.      default="rgba($red, $green, $blue, 0.05)"  value="#f7f7f7"/>
  263. </Group>
  264.  
  265. <Group description="Attribution" selector=".widget.Attribution">
  266.  <Variable name="attribution.text.color" description="Attribution text color"
  267.      type="color"
  268.      default="$(body.text.color)"  value="#757575"/>
  269.  <Variable name="attribution.link.color" description="Attribution link color"
  270.      type="color"
  271.      default="$(body.link.color)"  value="#2196f3"/>
  272.  <Variable name="attribution.icon.color" description="Attribution icon color"
  273.      type="color"
  274.      default="#707070"
  275.      hideEditor="true"  value="#707070"/>
  276. </Group>
  277.  
  278. <Group description="Widths">
  279.  <Variable name="sidebar.width" description="Sidebar width" type="length"
  280.            min="100px" max="1000px" default="284px"  value="284px"/>
  281.  <Variable name="content.width" description="Content width" type="length"
  282.            min="600px" max="2400px" default="922px"  value="922px"/>
  283.  <Variable name="content.margin" description="Content margin" type="length"
  284.            min="0px" max="1000px" default="117px"  value="117px"/>
  285. </Group>
  286. */
  287.  
  288. /*!************************************************
  289. * Blogger Template Style
  290. * Name: Essential
  291. **************************************************/
  292. body{
  293. overflow-wrap:break-word;
  294. word-break:break-word;
  295. word-wrap:break-word
  296. }
  297. .hidden{
  298. display:none
  299. }
  300. .invisible{
  301. visibility:hidden
  302. }
  303. .container:after,.float-container:after{
  304. clear:both;
  305. content:"";
  306. display:table
  307. }
  308. .clearboth{
  309. clear:both
  310. }
  311. #comments .comment .comment-actions,.subscribe-popup .FollowByEmail .follow-by-email-submit,.widget.Profile .profile-link,.widget.Profile .profile-link.visit-profile{
  312. background:transparent;
  313. border:0;
  314. box-shadow:none;
  315. color:$(body.link.color);
  316. cursor:pointer;
  317. font-size:14px;
  318. font-weight:700;
  319. outline:none;
  320. text-decoration:none;
  321. text-transform:uppercase;
  322. width:auto
  323. }
  324. .dim-overlay{
  325. height:100vh;
  326. left:0;
  327. position:fixed;
  328. top:0;
  329. width:100%
  330. }
  331. #sharing-dim-overlay{
  332. background-color:transparent
  333. }
  334. input::-ms-clear{
  335. display:none
  336. }
  337. .blogger-logo,.svg-icon-24.blogger-logo{
  338. fill:#ff9800;
  339. opacity:1
  340. }
  341. .loading-spinner-large{
  342. -webkit-animation:mspin-rotate 1568.63ms linear infinite;
  343. animation:mspin-rotate 1568.63ms linear infinite;
  344. height:48px;
  345. overflow:hidden;
  346. position:absolute;
  347. width:48px;
  348. z-index:200
  349. }
  350. .loading-spinner-large>div{
  351. -webkit-animation:mspin-revrot 5332ms steps(4) infinite;
  352. animation:mspin-revrot 5332ms steps(4) infinite
  353. }
  354. .loading-spinner-large>div>div{
  355. -webkit-animation:mspin-singlecolor-large-film 1333ms steps(81) infinite;
  356. animation:mspin-singlecolor-large-film 1333ms steps(81) infinite;
  357. background-size:100%;
  358. height:48px;
  359. width:3888px
  360. }
  361. .mspin-black-large>div>div,.mspin-grey_54-large>div>div{
  362. background-image:url(https://www.blogblog.com/indie/mspin_black_large.svg)
  363. }
  364. .mspin-white-large>div>div{
  365. background-image:url(https://www.blogblog.com/indie/mspin_white_large.svg)
  366. }
  367. .mspin-grey_54-large{
  368. opacity:.54
  369. }
  370. @-webkit-keyframes mspin-singlecolor-large-film{
  371. 0%{
  372. -webkit-transform:translateX(0);
  373. transform:translateX(0)
  374. }
  375. to{
  376. -webkit-transform:translateX(-3888px);
  377. transform:translateX(-3888px)
  378. }
  379. }
  380. @keyframes mspin-singlecolor-large-film{
  381. 0%{
  382. -webkit-transform:translateX(0);
  383. transform:translateX(0)
  384. }
  385. to{
  386. -webkit-transform:translateX(-3888px);
  387. transform:translateX(-3888px)
  388. }
  389. }
  390. @-webkit-keyframes mspin-rotate{
  391. 0%{
  392. -webkit-transform:rotate(0deg);
  393. transform:rotate(0deg)
  394. }
  395. to{
  396. -webkit-transform:rotate(1turn);
  397. transform:rotate(1turn)
  398. }
  399. }
  400. @keyframes mspin-rotate{
  401. 0%{
  402. -webkit-transform:rotate(0deg);
  403. transform:rotate(0deg)
  404. }
  405. to{
  406. -webkit-transform:rotate(1turn);
  407. transform:rotate(1turn)
  408. }
  409. }
  410. @-webkit-keyframes mspin-revrot{
  411. 0%{
  412. -webkit-transform:rotate(0deg);
  413. transform:rotate(0deg)
  414. }
  415. to{
  416. -webkit-transform:rotate(-1turn);
  417. transform:rotate(-1turn)
  418. }
  419. }
  420. @keyframes mspin-revrot{
  421. 0%{
  422. -webkit-transform:rotate(0deg);
  423. transform:rotate(0deg)
  424. }
  425. to{
  426. -webkit-transform:rotate(-1turn);
  427. transform:rotate(-1turn)
  428. }
  429. }
  430. .skip-navigation{
  431. background-color:#fff;
  432. box-sizing:border-box;
  433. color:#000;
  434. display:block;
  435. height:0;
  436. left:0;
  437. line-height:50px;
  438. overflow:hidden;
  439. padding-top:0;
  440. position:fixed;
  441. text-align:center;
  442. top:0;
  443. -webkit-transition:box-shadow .3s,height .3s,padding-top .3s;
  444. transition:box-shadow .3s,height .3s,padding-top .3s;
  445. width:100%;
  446. z-index:900
  447. }
  448. .skip-navigation:focus{
  449. box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);
  450. height:50px
  451. }
  452. #main{
  453. outline:none
  454. }
  455. .main-heading{
  456. position:absolute;
  457. clip:rect(1px,1px,1px,1px);
  458. padding:0;
  459. border:0;
  460. height:1px;
  461. width:1px;
  462. overflow:hidden
  463. }
  464. .Attribution{
  465. margin-top:1em;
  466. text-align:center
  467. }
  468. .Attribution .blogger img,.Attribution .blogger svg{
  469. vertical-align:bottom
  470. }
  471. .Attribution .blogger img{
  472. margin-$endSide:.5em
  473. }
  474. .Attribution div{
  475. line-height:24px;
  476. margin-top:.5em
  477. }
  478. .Attribution .copyright,.Attribution .image-attribution{
  479. font-size:.7em;
  480. margin-top:1.5em
  481. }
  482. .BLOG_mobile_video_class{
  483. display:none
  484. }
  485. .bg-photo{
  486. background-attachment:scroll!important
  487. }
  488. body .CSS_LIGHTBOX{
  489. z-index:900
  490. }
  491. .extendable .show-less,.extendable .show-more{
  492. border-color:$(body.link.color);
  493. color:$(body.link.color);
  494. margin-top:8px
  495. }
  496. .extendable .show-less.hidden,.extendable .show-more.hidden,.inline-ad{
  497. display:none
  498. }
  499. .inline-ad{
  500. max-width:100%;
  501. overflow:hidden
  502. }
  503. .adsbygoogle{
  504. display:block
  505. }
  506. #cookieChoiceInfo{
  507. bottom:0;
  508. top:auto
  509. }
  510. iframe.b-hbp-video{
  511. border:0
  512. }
  513. .post-body iframe,.post-body img{
  514. max-width:100%
  515. }
  516. .post-body a[imageanchor=\31]{
  517. display:inline-block
  518. }
  519. .byline{
  520. margin-$endSide:1em
  521. }
  522. .byline:last-child{
  523. margin-$endSide:0
  524. }
  525. .link-copied-dialog{
  526. max-width:520px;
  527. outline:0
  528. }
  529. .link-copied-dialog .modal-dialog-buttons{
  530. margin-top:8px
  531. }
  532. .link-copied-dialog .goog-buttonset-default{
  533. background:transparent;
  534. border:0
  535. }
  536. .link-copied-dialog .goog-buttonset-default:focus{
  537. outline:0
  538. }
  539. .paging-control-container{
  540. margin-bottom:16px
  541. }
  542. .paging-control-container .paging-control{
  543. display:inline-block
  544. }
  545. .paging-control-container .comment-range-text:after,.paging-control-container .paging-control{
  546. color:$(body.link.color)
  547. }
  548. .paging-control-container .comment-range-text,.paging-control-container .paging-control{
  549. margin-$endSide:8px
  550. }
  551. .paging-control-container .comment-range-text:after,.paging-control-container .paging-control:after{
  552. content:"\b7";
  553. cursor:default;
  554. padding-$startSide:8px;
  555. pointer-events:none
  556. }
  557. .paging-control-container .comment-range-text:last-child:after,.paging-control-container .paging-control:last-child:after{
  558. content:none
  559. }
  560. .byline.reactions iframe{
  561. height:20px
  562. }
  563. .b-notification{
  564. color:#000;
  565. background-color:#fff;
  566. border-bottom:1px solid #000;
  567. box-sizing:border-box;
  568. padding:16px 32px;
  569. text-align:center
  570. }
  571. .b-notification.visible{
  572. -webkit-transition:margin-top .3s cubic-bezier(.4,0,.2,1);
  573. transition:margin-top .3s cubic-bezier(.4,0,.2,1)
  574. }
  575. .b-notification.invisible{
  576. position:absolute
  577. }
  578. .b-notification-close{
  579. position:absolute;
  580. right:8px;
  581. top:8px
  582. }
  583. .no-posts-message{
  584. line-height:40px;
  585. text-align:center
  586. }
  587. @media screen and (max-width:800px){
  588. body.item-view .post-body a[imageanchor=\31][style*=float\:\ left\;],body.item-view .post-body a[imageanchor=\31][style*=float\:\ right\;]{
  589. float:none!important;
  590. clear:none!important
  591. }
  592. body.item-view .post-body a[imageanchor=\31] img{
  593. display:block;
  594. height:auto;
  595. margin:0 auto
  596. }
  597. body.item-view .post-body>.separator:first-child>a[imageanchor=\31]:first-child{
  598. margin-top:20px
  599. }
  600. .post-body a[imageanchor]{
  601. display:block
  602. }
  603. body.item-view .post-body a[imageanchor=\31]{
  604. margin-left:0!important;
  605. margin-right:0!important
  606. }
  607. body.item-view .post-body a[imageanchor=\31]+a[imageanchor=\31]{
  608. margin-top:16px
  609. }
  610. }
  611. .item-control{
  612. display:none
  613. }
  614. #comments{
  615. border-top:1px dashed rgba(0,0,0,.54);
  616. margin-top:20px;
  617. padding:20px
  618. }
  619. #comments .comment-thread ol{
  620. margin:0;
  621. padding-left:0;
  622. padding-$startSide:0
  623. }
  624. #comments .comment-thread .comment-replies,#comments .comment .comment-replybox-single{
  625. margin-left:60px
  626. }
  627. #comments .comment-thread .thread-count{
  628. display:none
  629. }
  630. #comments .comment{
  631. list-style-type:none;
  632. padding:0 0 30px;
  633. position:relative
  634. }
  635. #comments .comment .comment{
  636. padding-bottom:8px
  637. }
  638. .comment .avatar-image-container{
  639. position:absolute
  640. }
  641. .comment .avatar-image-container img{
  642. border-radius:50%
  643. }
  644. .avatar-image-container svg,.comment .avatar-image-container .avatar-icon{
  645. border-radius:50%;
  646. border:1px solid $(posts.icons.color);
  647. box-sizing:border-box;
  648. fill:$(posts.icons.color);
  649. height:35px;
  650. margin:0;
  651. padding:7px;
  652. width:35px
  653. }
  654. .comment .comment-block{
  655. margin-top:10px;
  656. margin-$startSide:60px;
  657. padding-bottom:0
  658. }
  659. #comments .comment-author-header-wrapper{
  660. margin-left:40px
  661. }
  662. #comments .comment .thread-expanded .comment-block{
  663. padding-bottom:20px
  664. }
  665. #comments .comment .comment-header .user,#comments .comment .comment-header .user a{
  666. color:$(posts.title.color);
  667. font-style:normal;
  668. font-weight:700
  669. }
  670. #comments .comment .comment-actions{
  671. bottom:0;
  672. margin-bottom:15px;
  673. position:absolute
  674. }
  675. #comments .comment .comment-actions>*{
  676. margin-right:8px
  677. }
  678. #comments .comment .comment-header .datetime{
  679. bottom:0;
  680. display:inline-block;
  681. font-size:13px;
  682. font-style:italic;
  683. margin-$startSide:8px
  684. }
  685. #comments .comment .comment-footer .comment-timestamp a,#comments .comment .comment-header .datetime,#comments .comment .comment-header .datetime a{
  686. color:rgba($(posts.title.color.red),$(posts.title.color.green),$(posts.title.color.blue),.54)
  687. }
  688. #comments .comment .comment-content,.comment .comment-body{
  689. margin-top:12px;
  690. word-break:break-word
  691. }
  692. .comment-body{
  693. margin-bottom:12px
  694. }
  695. #comments.embed[data-num-comments=\30]{
  696. border:0;
  697. margin-top:0;
  698. padding-top:0
  699. }
  700. #comment-editor-src,#comments.embed[data-num-comments=\30] #comment-post-message,#comments.embed[data-num-comments=\30] div.comment-form>p,#comments.embed[data-num-comments=\30] p.comment-footer{
  701. display:none
  702. }
  703. .comments .comments-content .loadmore.loaded{
  704. max-height:0;
  705. opacity:0;
  706. overflow:hidden
  707. }
  708. .extendable .remaining-items{
  709. height:0;
  710. overflow:hidden;
  711. -webkit-transition:height .3s cubic-bezier(.4,0,.2,1);
  712. transition:height .3s cubic-bezier(.4,0,.2,1)
  713. }
  714. .extendable .remaining-items.expanded{
  715. height:auto
  716. }
  717. .svg-icon-24,.svg-icon-24-button{
  718. cursor:pointer;
  719. height:24px;
  720. width:24px;
  721. min-width:24px
  722. }
  723. .touch-icon{
  724. margin:-12px;
  725. padding:12px
  726. }
  727. .touch-icon:active,.touch-icon:focus{
  728. background-color:hsla(0,0%,60%,.4);
  729. border-radius:50%
  730. }
  731. svg:not(:root).touch-icon{
  732. overflow:visible
  733. }
  734. html[dir=rtl] .rtl-reversible-icon{
  735. -webkit-transform:scaleX(-1);
  736. transform:scaleX(-1)
  737. }
  738. .svg-icon-24-button,.touch-icon-button{
  739. background:transparent;
  740. border:0;
  741. margin:0;
  742. outline:none;
  743. padding:0
  744. }
  745. .touch-icon-button .touch-icon:active,.touch-icon-button .touch-icon:focus{
  746. background-color:transparent
  747. }
  748. .touch-icon-button:active .touch-icon,.touch-icon-button:focus .touch-icon{
  749. background-color:hsla(0,0%,60%,.4);
  750. border-radius:50%
  751. }
  752. .Profile .default-avatar-wrapper .avatar-icon{
  753. border-radius:50%;
  754. border:1px solid $(posts.icons.color);
  755. box-sizing:border-box;
  756. fill:$(posts.icons.color);
  757. margin:0
  758. }
  759. .Profile .individual .default-avatar-wrapper .avatar-icon{
  760. padding:25px
  761. }
  762. .Profile .individual .avatar-icon,.Profile .individual .profile-img{
  763. height:120px;
  764. width:120px
  765. }
  766. .Profile .team .default-avatar-wrapper .avatar-icon{
  767. padding:8px
  768. }
  769. .Profile .team .avatar-icon,.Profile .team .default-avatar-wrapper,.Profile .team .profile-img{
  770. height:40px;
  771. width:40px
  772. }
  773. .snippet-container{
  774. margin:0;
  775. position:relative;
  776. overflow:hidden
  777. }
  778. .snippet-fade{
  779. bottom:0;
  780. box-sizing:border-box;
  781. position:absolute;
  782. width:96px;
  783. $endSide:0
  784. }
  785. .snippet-fade:after{
  786. content:"\2026";
  787. float:$endSide
  788. }
  789. .post-bottom{
  790. -webkit-box-align:center;
  791. align-items:center;
  792. display:-webkit-box;
  793. display:flex;
  794. flex-wrap:wrap
  795. }
  796. .post-footer{
  797. -webkit-box-flex:1;
  798. flex:1 1 auto;
  799. flex-wrap:wrap;
  800. -webkit-box-ordinal-group:2;
  801. order:1
  802. }
  803. .post-footer>*{
  804. -webkit-box-flex:0;
  805. flex:0 1 auto
  806. }
  807. .post-footer .byline:last-child{
  808. margin-$endSide:1em
  809. }
  810. .jump-link{
  811. -webkit-box-flex:0;
  812. flex:0 0 auto;
  813. -webkit-box-ordinal-group:3;
  814. order:2
  815. }
  816. .centered-top-container.sticky{
  817. left:0;
  818. position:fixed;
  819. right:0;
  820. top:0;
  821. width:auto;
  822. z-index:50;
  823. -webkit-transition-property:opacity,-webkit-transform;
  824. transition-property:opacity,-webkit-transform;
  825. transition-property:transform,opacity;
  826. transition-property:transform,opacity,-webkit-transform;
  827. -webkit-transition-duration:.2s;
  828. transition-duration:.2s;
  829. -webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);
  830. transition-timing-function:cubic-bezier(.4,0,.2,1)
  831. }
  832. .centered-top-placeholder{
  833. display:none
  834. }
  835. .collapsed-header .centered-top-placeholder{
  836. display:block
  837. }
  838. .centered-top-container .Header .replaced h1,.centered-top-placeholder .Header .replaced h1{
  839. display:none
  840. }
  841. .centered-top-container.sticky .Header .replaced h1{
  842. display:block
  843. }
  844. .centered-top-container.sticky .Header .header-widget{
  845. background:none
  846. }
  847. .centered-top-container.sticky .Header .header-image-wrapper{
  848. display:none
  849. }
  850. .centered-top-container img,.centered-top-placeholder img{
  851. max-width:100%
  852. }
  853. .collapsible{
  854. -webkit-transition:height .3s cubic-bezier(.4,0,.2,1);
  855. transition:height .3s cubic-bezier(.4,0,.2,1)
  856. }
  857. .collapsible,.collapsible>summary{
  858. display:block;
  859. overflow:hidden
  860. }
  861. .collapsible>:not(summary){
  862. display:none
  863. }
  864. .collapsible[open]>:not(summary){
  865. display:block
  866. }
  867. .collapsible:focus,.collapsible>summary:focus{
  868. outline:none
  869. }
  870. .collapsible>summary{
  871. cursor:pointer;
  872. display:block;
  873. padding:0
  874. }
  875. .collapsible:focus>summary,.collapsible>summary:focus{
  876. background-color:transparent
  877. }
  878. .collapsible>summary::-webkit-details-marker{
  879. display:none
  880. }
  881. .collapsible-title{
  882. -webkit-box-align:center;
  883. align-items:center;
  884. display:-webkit-box;
  885. display:flex
  886. }
  887. .collapsible-title .title{
  888. -webkit-box-flex:1;
  889. flex:1 1 auto;
  890. -webkit-box-ordinal-group:1;
  891. order:0;
  892. overflow:hidden;
  893. text-overflow:ellipsis;
  894. white-space:nowrap
  895. }
  896. .collapsible-title .chevron-down,.collapsible[open] .collapsible-title .chevron-up{
  897. display:block
  898. }
  899. .collapsible-title .chevron-up,.collapsible[open] .collapsible-title .chevron-down{
  900. display:none
  901. }
  902. .flat-button{
  903. font-weight:700;
  904. text-transform:uppercase;
  905. border-radius:2px;
  906. padding:8px;
  907. margin:-8px
  908. }
  909. .flat-button,.flat-icon-button{
  910. cursor:pointer;
  911. display:inline-block
  912. }
  913. .flat-icon-button{
  914. background:transparent;
  915. border:0;
  916. outline:none;
  917. margin:-12px;
  918. padding:12px;
  919. box-sizing:content-box;
  920. line-height:0
  921. }
  922. .flat-icon-button,.flat-icon-button .splash-wrapper{
  923. border-radius:50%
  924. }
  925. .flat-icon-button .splash.animate{
  926. -webkit-animation-duration:.3s;
  927. animation-duration:.3s
  928. }
  929. .overflowable-container{
  930. max-height:$(body.text.font.size * 1.2 + 2 * 8px + 2 * 4px + 4px);
  931. overflow:hidden;
  932. position:relative
  933. }
  934. .overflow-button{
  935. cursor:pointer
  936. }
  937. #overflowable-dim-overlay{
  938. background:transparent
  939. }
  940. .overflow-popup{
  941. 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);
  942. background-color:$(tabs.overflow.background.color);
  943. left:0;
  944. max-width:calc(100% - 32px);
  945. position:absolute;
  946. top:0;
  947. visibility:hidden;
  948. z-index:101
  949. }
  950. .overflow-popup ul{
  951. list-style:none
  952. }
  953. .overflow-popup .tabs li,.overflow-popup li{
  954. display:block;
  955. height:auto
  956. }
  957. .overflow-popup .tabs li{
  958. padding-left:0;
  959. padding-right:0
  960. }
  961. .overflow-button.hidden,.overflow-popup .tabs li.hidden,.overflow-popup li.hidden{
  962. display:none
  963. }
  964. .pill-button{
  965. background:transparent;
  966. border:1px solid;
  967. border-radius:12px;
  968. cursor:pointer;
  969. display:inline-block;
  970. padding:4px 16px;
  971. text-transform:uppercase
  972. }
  973. .ripple{
  974. position:relative
  975. }
  976. .ripple>*{
  977. z-index:1
  978. }
  979. .splash-wrapper{
  980. bottom:0;
  981. left:0;
  982. overflow:hidden;
  983. pointer-events:none;
  984. position:absolute;
  985. right:0;
  986. top:0;
  987. z-index:0
  988. }
  989. .splash{
  990. background:#ccc;
  991. border-radius:100%;
  992. display:block;
  993. opacity:.6;
  994. position:absolute;
  995. -webkit-transform:scale(0);
  996. transform:scale(0)
  997. }
  998. .splash.animate{
  999. -webkit-animation:ripple-effect .4s linear;
  1000. animation:ripple-effect .4s linear
  1001. }
  1002. @-webkit-keyframes ripple-effect{
  1003. to{
  1004. opacity:0;
  1005. -webkit-transform:scale(2.5);
  1006. transform:scale(2.5)
  1007. }
  1008. }
  1009. @keyframes ripple-effect{
  1010. to{
  1011. opacity:0;
  1012. -webkit-transform:scale(2.5);
  1013. transform:scale(2.5)
  1014. }
  1015. }
  1016. .search{
  1017. display:-webkit-box;
  1018. display:flex;
  1019. line-height:24px;
  1020. width:24px
  1021. }
  1022. .search.focused,.search.focused .section{
  1023. width:100%
  1024. }
  1025. .search form{
  1026. z-index:101
  1027. }
  1028. .search h3{
  1029. display:none
  1030. }
  1031. .search form{
  1032. display:-webkit-box;
  1033. display:flex;
  1034. -webkit-box-flex:1;
  1035. flex:1 0 0;
  1036. border-bottom:1px solid transparent;
  1037. padding-bottom:8px
  1038. }
  1039. .search form>*{
  1040. display:none
  1041. }
  1042. .search.focused form>*{
  1043. display:block
  1044. }
  1045. .search .search-input label{
  1046. display:none
  1047. }
  1048. .collapsed-header .centered-top-container .search.focused form{
  1049. border-bottom-color:transparent
  1050. }
  1051. .search-expand{
  1052. -webkit-box-flex:0;
  1053. flex:0 0 auto
  1054. }
  1055. .search-expand-text{
  1056. display:none
  1057. }
  1058. .search-close{
  1059. display:inline;
  1060. vertical-align:middle
  1061. }
  1062. .search-input{
  1063. -webkit-box-flex:1;
  1064. flex:1 0 1px
  1065. }
  1066. .search-input input{
  1067. background:none;
  1068. border:0;
  1069. box-sizing:border-box;
  1070. color:$(blog.title.color);
  1071. display:inline-block;
  1072. outline:none;
  1073. width:calc(100% - 48px)
  1074. }
  1075. .search-input input.no-cursor{
  1076. color:transparent;
  1077. text-shadow:0 0 0 $(blog.title.color)
  1078. }
  1079. .collapsed-header .centered-top-container .search-action,.collapsed-header .centered-top-container .search-input input{
  1080. color:$(posts.title.color)
  1081. }
  1082. .collapsed-header .centered-top-container .search-input input.no-cursor{
  1083. color:transparent;
  1084. text-shadow:0 0 0 $(posts.title.color)
  1085. }
  1086. .collapsed-header .centered-top-container .search-input input.no-cursor:focus,.search-input input.no-cursor:focus{
  1087. outline:none
  1088. }
  1089. .search-focused>*{
  1090. visibility:hidden
  1091. }
  1092. .search-focused .search,.search-focused .search-icon{
  1093. visibility:visible
  1094. }
  1095. .widget.Sharing .sharing-button{
  1096. display:none
  1097. }
  1098. .widget.Sharing .sharing-buttons li{
  1099. padding:0
  1100. }
  1101. .widget.Sharing .sharing-buttons li span{
  1102. display:none
  1103. }
  1104. .post-share-buttons{
  1105. position:relative
  1106. }
  1107. .sharing-open.touch-icon-button:active .touch-icon,.sharing-open.touch-icon-button:focus .touch-icon{
  1108. background-color:transparent
  1109. }
  1110. .share-buttons{
  1111. background-color:$(sharing.background.color);
  1112. border-radius:2px;
  1113. 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);
  1114. color:$(sharing.text.color);
  1115. list-style:none;
  1116. margin:0;
  1117. padding:8px 0;
  1118. position:absolute;
  1119. top:-11px;
  1120. min-width:200px;
  1121. z-index:101
  1122. }
  1123. .share-buttons.hidden{
  1124. display:none
  1125. }
  1126. .sharing-button{
  1127. background:transparent;
  1128. border:0;
  1129. margin:0;
  1130. outline:none;
  1131. padding:0;
  1132. cursor:pointer
  1133. }
  1134. .share-buttons li{
  1135. margin:0;
  1136. height:48px
  1137. }
  1138. .share-buttons li:last-child{
  1139. margin-bottom:0
  1140. }
  1141. .share-buttons li .sharing-platform-button{
  1142. box-sizing:border-box;
  1143. cursor:pointer;
  1144. display:block;
  1145. height:100%;
  1146. margin-bottom:0;
  1147. padding:0 16px;
  1148. position:relative;
  1149. width:100%
  1150. }
  1151. .share-buttons li .sharing-platform-button:focus,.share-buttons li .sharing-platform-button:hover{
  1152. background-color:hsla(0,0%,50.2%,.1);
  1153. outline:none
  1154. }
  1155. .share-buttons li svg[class*=sharing-],.share-buttons li svg[class^=sharing-]{
  1156. position:absolute;
  1157. top:10px
  1158. }
  1159. .share-buttons li span.sharing-platform-button{
  1160. position:relative;
  1161. top:0
  1162. }
  1163. .share-buttons li .platform-sharing-text{
  1164. display:block;
  1165. font-size:16px;
  1166. line-height:48px;
  1167. white-space:nowrap;
  1168. margin-$startSide:56px
  1169. }
  1170. .sidebar-container{
  1171. background-color:$(sidebar.backgroundColorBottom);
  1172. max-width:$(sidebar.width);
  1173. overflow-y:auto;
  1174. -webkit-transition-property:-webkit-transform;
  1175. transition-property:-webkit-transform;
  1176. transition-property:transform;
  1177. transition-property:transform,-webkit-transform;
  1178. -webkit-transition-duration:.3s;
  1179. transition-duration:.3s;
  1180. -webkit-transition-timing-function:cubic-bezier(0,0,.2,1);
  1181. transition-timing-function:cubic-bezier(0,0,.2,1);
  1182. width:$(sidebar.width);
  1183. z-index:101;
  1184. -webkit-overflow-scrolling:touch
  1185. }
  1186. .sidebar-container .navigation{
  1187. line-height:0;
  1188. padding:16px
  1189. }
  1190. .sidebar-container .sidebar-back{
  1191. cursor:pointer
  1192. }
  1193. .sidebar-container .widget{
  1194. background:none;
  1195. margin:0 16px;
  1196. padding:16px 0
  1197. }
  1198. .sidebar-container .widget .title{
  1199. color:$(widget.title.color);
  1200. margin:0
  1201. }
  1202. .sidebar-container .widget ul{
  1203. list-style:none;
  1204. margin:0;
  1205. padding:0
  1206. }
  1207. .sidebar-container .widget ul ul{
  1208. margin-$startSide:1em
  1209. }
  1210. .sidebar-container .widget li{
  1211. font-size:16px;
  1212. line-height:normal
  1213. }
  1214. .sidebar-container .widget+.widget{
  1215. border-top:1px dashed $(sidebar.separator.color)
  1216. }
  1217. .BlogArchive li{
  1218. margin:16px 0
  1219. }
  1220. .BlogArchive li:last-child{
  1221. margin-bottom:0
  1222. }
  1223. .Label li a{
  1224. display:inline-block
  1225. }
  1226. .BlogArchive .post-count,.Label .label-count{
  1227. float:$endSide;
  1228. margin-$startSide:.25em
  1229. }
  1230. .BlogArchive .post-count:before,.Label .label-count:before{
  1231. content:"("
  1232. }
  1233. .BlogArchive .post-count:after,.Label .label-count:after{
  1234. content:")"
  1235. }
  1236. .widget.Translate .skiptranslate>div{
  1237. display:block!important
  1238. }
  1239. .widget.Profile .profile-link{
  1240. display:-webkit-box;
  1241. display:flex
  1242. }
  1243. .widget.Profile .team-member .default-avatar-wrapper,.widget.Profile .team-member .profile-img{
  1244. -webkit-box-flex:0;
  1245. flex:0 0 auto;
  1246. margin-$endSide:1em
  1247. }
  1248. .widget.Profile .individual .profile-link{
  1249. -webkit-box-orient:vertical;
  1250. -webkit-box-direction:normal;
  1251. flex-direction:column
  1252. }
  1253. .widget.Profile .team .profile-link .profile-name{
  1254. align-self:center;
  1255. display:block;
  1256. -webkit-box-flex:1;
  1257. flex:1 1 auto
  1258. }
  1259. .dim-overlay{
  1260. background-color:rgba(0,0,0,.54);
  1261. z-index:100
  1262. }
  1263. body.sidebar-visible{
  1264. overflow-y:hidden
  1265. }
  1266. @media screen and (max-width:$(sidebar.width + content.width + content.margin * 2 - 1px)){
  1267. .sidebar-container{
  1268. bottom:0;
  1269. position:fixed;
  1270. top:0;
  1271. left:0;
  1272. right:auto
  1273. }
  1274. .sidebar-container.sidebar-invisible{
  1275. -webkit-transition-timing-function:cubic-bezier(.4,0,.6,1);
  1276. transition-timing-function:cubic-bezier(.4,0,.6,1);
  1277. -webkit-transform:translateX($(sidebar.width * -1));
  1278. transform:translateX($(sidebar.width * -1))
  1279. }
  1280. }
  1281. @media screen and (min-width:$(sidebar.width + content.width + content.margin * 2)){
  1282. .sidebar-container{
  1283. position:absolute;
  1284. top:0;
  1285. left:0;
  1286. right:auto
  1287. }
  1288. .sidebar-container .navigation{
  1289. display:none
  1290. }
  1291. }
  1292. .dialog{
  1293. 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);
  1294. background:$(posts.background.color);
  1295. box-sizing:border-box;
  1296. color:$(body.text.color);
  1297. padding:30px;
  1298. position:fixed;
  1299. text-align:center;
  1300. width:calc(100% - 24px);
  1301. z-index:101
  1302. }
  1303. .dialog input[type=email],.dialog input[type=text]{
  1304. background-color:transparent;
  1305. border:0;
  1306. border-bottom:1px solid rgba($(body.text.color.red),$(body.text.color.green),$(body.text.color.blue),.12);
  1307. color:$(body.text.color);
  1308. display:block;
  1309. font-family:$(body.text.font.family);
  1310. font-size:16px;
  1311. line-height:24px;
  1312. margin:auto;
  1313. padding-bottom:7px;
  1314. outline:none;
  1315. text-align:center;
  1316. width:100%
  1317. }
  1318. .dialog input[type=email]::-webkit-input-placeholder,.dialog input[type=text]::-webkit-input-placeholder{
  1319. color:$(body.text.color)
  1320. }
  1321. .dialog input[type=email]::-moz-placeholder,.dialog input[type=text]::-moz-placeholder{
  1322. color:$(body.text.color)
  1323. }
  1324. .dialog input[type=email]:-ms-input-placeholder,.dialog input[type=text]:-ms-input-placeholder{
  1325. color:$(body.text.color)
  1326. }
  1327. .dialog input[type=email]::-ms-input-placeholder,.dialog input[type=text]::-ms-input-placeholder{
  1328. color:$(body.text.color)
  1329. }
  1330. .dialog input[type=email]::placeholder,.dialog input[type=text]::placeholder{
  1331. color:$(body.text.color)
  1332. }
  1333. .dialog input[type=email]:focus,.dialog input[type=text]:focus{
  1334. border-bottom:2px solid $(body.link.color);
  1335. padding-bottom:6px
  1336. }
  1337. .dialog input.no-cursor{
  1338. color:transparent;
  1339. text-shadow:0 0 0 $(body.text.color)
  1340. }
  1341. .dialog input.no-cursor:focus{
  1342. outline:none
  1343. }
  1344. .dialog input[type=submit]{
  1345. font-family:$(body.text.font.family)
  1346. }
  1347. .dialog .goog-buttonset-default{
  1348. color:$(body.link.color)
  1349. }
  1350. .subscribe-popup{
  1351. max-width:364px
  1352. }
  1353. .subscribe-popup h3{
  1354. color:$(posts.title.color);
  1355. font-size:1.8em;
  1356. margin-top:0
  1357. }
  1358. .subscribe-popup .FollowByEmail h3{
  1359. display:none
  1360. }
  1361. .subscribe-popup .FollowByEmail .follow-by-email-submit{
  1362. color:$(body.link.color);
  1363. display:inline-block;
  1364. margin:24px auto 0;
  1365. width:auto;
  1366. white-space:normal
  1367. }
  1368. .subscribe-popup .FollowByEmail .follow-by-email-submit:disabled{
  1369. cursor:default;
  1370. opacity:.3
  1371. }
  1372. @media (max-width:800px){
  1373. .blog-name div.widget.Subscribe{
  1374. margin-bottom:16px
  1375. }
  1376. body.item-view .blog-name div.widget.Subscribe{
  1377. margin:8px auto 16px;
  1378. width:100%
  1379. }
  1380. }
  1381. .tabs{
  1382. list-style:none
  1383. }
  1384. .tabs li,.tabs li a{
  1385. display:inline-block
  1386. }
  1387. .tabs li a{
  1388. cursor:pointer;
  1389. font-weight:700;
  1390. text-transform:uppercase;
  1391. padding:12px 8px
  1392. }
  1393. .tabs .selected{
  1394. border-bottom:4px solid $(tabs.selected.color)
  1395. }
  1396. .tabs .selected a{
  1397. color:$(tabs.selected.color)
  1398. }
  1399. body#layout .bg-photo,body#layout .bg-photo-overlay{
  1400. display:none
  1401. }
  1402. body#layout .page_body{
  1403. padding:0;
  1404. position:relative;
  1405. top:0
  1406. }
  1407. body#layout .page{
  1408. display:inline-block;
  1409. left:inherit;
  1410. position:relative;
  1411. vertical-align:top;
  1412. width:540px
  1413. }
  1414. body#layout .centered{
  1415. max-width:954px
  1416. }
  1417. body#layout .navigation{
  1418. display:none
  1419. }
  1420. body#layout .sidebar-container{
  1421. display:inline-block;
  1422. width:40%
  1423. }
  1424. body#layout .hamburger-menu,body#layout .search{
  1425. display:none
  1426. }
  1427. .centered-top-container .svg-icon-24,body.collapsed-header .centered-top-placeholder .svg-icon-24{
  1428. fill:$(header.icons.color)
  1429. }
  1430. .sidebar-container .svg-icon-24{
  1431. fill:$(sidebar.icons.color)
  1432. }
  1433. .centered-bottom .svg-icon-24,body.collapsed-header .centered-top-container .svg-icon-24{
  1434. fill:$(posts.icons.color)
  1435. }
  1436. .centered-bottom .share-buttons .svg-icon-24,.share-buttons .svg-icon-24{
  1437. fill:$(sharing.icons.color)
  1438. }
  1439. body{
  1440. background-color:$(body.background.color);
  1441. color:$(body.text.color);
  1442. font:$(body.text.font);
  1443. margin:0;
  1444. min-height:100vh
  1445. }
  1446. img{
  1447. max-width:100%
  1448. }
  1449. h3{
  1450. color:$(body.text.color);
  1451. font-size:16px
  1452. }
  1453. a{
  1454. text-decoration:none;
  1455. color:$(body.link.color)
  1456. }
  1457. a:visited{
  1458. color:$(body.link.visited.color)
  1459. }
  1460. a:hover{
  1461. color:$(body.link.hover.color)
  1462. }
  1463. blockquote{
  1464. color:$(blockquote.color);
  1465. font:$(blockquote.font);
  1466. font-size:x-large;
  1467. text-align:center
  1468. }
  1469. .pill-button{
  1470. font-size:12px
  1471. }
  1472. .bg-photo-container{
  1473. height:$(body.background.height);
  1474. overflow:hidden;
  1475. position:absolute;
  1476. width:100%;
  1477. z-index:1
  1478. }
  1479. .bg-photo{
  1480. background:$(body.background);
  1481. background-attachment:scroll;
  1482. background-size:cover;
  1483. -webkit-filter:blur($(body.background.blur));
  1484. filter:blur($(body.background.blur));
  1485. height:calc(100% + 2 * $(body.background.blur));
  1486. left:$(0 - body.background.blur);
  1487. position:absolute;
  1488. top:$(0 - body.background.blur);
  1489. width:calc(100% + 2 * $(body.background.blur))
  1490. }
  1491. .bg-photo-overlay{
  1492. background:$(body.background.shadow);
  1493. background-size:cover;
  1494. height:$(body.background.height);
  1495. position:absolute;
  1496. width:100%;
  1497. z-index:2
  1498. }
  1499. .hamburger-menu{
  1500. float:left;
  1501. margin-top:0
  1502. }
  1503. .sticky .hamburger-menu{
  1504. float:none;
  1505. position:absolute
  1506. }
  1507. .no-sidebar-widget .hamburger-menu{
  1508. display:none
  1509. }
  1510. .footer .widget .title{
  1511. margin:0;
  1512. line-height:24px
  1513. }
  1514. .search{
  1515. border-bottom:1px solid $(blog.title.color.transparent);
  1516. float:right;
  1517. position:relative;
  1518. -webkit-transition-property:width;
  1519. transition-property:width;
  1520. -webkit-transition-duration:.5s;
  1521. transition-duration:.5s;
  1522. -webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);
  1523. transition-timing-function:cubic-bezier(.4,0,.2,1);
  1524. z-index:101
  1525. }
  1526. .search .dim-overlay{
  1527. background-color:transparent
  1528. }
  1529. .search form{
  1530. height:36px;
  1531. -webkit-transition:border-color .2s cubic-bezier(.4,0,.2,1) .5s;
  1532. transition:border-color .2s cubic-bezier(.4,0,.2,1) .5s
  1533. }
  1534. .search.focused{
  1535. width:calc(100% - 48px)
  1536. }
  1537. .search.focused form{
  1538. display:-webkit-box;
  1539. display:flex;
  1540. -webkit-box-flex:1;
  1541. flex:1 0 1px;
  1542. border-color:$(blog.title.color);
  1543. margin-$startSide:-24px;
  1544. padding-$startSide:36px;
  1545. position:relative;
  1546. width:auto
  1547. }
  1548. .item-view .search,.sticky .search{
  1549. $endSide:0;
  1550. float:none;
  1551. margin-left:0;
  1552. position:absolute
  1553. }
  1554. .item-view .search.focused,.sticky .search.focused{
  1555. width:calc(100% - 50px)
  1556. }
  1557. .item-view .search.focused form,.sticky .search.focused form{
  1558. border-bottom-color:$(posts.text.color)
  1559. }
  1560. .centered-top-placeholder.cloned .search form{
  1561. z-index:30
  1562. }
  1563. .search_button{
  1564. -webkit-box-flex:0;
  1565. flex:0 0 24px;
  1566. -webkit-box-orient:vertical;
  1567. -webkit-box-direction:normal;
  1568. flex-direction:column
  1569. }
  1570. .search_button svg{
  1571. margin-top:0
  1572. }
  1573. .search-input{
  1574. height:48px
  1575. }
  1576. .search-input input{
  1577. display:block;
  1578. color:$(search.input.color);
  1579. font:$(search.input.font);
  1580. height:48px;
  1581. line-height:48px;
  1582. padding:0;
  1583. width:100%
  1584. }
  1585. .search-input input::-webkit-input-placeholder{
  1586. color:$(search.placeholder.color);
  1587. opacity:.3
  1588. }
  1589. .search-input input::-moz-placeholder{
  1590. color:$(search.placeholder.color);
  1591. opacity:.3
  1592. }
  1593. .search-input input:-ms-input-placeholder{
  1594. color:$(search.placeholder.color);
  1595. opacity:.3
  1596. }
  1597. .search-input input::-ms-input-placeholder{
  1598. color:$(search.placeholder.color);
  1599. opacity:.3
  1600. }
  1601. .search-input input::placeholder{
  1602. color:$(search.placeholder.color);
  1603. opacity:.3
  1604. }
  1605. .search-action{
  1606. background:transparent;
  1607. border:0;
  1608. color:$(blog.title.color);
  1609. cursor:pointer;
  1610. display:none;
  1611. height:48px;
  1612. margin-top:0
  1613. }
  1614. .sticky .search-action{
  1615. color:$(posts.text.color)
  1616. }
  1617. .search.focused .search-action{
  1618. display:block
  1619. }
  1620. .search.focused .search-action:disabled{
  1621. opacity:.3
  1622. }
  1623. .page_body{
  1624. position:relative;
  1625. z-index:20
  1626. }
  1627. .page_body .widget{
  1628. margin-bottom:16px
  1629. }
  1630. .page_body .centered{
  1631. box-sizing:border-box;
  1632. display:-webkit-box;
  1633. display:flex;
  1634. -webkit-box-orient:vertical;
  1635. -webkit-box-direction:normal;
  1636. flex-direction:column;
  1637. margin:0 auto;
  1638. max-width:$(content.width);
  1639. min-height:100vh;
  1640. padding:24px 0
  1641. }
  1642. .page_body .centered>*{
  1643. -webkit-box-flex:0;
  1644. flex:0 0 auto
  1645. }
  1646. .page_body .centered>.footer{
  1647. margin-top:auto;
  1648. text-align:center
  1649. }
  1650. .blog-name{
  1651. margin:32px 0 16px
  1652. }
  1653. .item-view .blog-name,.sticky .blog-name{
  1654. box-sizing:border-box;
  1655. margin-left:36px;
  1656. min-height:48px;
  1657. opacity:1;
  1658. padding-top:12px
  1659. }
  1660. .blog-name .subscribe-section-container{
  1661. margin-bottom:32px;
  1662. text-align:center;
  1663. -webkit-transition-property:opacity;
  1664. transition-property:opacity;
  1665. -webkit-transition-duration:.5s;
  1666. transition-duration:.5s
  1667. }
  1668. .item-view .blog-name .subscribe-section-container,.sticky .blog-name .subscribe-section-container{
  1669. margin:0 0 8px
  1670. }
  1671. .blog-name .subscribe-empty-placeholder{
  1672. margin-bottom:48px
  1673. }
  1674. .blog-name .PageList{
  1675. margin-top:16px;
  1676. padding-top:8px;
  1677. text-align:center
  1678. }
  1679. .blog-name .PageList .overflowable-contents{
  1680. width:100%
  1681. }
  1682. .blog-name .PageList h3.title{
  1683. color:$(blog.title.color);
  1684. margin:8px auto;
  1685. text-align:center;
  1686. width:100%
  1687. }
  1688. .centered-top-container .blog-name{
  1689. -webkit-transition-property:opacity;
  1690. transition-property:opacity;
  1691. -webkit-transition-duration:.5s;
  1692. transition-duration:.5s
  1693. }
  1694. .item-view .return_link{
  1695. margin-bottom:12px;
  1696. margin-top:12px;
  1697. position:absolute
  1698. }
  1699. .item-view .blog-name{
  1700. display:-webkit-box;
  1701. display:flex;
  1702. flex-wrap:wrap;
  1703. margin:0 48px 27px
  1704. }
  1705. .item-view .subscribe-section-container{
  1706. -webkit-box-flex:0;
  1707. flex:0 0 auto
  1708. }
  1709. .item-view #header,.item-view .Header{
  1710. margin-bottom:5px;
  1711. margin-right:15px
  1712. }
  1713. .item-view .sticky .Header{
  1714. margin-bottom:0
  1715. }
  1716. .item-view .Header p{
  1717. margin:10px 0 0;
  1718. text-align:left
  1719. }
  1720. .item-view .post-share-buttons-bottom{
  1721. margin-$endSide:16px
  1722. }
  1723. .sticky{
  1724. background:$(posts.background.color);
  1725. box-shadow:0 0 20px 0 rgba(0,0,0,.7);
  1726. box-sizing:border-box;
  1727. margin-left:0
  1728. }
  1729. .sticky #header{
  1730. margin-bottom:8px;
  1731. margin-$endSide:8px
  1732. }
  1733. .sticky .centered-top{
  1734. margin:4px auto;
  1735. max-width:$(content.width - 32px);
  1736. min-height:48px
  1737. }
  1738. .sticky .blog-name{
  1739. display:-webkit-box;
  1740. display:flex;
  1741. margin:0 48px
  1742. }
  1743. .sticky .blog-name #header{
  1744. -webkit-box-flex:0;
  1745. flex:0 1 auto;
  1746. -webkit-box-ordinal-group:2;
  1747. order:1;
  1748. overflow:hidden
  1749. }
  1750. .sticky .blog-name .subscribe-section-container{
  1751. -webkit-box-flex:0;
  1752. flex:0 0 auto;
  1753. -webkit-box-ordinal-group:3;
  1754. order:2
  1755. }
  1756. .sticky .Header h1{
  1757. overflow:hidden;
  1758. text-overflow:ellipsis;
  1759. white-space:nowrap;
  1760. margin-$endSide:-10px;
  1761. margin-bottom:-10px;
  1762. padding-$endSide:10px;
  1763. padding-bottom:10px
  1764. }
  1765. .sticky .Header p,.sticky .PageList{
  1766. display:none
  1767. }
  1768. .search-focused .hamburger-menu,.search-focused>*{
  1769. visibility:visible
  1770. }
  1771. .item-view .search-focused .blog-name,.sticky .search-focused .blog-name{
  1772. opacity:0
  1773. }
  1774. .centered-bottom,.centered-top-container,.centered-top-placeholder{
  1775. padding:0 16px
  1776. }
  1777. .centered-top{
  1778. position:relative
  1779. }
  1780. .item-view .centered-top.search-focused .subscribe-section-container,.sticky .centered-top.search-focused .subscribe-section-container{
  1781. opacity:0
  1782. }
  1783. .page_body.has-vertical-ads .centered .centered-bottom{
  1784. display:inline-block;
  1785. width:calc(100% - 176px)
  1786. }
  1787. .Header h1{
  1788. font:$(blog.title.font);
  1789. line-height:normal;
  1790. margin:0 0 13px;
  1791. text-align:center;
  1792. width:100%
  1793. }
  1794. .Header h1,.Header h1 a,.Header h1 a:hover,.Header h1 a:visited{
  1795. color:$(blog.title.color)
  1796. }
  1797. .item-view .Header h1,.sticky .Header h1{
  1798. font-size:24px;
  1799. line-height:24px;
  1800. margin:0;
  1801. text-align:left
  1802. }
  1803. .sticky .Header h1,.sticky .Header h1 a,.sticky .Header h1 a:hover,.sticky .Header h1 a:visited{
  1804. color:$(posts.text.color)
  1805. }
  1806. .Header p{
  1807. color:$(blog.title.color);
  1808. margin:0 0 13px;
  1809. opacity:.8;
  1810. text-align:center
  1811. }
  1812. .widget .title{
  1813. line-height:28px
  1814. }
  1815. .BlogArchive li{
  1816. font-size:16px
  1817. }
  1818. .BlogArchive .post-count{
  1819. color:$(posts.text.color)
  1820. }
  1821. #page_body .FeaturedPost,.Blog .blog-posts .post-outer-container{
  1822. background:$(posts.background.color);
  1823. min-height:40px;
  1824. padding:30px 40px;
  1825. width:auto;
  1826. box-shadow:0 1px 4px 0 $(posts.boxshadow.color)
  1827. }
  1828. .Blog .blog-posts .post-outer-container:last-child{
  1829. margin-bottom:0
  1830. }
  1831. .Blog .blog-posts .post-outer-container .post-outer{
  1832. border:0;
  1833. position:relative;
  1834. padding-bottom:.25em
  1835. }
  1836. .post-outer-container{
  1837. margin-bottom:16px
  1838. }
  1839. .post:first-child{
  1840. margin-top:0
  1841. }
  1842. .post .thumb{
  1843. float:left;
  1844. height:20%;
  1845. width:20%
  1846. }
  1847. .post-share-buttons-bottom,.post-share-buttons-top{
  1848. float:$(endSide)
  1849. }
  1850. .post-share-buttons-bottom{
  1851. margin-$endSide:24px
  1852. }
  1853. .post-footer,.post-header{
  1854. clear:$(startSide);
  1855. color:$(posts.byline.color);
  1856. margin:0;
  1857. width:inherit
  1858. }
  1859. .blog-pager{
  1860. text-align:center
  1861. }
  1862. .blog-pager a{
  1863. color:$(posts.navigation.link.color)
  1864. }
  1865. .blog-pager a:visited{
  1866. color:$(posts.navigation.link.visited.color)
  1867. }
  1868. .blog-pager a:hover{
  1869. color:$(posts.navigation.link.hover.color)
  1870. }
  1871. .post-title{
  1872. font:$(posts.title.font);
  1873. float:$(startSide);
  1874. margin:0 0 8px;
  1875. max-width:calc(100% - 48px)
  1876. }
  1877. .post-title a{
  1878. font:$(posts.stream.title.font)
  1879. }
  1880. .post-title,.post-title a,.post-title a:hover,.post-title a:visited{
  1881. color:$(posts.title.color)
  1882. }
  1883. .post-body{
  1884. color:$(posts.text.color);
  1885. font:$(posts.text.font);
  1886. line-height:1.6em;
  1887. margin:1.5em 0 2em;
  1888. display:block
  1889. }
  1890. .post-body img{
  1891. height:inherit
  1892. }
  1893. .post-body .snippet-thumbnail{
  1894. float:$(startSide);
  1895. margin:0;
  1896. margin-$endSide:2em;
  1897. max-height:128px;
  1898. max-width:128px
  1899. }
  1900. .post-body .snippet-thumbnail img{
  1901. max-width:100%
  1902. }
  1903. .main .FeaturedPost .widget-content{
  1904. border:0;
  1905. position:relative;
  1906. padding-bottom:.25em
  1907. }
  1908. .FeaturedPost img{
  1909. margin-top:2em
  1910. }
  1911. .FeaturedPost .snippet-container{
  1912. margin:2em 0
  1913. }
  1914. .FeaturedPost .snippet-container p{
  1915. margin:0
  1916. }
  1917. .FeaturedPost .snippet-thumbnail{
  1918. float:none;
  1919. height:auto;
  1920. margin-bottom:2em;
  1921. margin-$endSide:0;
  1922. overflow:hidden;
  1923. max-height:calc(600px + 2em);
  1924. max-width:100%;
  1925. text-align:center;
  1926. width:100%
  1927. }
  1928. .FeaturedPost .snippet-thumbnail img{
  1929. max-width:100%;
  1930. width:100%
  1931. }
  1932. .byline{
  1933. color:$(posts.byline.color);
  1934. display:inline-block;
  1935. line-height:24px;
  1936. margin-top:8px;
  1937. vertical-align:top
  1938. }
  1939. .byline.post-author:first-child{
  1940. margin-$endSide:0
  1941. }
  1942. .byline.reactions .reactions-label{
  1943. line-height:22px;
  1944. vertical-align:top
  1945. }
  1946. .byline.post-share-buttons{
  1947. position:relative;
  1948. display:inline-block;
  1949. margin-top:0;
  1950. width:100%
  1951. }
  1952. .byline.post-share-buttons .sharing{
  1953. float:$(endSide)
  1954. }
  1955. .flat-button.ripple:hover{
  1956. background-color:rgba($(body.link.color.red),$(body.link.color.green),$(body.link.color.blue),.12)
  1957. }
  1958. .flat-button.ripple .splash{
  1959. background-color:rgba($(body.link.color.red),$(body.link.color.green),$(body.link.color.blue),.4)
  1960. }
  1961. a.timestamp-link,a:active.timestamp-link,a:visited.timestamp-link{
  1962. color:inherit;
  1963. font:inherit;
  1964. text-decoration:inherit
  1965. }
  1966. .post-share-buttons{
  1967. margin-left:0
  1968. }
  1969. .post-share-buttons.invisible{
  1970. display:none
  1971. }
  1972. .clear-sharing{
  1973. min-height:24px
  1974. }
  1975. .comment-link{
  1976. color:$(body.link.color);
  1977. position:relative
  1978. }
  1979. .comment-link .num_comments{
  1980. margin-left:8px;
  1981. vertical-align:top
  1982. }
  1983. #comment-holder .continue{
  1984. display:none
  1985. }
  1986. #comment-editor{
  1987. margin-bottom:20px;
  1988. margin-top:20px
  1989. }
  1990. #comments .comment-form h4,#comments h3.title{
  1991. position:absolute;
  1992. clip:rect(1px,1px,1px,1px);
  1993. padding:0;
  1994. border:0;
  1995. height:1px;
  1996. width:1px;
  1997. overflow:hidden
  1998. }
  1999. .post-filter-message{
  2000. background-color:rgba(0,0,0,.7);
  2001. color:#fff;
  2002. display:table;
  2003. margin-bottom:16px;
  2004. width:100%
  2005. }
  2006. .post-filter-message div{
  2007. display:table-cell;
  2008. padding:15px 28px
  2009. }
  2010. .post-filter-message div:last-child{
  2011. padding-$startSide:0;
  2012. text-align:$(endSide)
  2013. }
  2014. .post-filter-message a{
  2015. white-space:nowrap
  2016. }
  2017. .post-filter-message .search-label,.post-filter-message .search-query{
  2018. font-weight:700;
  2019. color:$(body.link.color)
  2020. }
  2021. #blog-pager{
  2022. margin:2em 0
  2023. }
  2024. #blog-pager a{
  2025. color:$(attribution.link.color);
  2026. font-size:14px
  2027. }
  2028. .subscribe-button{
  2029. border-color:$(blog.title.color);
  2030. color:$(blog.title.color)
  2031. }
  2032. .sticky .subscribe-button{
  2033. border-color:$(posts.text.color);
  2034. color:$(posts.text.color)
  2035. }
  2036. .tabs{
  2037. margin:0 auto;
  2038. padding:0
  2039. }
  2040. .tabs li{
  2041. margin:0 8px;
  2042. vertical-align:top
  2043. }
  2044. .tabs .overflow-button a,.tabs li a{
  2045. color:$(tabs.color);
  2046. font:$(tabs.font);
  2047. line-height:$(body.text.font.size * 1.2)
  2048. }
  2049. .tabs .overflow-button a{
  2050. padding:12px 8px
  2051. }
  2052. .overflow-popup .tabs li{
  2053. text-align:left
  2054. }
  2055. .overflow-popup li a{
  2056. color:$(tabs.overflow.color);
  2057. display:block;
  2058. padding:8px 20px
  2059. }
  2060. .overflow-popup li.selected a{
  2061. color:$(tabs.overflow.selected.color)
  2062. }
  2063. .ReportAbuse.widget{
  2064. margin-bottom:0
  2065. }
  2066. .ReportAbuse a.report_abuse{
  2067. display:inline-block;
  2068. margin-bottom:8px;
  2069. font:$(body.text.font);
  2070. font-weight:400;
  2071. line-height:24px
  2072. }
  2073. .ReportAbuse a.report_abuse,.ReportAbuse a.report_abuse:hover{
  2074. color:#888
  2075. }
  2076. .byline.post-labels a,.Label li,.Label span.label-size{
  2077. background-color:$(labels.background.color);
  2078. border:1px solid $(labels.background.color);
  2079. border-radius:15px;
  2080. display:inline-block;
  2081. margin:4px 4px 4px 0;
  2082. padding:3px 8px
  2083. }
  2084. .byline.post-labels a,.Label a{
  2085. color:$(labels.text.color)
  2086. }
  2087. .Label ul{
  2088. list-style:none;
  2089. padding:0
  2090. }
  2091. .PopularPosts{
  2092. background-color:$(popularposts.background.color);
  2093. padding:30px 40px
  2094. }
  2095. .PopularPosts .item-content{
  2096. color:$(popularposts.text.color);
  2097. margin-top:24px
  2098. }
  2099. .PopularPosts a,.PopularPosts a:hover,.PopularPosts a:visited{
  2100. color:$(popularposts.link.color)
  2101. }
  2102. .PopularPosts .post-title,.PopularPosts .post-title a,.PopularPosts .post-title a:hover,.PopularPosts .post-title a:visited{
  2103. color:$(popularposts.title.color);
  2104. font-size:18px;
  2105. font-weight:700;
  2106. line-height:24px
  2107. }
  2108. .PopularPosts,.PopularPosts h3.title a{
  2109. color:$(posts.text.color);
  2110. font:$(posts.text.font)
  2111. }
  2112. .main .PopularPosts{
  2113. padding:16px 40px
  2114. }
  2115. .PopularPosts h3.title{
  2116. font-size:14px;
  2117. margin:0
  2118. }
  2119. .PopularPosts h3.post-title{
  2120. margin-bottom:0
  2121. }
  2122. .PopularPosts .byline{
  2123. color:$(popularposts.byline.color)
  2124. }
  2125. .PopularPosts .jump-link{
  2126. float:$(endSide);
  2127. margin-top:16px
  2128. }
  2129. .PopularPosts .post-header .byline{
  2130. font-size:.9em;
  2131. font-style:italic;
  2132. margin-top:6px
  2133. }
  2134. .PopularPosts ul{
  2135. list-style:none;
  2136. padding:0;
  2137. margin:0
  2138. }
  2139. .PopularPosts .post{
  2140. padding:20px 0
  2141. }
  2142. .PopularPosts .post+.post{
  2143. border-top:1px dashed $(sidebar.separator.color)
  2144. }
  2145. .PopularPosts .item-thumbnail{
  2146. float:$(startSide);
  2147. margin-$endSide:32px
  2148. }
  2149. .PopularPosts .item-thumbnail img{
  2150. height:88px;
  2151. padding:0;
  2152. width:88px
  2153. }
  2154. .inline-ad{
  2155. margin-bottom:16px
  2156. }
  2157. .desktop-ad .inline-ad{
  2158. display:block
  2159. }
  2160. .adsbygoogle{
  2161. overflow:hidden
  2162. }
  2163. .vertical-ad-container{
  2164. float:$(endSide);
  2165. margin-$endSide:16px;
  2166. width:128px
  2167. }
  2168. .vertical-ad-container .AdSense+.AdSense{
  2169. margin-top:16px
  2170. }
  2171. .inline-ad-placeholder,.vertical-ad-placeholder{
  2172. background:$(posts.background.color);
  2173. border:1px solid #000;
  2174. opacity:.9;
  2175. vertical-align:middle;
  2176. text-align:center
  2177. }
  2178. .inline-ad-placeholder span,.vertical-ad-placeholder span{
  2179. margin-top:290px;
  2180. display:block;
  2181. text-transform:uppercase;
  2182. font-weight:700;
  2183. color:$(posts.title.color)
  2184. }
  2185. .vertical-ad-placeholder{
  2186. height:600px
  2187. }
  2188. .vertical-ad-placeholder span{
  2189. margin-top:290px;
  2190. padding:0 40px
  2191. }
  2192. .inline-ad-placeholder{
  2193. height:90px
  2194. }
  2195. .inline-ad-placeholder span{
  2196. margin-top:36px
  2197. }
  2198. .Attribution{
  2199. display:inline-block;
  2200. color:$(attribution.text.color)
  2201. }
  2202. .Attribution a,.Attribution a:hover,.Attribution a:visited{
  2203. color:$(attribution.link.color)
  2204. }
  2205. .Attribution svg{
  2206. display:none
  2207. }
  2208. .sidebar-container{
  2209. box-shadow:1px 1px 3px rgba(0,0,0,.1)
  2210. }
  2211. .sidebar-container,.sidebar-container .sidebar_bottom{
  2212. background-color:$(sidebar.backgroundColorBottom)
  2213. }
  2214. .sidebar-container .navigation,.sidebar-container .sidebar_top_wrapper{
  2215. background-color:$(sidebar.backgroundColorTop)
  2216. }
  2217. .sidebar-container .sidebar_top{
  2218. overflow:auto
  2219. }
  2220. .sidebar-container .sidebar_bottom{
  2221. width:100%;
  2222. padding-top:16px
  2223. }
  2224. .sidebar-container .widget:first-child{
  2225. padding-top:0
  2226. }
  2227. .no-sidebar-widget .sidebar-container,.preview .sidebar-container{
  2228. display:none
  2229. }
  2230. .sidebar_top .widget.Profile{
  2231. padding-bottom:16px
  2232. }
  2233. .widget.Profile{
  2234. margin:0;
  2235. width:100%
  2236. }
  2237. .widget.Profile h2{
  2238. display:none
  2239. }
  2240. .widget.Profile h3.title{
  2241. color:$(profile.title.color);
  2242. margin:16px 32px
  2243. }
  2244. .widget.Profile .individual{
  2245. text-align:center
  2246. }
  2247. .widget.Profile .individual .profile-link{
  2248. padding:1em
  2249. }
  2250. .widget.Profile .individual .default-avatar-wrapper .avatar-icon{
  2251. margin:auto
  2252. }
  2253. .widget.Profile .team{
  2254. margin-bottom:32px;
  2255. margin-left:32px;
  2256. margin-right:32px
  2257. }
  2258. .widget.Profile ul{
  2259. list-style:none;
  2260. padding:0
  2261. }
  2262. .widget.Profile li{
  2263. margin:10px 0
  2264. }
  2265. .widget.Profile .profile-img{
  2266. border-radius:50%;
  2267. float:none
  2268. }
  2269. .widget.Profile .profile-link{
  2270. color:$(profile.link.color);
  2271. font-size:.9em;
  2272. margin-bottom:1em;
  2273. opacity:.87;
  2274. overflow:hidden
  2275. }
  2276. .widget.Profile .profile-link.visit-profile{
  2277. border-style:solid;
  2278. border-width:1px;
  2279. border-radius:12px;
  2280. cursor:pointer;
  2281. font-size:12px;
  2282. font-weight:400;
  2283. padding:5px 20px;
  2284. display:inline-block;
  2285. line-height:normal
  2286. }
  2287. .widget.Profile dd{
  2288. color:$(profile.text.color);
  2289. margin:0 16px
  2290. }
  2291. .widget.Profile location{
  2292. margin-bottom:1em
  2293. }
  2294. .widget.Profile .profile-textblock{
  2295. font-size:14px;
  2296. line-height:24px;
  2297. position:relative
  2298. }
  2299. body.sidebar-visible .bg-photo-container,body.sidebar-visible .page_body{
  2300. overflow-y:scroll
  2301. }
  2302. @media screen and (min-width:$(sidebar.width + content.width + content.margin * 2)){
  2303. .sidebar-container{
  2304. min-height:100%;
  2305. overflow:visible;
  2306. z-index:32
  2307. }
  2308. .sidebar-container.show-sidebar-top{
  2309. margin-top:$(body.background.height);
  2310. min-height:calc(100% - $(body.background.height))
  2311. }
  2312. .sidebar-container .sidebar_top_wrapper{
  2313. background-color:$(sidebar.backgroundColorTopHD);
  2314. height:$(body.background.height);
  2315. margin-top:$(body.background.height * -1)
  2316. }
  2317. .sidebar-container .sidebar_top{
  2318. height:$(body.background.height);
  2319. max-height:$(body.background.height)
  2320. }
  2321. .sidebar-container .sidebar_bottom{
  2322. max-width:$(sidebar.width);
  2323. width:$(sidebar.width)
  2324. }
  2325. body.collapsed-header .sidebar-container{
  2326. z-index:15
  2327. }
  2328. .sidebar-container .sidebar_top:empty{
  2329. display:none
  2330. }
  2331. .sidebar-container .sidebar_top>:only-child{
  2332. -webkit-box-flex:0;
  2333. flex:0 0 auto;
  2334. align-self:center;
  2335. width:100%
  2336. }
  2337. .sidebar_top_wrapper.no-items{
  2338. display:none
  2339. }
  2340. }
  2341. .post-snippet.snippet-container{
  2342. max-height:120px
  2343. }
  2344. .post-snippet .snippet-item{
  2345. line-height:24px
  2346. }
  2347. .post-snippet .snippet-fade{
  2348. background:-webkit-linear-gradient($startSide,$(posts.background.color) 0,$(posts.background.color) 20%,$(posts.background.color.transparent) 100%);
  2349. background:linear-gradient(to $startSide,$(posts.background.color) 0,$(posts.background.color) 20%,$(posts.background.color.transparent) 100%);
  2350. color:$(body.text.color);
  2351. height:24px
  2352. }
  2353. .popular-posts-snippet.snippet-container{
  2354. max-height:72px
  2355. }
  2356. .popular-posts-snippet .snippet-item{
  2357. line-height:24px
  2358. }
  2359. .PopularPosts .popular-posts-snippet .snippet-fade{
  2360. color:$(body.text.color);
  2361. height:24px
  2362. }
  2363. .main .popular-posts-snippet .snippet-fade{
  2364. background:-webkit-linear-gradient($startSide,$(popularposts.background.color) 0,$(popularposts.background.color) 20%,$(popularposts.background.color.transparent) 100%);
  2365. background:linear-gradient(to $startSide,$(popularposts.background.color) 0,$(popularposts.background.color) 20%,$(popularposts.background.color.transparent) 100%)
  2366. }
  2367. .sidebar_bottom .popular-posts-snippet .snippet-fade{
  2368. background:-webkit-linear-gradient($startSide,$(sidebar.backgroundColorBottom) 0,$(sidebar.backgroundColorBottom) 20%,$(sidebar.backgroundColorBottom.transparent) 100%);
  2369. background:linear-gradient(to $startSide,$(sidebar.backgroundColorBottom) 0,$(sidebar.backgroundColorBottom) 20%,$(sidebar.backgroundColorBottom.transparent) 100%)
  2370. }
  2371. .profile-snippet.snippet-container{
  2372. max-height:192px
  2373. }
  2374. .has-location .profile-snippet.snippet-container{
  2375. max-height:144px
  2376. }
  2377. .profile-snippet .snippet-item{
  2378. line-height:24px
  2379. }
  2380. .profile-snippet .snippet-fade{
  2381. background:-webkit-linear-gradient($startSide,$(sidebar.backgroundColorTop) 0,$(sidebar.backgroundColorTop) 20%,$(sidebar.backgroundColorTop.transparent) 100%);
  2382. background:linear-gradient(to $startSide,$(sidebar.backgroundColorTop) 0,$(sidebar.backgroundColorTop) 20%,$(sidebar.backgroundColorTop.transparent) 100%);
  2383. color:$(profile.text.color);
  2384. height:24px
  2385. }
  2386. @media screen and (min-width:$(sidebar.width + content.width + content.margin * 2)){
  2387. .profile-snippet .snippet-fade{
  2388. background:-webkit-linear-gradient($startSide,$(sidebar.backgroundColorTopHD) 0,$(sidebar.backgroundColorTopHD) 20%,$(sidebar.backgroundColorTopHD.transparent) 100%);
  2389. background:linear-gradient(to $startSide,$(sidebar.backgroundColorTopHD) 0,$(sidebar.backgroundColorTopHD) 20%,$(sidebar.backgroundColorTopHD.transparent) 100%)
  2390. }
  2391. }
  2392. @media screen and (max-width:800px){
  2393. .blog-name{
  2394. margin-top:0
  2395. }
  2396. body.item-view .blog-name{
  2397. margin:0 48px
  2398. }
  2399. .blog-name .subscribe-empty-placeholder{
  2400. margin-bottom:0
  2401. }
  2402. .centered-bottom{
  2403. padding:8px
  2404. }
  2405. body.item-view .centered-bottom{
  2406. padding:0
  2407. }
  2408. body.item-view #header,body.item-view .widget.Header{
  2409. margin-right:0
  2410. }
  2411. body.collapsed-header .centered-top-container .blog-name{
  2412. display:block
  2413. }
  2414. body.collapsed-header .centered-top-container .widget.Header h1{
  2415. text-align:center
  2416. }
  2417. .widget.Header header{
  2418. padding:0
  2419. }
  2420. .widget.Header h1{
  2421. font-size:$(blog.title.font.size * 24/45);
  2422. line-height:$(blog.title.font.size * 24/45);
  2423. margin-bottom:13px
  2424. }
  2425. body.item-view .widget.Header h1,body.item-view .widget.Header p{
  2426. text-align:center
  2427. }
  2428. .blog-name .widget.PageList{
  2429. padding:0
  2430. }
  2431. body.item-view .centered-top{
  2432. margin-bottom:5px
  2433. }
  2434. .search-action,.search-input{
  2435. margin-bottom:-8px
  2436. }
  2437. .search form{
  2438. margin-bottom:8px
  2439. }
  2440. body.item-view .subscribe-section-container{
  2441. margin:5px 0 0;
  2442. width:100%
  2443. }
  2444. #page_body.section div.widget.FeaturedPost,.widget.Blog .blog-posts .post-outer-container,.widget.PopularPosts{
  2445. padding:16px
  2446. }
  2447. .widget.Blog .blog-posts .post-outer-container .post-outer{
  2448. padding:0
  2449. }
  2450. .post:first-child{
  2451. margin:0
  2452. }
  2453. .post-body .snippet-thumbnail{
  2454. margin:0 3vw 3vw 0
  2455. }
  2456. .post-body .snippet-thumbnail img{
  2457. height:20vw;
  2458. width:20vw;
  2459. max-height:128px;
  2460. max-width:128px
  2461. }
  2462. .widget.PopularPosts div.item-thumbnail{
  2463. margin:0 3vw 3vw 0
  2464. }
  2465. .widget.PopularPosts div.item-thumbnail img{
  2466. height:20vw;
  2467. width:20vw;
  2468. max-height:88px;
  2469. max-width:88px
  2470. }
  2471. .post-title{
  2472. line-height:1
  2473. }
  2474. .post-title,.post-title a{
  2475. font-size:20px
  2476. }
  2477. #page_body.section div.widget.FeaturedPost h3 a{
  2478. font-size:22px
  2479. }
  2480. .mobile-ad .inline-ad{
  2481. display:block
  2482. }
  2483. .page_body.has-vertical-ads .vertical-ad-container,.page_body.has-vertical-ads .vertical-ad-container ins{
  2484. display:none
  2485. }
  2486. .page_body.has-vertical-ads .centered .centered-bottom,.page_body.has-vertical-ads .centered .centered-top{
  2487. display:block;
  2488. width:auto
  2489. }
  2490. .post-filter-message div{
  2491. padding:8px 16px
  2492. }
  2493. }
  2494. @media screen and (min-width:$(sidebar.width + content.width + content.margin * 2)){
  2495. body{
  2496. position:relative
  2497. }
  2498. body.item-view .blog-name{
  2499. margin-left:48px
  2500. }
  2501. .no-sidebar-widget .page_body,.preview .page_body{
  2502. margin-left:0
  2503. }
  2504. .page_body{
  2505. margin-left:$(sidebar.width)
  2506. }
  2507. .search{
  2508. margin-left:0
  2509. }
  2510. .search.focused{
  2511. width:100%
  2512. }
  2513. .sticky{
  2514. padding-left:$(sidebar.width)
  2515. }
  2516. .hamburger-menu{
  2517. display:none
  2518. }
  2519. body.collapsed-header .page_body .centered-top-container{
  2520. padding-left:$(sidebar.width);
  2521. padding-right:0;
  2522. width:100%
  2523. }
  2524. body.collapsed-header .centered-top-container .search.focused{
  2525. width:100%
  2526. }
  2527. body.collapsed-header .centered-top-container .blog-name{
  2528. margin-left:0
  2529. }
  2530. body.collapsed-header.item-view .centered-top-container .search.focused{
  2531. width:calc(100% - 50px)
  2532. }
  2533. body.collapsed-header.item-view .centered-top-container .blog-name{
  2534. margin-left:40px
  2535. }
  2536. }
  2537. ]]></b:skin>
  2538.  
  2539.     <b:template-skin>
  2540.       <![CDATA[
  2541.      body#layout .hidden,
  2542.      body#layout .invisible {
  2543.        display: inherit;
  2544.      }
  2545.      body#layout .navigation {
  2546.        display: none;
  2547.      }
  2548.      body#layout .page,
  2549.      body#layout .sidebar_top,
  2550.      body#layout .sidebar_bottom {
  2551.        display: inline-block;
  2552.        left: inherit;
  2553.        position: relative;
  2554.        vertical-align: top;
  2555.      }
  2556.      body#layout .page {
  2557.        float: right;
  2558.        margin-left: 20px;
  2559.        width: 55%;
  2560.      }
  2561.      body#layout .sidebar-container {
  2562.        float: right;
  2563.        width: 40%;
  2564.      }
  2565.      body#layout .hamburger-menu {
  2566.        display: none;
  2567.      }
  2568.      ]]>
  2569.     </b:template-skin>
  2570.  
  2571.     <b:defaultmarkups>
  2572.       <b:defaultmarkup type='Common'>
  2573.         <b:includable id='widgetNotAvailableInPreview'>
  2574.           <b:if cond='data:widget.type == &quot;AdSense&quot;'>
  2575.             <div class='vertical-ad-placeholder'>
  2576.               <span><b:message name='messages.adsGoHere'/></span>
  2577.             </div>
  2578.           <b:else/>
  2579.             <b:include name='super.widgetNotAvailableInPreview'/>
  2580.           </b:if>
  2581.         </b:includable>
  2582.       </b:defaultmarkup>
  2583.       <b:defaultmarkup type='AdSense,Blog'>
  2584.         <b:includable id='defaultAdUnit'>
  2585.           <b:comment>Clear out style (needs to be a non-empty string)</b:comment>
  2586.           <b:with value='&quot;/* Done in css. */&quot;' var='style'>
  2587.             <b:include name='super.defaultAdUnit'/>
  2588.           </b:with>
  2589.         </b:includable>
  2590.       </b:defaultmarkup>
  2591.       <b:defaultmarkup type='Blog,FeaturedPost'>
  2592.         <b:includable id='headerByline'>
  2593.           <b:include cond='data:view.isMultipleItems or data:widgets.Blog.first.headerByline.items.share' data='{ shareButtonClass: &quot;post-share-buttons-top&quot;, overridden: true }' name='maybeAddShareButtons'/>
  2594.           <b:include name='super.headerByline'/>
  2595.         </b:includable>
  2596.       </b:defaultmarkup>
  2597.       <b:defaultmarkup type='Blog,FeaturedPost,PopularPosts'>
  2598.         <b:includable id='commentsLink'>
  2599.           <a class='comment-link' expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'>
  2600.             <b:include data='{ iconClass: &quot;touch-icon&quot; }' name='commentIcon'/>
  2601.             <span class='num_comments'>
  2602.               <b:if cond='data:post.numberOfComments &gt; 0'>
  2603.                 <b:message name='messages.numberOfComments'>
  2604.                   <b:param expr:value='data:post.numberOfComments' name='numComments'/>
  2605.                 </b:message>
  2606.               <b:else/>
  2607.                 <data:messages.postAComment/>
  2608.               </b:if>
  2609.             </span>
  2610.           </a>
  2611.         </b:includable>
  2612.         <b:includable id='snippetedPostByline'>
  2613.           <b:include name='headerByline'/>
  2614.         </b:includable>
  2615.         <b:includable id='postLabels'>
  2616.           <b:comment>We don&#39;t display labels on the home page.</b:comment>
  2617.           <b:if cond='data:view.isSingleItem and data:widget.type == &quot;Blog&quot;'>
  2618.             <b:include name='super.postLabels'/>
  2619.           </b:if>
  2620.         </b:includable>
  2621.         <b:includable id='postShareButtons' var='post'>
  2622.           <b:comment>We call super.postShareButtons from the migrated positions.</b:comment>
  2623.         </b:includable>
  2624.         <b:includable id='postJumpLink'>
  2625.           <b:comment>Overridden, and migrated to postFooter. Called as postFooterJumpLink.</b:comment>
  2626.         </b:includable>
  2627.         <b:includable id='postFooterJumpLink'>
  2628.           <b:comment>Ripple, and show &#39;keep reading&#39; as the default.</b:comment>
  2629.           <div class='jump-link flat-button ripple'>
  2630.             <a expr:href='data:post.hasJumpLink ? data:post.url fragment &quot;more&quot; : data:post.url' expr:title='data:post.title'>
  2631.               <data:blog.jumpLinkMessage/>
  2632.             </a>
  2633.           </div>
  2634.         </b:includable>
  2635.         <b:includable id='postFooter' var='post'>
  2636.           <div class='post-bottom'>
  2637.             <div class='post-footer float-container'>
  2638.               <b:include name='footerBylines'/>
  2639.               <b:include cond='data:widget.type == &quot;Blog&quot;' data='post' name='postFooterAuthorProfile'/>
  2640.             </div>
  2641.             <b:if cond='data:view.isSingleItem'>
  2642.                 <b:include data='{ shareButtonClass: &quot;post-share-buttons-bottom invisible&quot;, overridden: true }' name='maybeAddShareButtons'/>
  2643.             <b:else/>
  2644.               <b:include data='post' name='postFooterJumpLink'/>
  2645.             </b:if>
  2646.           </div>
  2647.         </b:includable>
  2648.       </b:defaultmarkup>
  2649.       <b:defaultmarkup type='Blog'>
  2650.         <b:includable id='main'>
  2651.           <b:include name='noContentPlaceholder'/>
  2652.  
  2653.           <b:comment>Cap the total number of ads (widgets and inline ads).</b:comment>
  2654.           <b:with value='3' var='maxNumAds'>
  2655.           <b:with value='data:widgets.AdSense.size' var='numDesktopAds'>
  2656.           <b:with value='data:widgets.AdSense count (w =&gt; w.sectionId != &quot;ads&quot;)' var='numMobileAds'>
  2657.           <b:comment>Filter out the featured post, but only on the homepage.</b:comment>
  2658.           <b:with value='data:widgets.FeaturedPost filter (w =&gt; w.sectionId == &quot;page_body&quot;) map (w =&gt; w.postId)' var='featuredPostIds'>
  2659.           <b:with value='data:view.isHomepage                                          ? data:posts filter (post =&gt; post.id not in data:featuredPostIds)                                          : data:posts' var='posts'>
  2660.             <b:include name='super.main'/>
  2661.           </b:with>
  2662.           </b:with>
  2663.           </b:with>
  2664.           </b:with>
  2665.           </b:with>
  2666.         </b:includable>
  2667.         <b:includable id='feedLinks'>
  2668.           <b:comment>Don&#39;t show feed links.</b:comment>
  2669.         </b:includable>
  2670.         <b:includable id='postBodySnippet' var='post'>
  2671.           <div class='container post-body entry-content' expr:id='&quot;post-snippet-&quot; + data:post.id'>
  2672.  
  2673.             <b:if cond='data:post.featuredImage'>
  2674.               <div class='snippet-thumbnail'>
  2675.                 <b:include data='{                                     image: data:post.featuredImage,                                     imageSizes: [32, 64, 128, 256],                                     imageRatio: &quot;1:1&quot;,                                     sourceSizes: &quot;(max-width: 800px) 20vw, 128px&quot;                                  }' name='responsiveImage'/>
  2676.               </div>
  2677.             </b:if>
  2678.             <b:include cond='data:post' data='post' name='postSnippet'/>
  2679.           </div>
  2680.         </b:includable>
  2681.         <b:includable id='previousPageLink'><b:comment>Don&#39;t show</b:comment></b:includable>
  2682.         <b:includable id='homePageLink'><b:comment>Don&#39;t show</b:comment></b:includable>
  2683.         <b:includable id='nextPageLink'>
  2684.           <a class='blog-pager-older-link flat-button ripple' expr:href='data:olderPageUrl' expr:title='data:messages.morePosts'>
  2685.             <data:messages.morePosts/>
  2686.           </a>
  2687.         </b:includable>
  2688.         <b:includable id='inlineAd' var='post'>
  2689.           <div>
  2690.             <b:class cond='data:post.adNumber + data:numDesktopAds lt data:maxNumAds' name='desktop-ad'/>
  2691.             <b:class cond='data:post.adNumber + data:numMobileAds lt data:maxNumAds' name='mobile-ad'/>
  2692.             <b:include data='post' name='super.inlineAd'/>
  2693.           </div>
  2694.         </b:includable>
  2695.       </b:defaultmarkup>
  2696.       <b:defaultmarkup type='BlogArchive'>
  2697.         <b:includable id='main' var='this'>
  2698.           <details class='collapsible extendable'>
  2699.             <b:attr cond='data:view.isArchive' name='open' value='open'/>
  2700.             <b:with value='true' var='renderAsDetails'>
  2701.             <b:with value='data:messages.archive' var='defaultTitle'>
  2702.               <b:include name='super.main'/>
  2703.             </b:with>
  2704.             </b:with>
  2705.           </details>
  2706.         </b:includable>
  2707.         <b:includable id='flat'>
  2708.           <b:include data='{                               buttonClass: &quot;pill-button&quot;,                               items: data:this.data,                               itemSet: &quot;data&quot;,                               itemsMarkup: &quot;super.flat&quot;                             }' name='extendableItems'/>
  2709.         </b:includable>
  2710.         <b:includable id='hierarchy'>
  2711.           <b:include data='{                               buttonClass: &quot;pill-button&quot;,                               limit: 1,                               items: data:this.data,                               itemSet: &quot;data&quot;,                               itemsMarkup: &quot;super.hierarchy&quot;                             }' name='extendableItems'/>
  2712.         </b:includable>
  2713.       </b:defaultmarkup>
  2714.       <b:defaultmarkup type='BlogSearch'>
  2715.         <b:includable id='searchSubmit'>
  2716.           <input class='search-action flat-button' expr:value='data:messages.search.escaped' type='submit'/>
  2717.         </b:includable>
  2718.       </b:defaultmarkup>
  2719.       <b:defaultmarkup type='Label'>
  2720.         <b:includable id='main' var='this'>
  2721.           <details class='collapsible extendable'>
  2722.             <b:attr cond='data:view.isLabelSearch' name='open' value='open'/>
  2723.             <b:class name='version-1-0-1'/>
  2724.             <b:with value='true' var='renderAsDetails'>
  2725.             <b:with value='data:messages.labels' var='defaultTitle'>
  2726.               <b:include name='super.main'/>
  2727.             </b:with>
  2728.             </b:with>
  2729.           </details>
  2730.         </b:includable>
  2731.         <b:includable id='list'>
  2732.           <b:include data='{                               buttonClass: &quot;pill-button&quot;,                               items: data:this.labels,                               itemSet: &quot;labels&quot;,                               itemsMarkup: &quot;super.list&quot;                             }' name='extendableItems'/>
  2733.         </b:includable>
  2734.         <b:includable id='cloud'>
  2735.           <b:include data='{                               buttonClass: &quot;pill-button&quot;,                               items: data:this.labels,                               itemSet: &quot;labels&quot;,                               itemsMarkup: &quot;super.cloud&quot;                             }' name='extendableItems'/>
  2736.         </b:includable>
  2737.       </b:defaultmarkup>
  2738.       <b:defaultmarkup type='FeaturedPost'>
  2739.         <b:includable id='snippetedPostContent'>
  2740.           <b:comment>Re-order the thumbnail before the snippet, add &#39;Keep reading&#39; link.</b:comment>
  2741.           <b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/>
  2742.           <b:include name='headerByline'/>
  2743.           <b:include cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage' data='post' name='snippetedPostThumbnail'/>
  2744.           <b:include cond='data:this.postDisplay.showSnippet' data='post' name='postSnippet'/>
  2745.           <b:include data='post' name='postFooter'/>
  2746.         </b:includable>
  2747.         <b:includable id='snippetedPostThumbnail'>
  2748.           <div class='snippet-thumbnail'>
  2749.             <b:with value='data:post.featuredImage.isYoutube                            ? resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl, 945, &quot;945:600&quot;)                            : &quot;&quot;' var='highRes'>
  2750.               <b:include data='{                                  image: data:post.featuredImage,                                  imageSizes: [256, 512, 945, 1684],                                  imageRatio: &quot;945:600&quot;,                                  sourceSizes: &quot;(min-width: 954px) 842px, (min-width: 801px) calc(100vw - 112px), calc(100vw - 64px)&quot;,                                  enhancedSourceset: data:highRes                                }' name='responsiveImage'/>
  2751.             </b:with>
  2752.           </div>
  2753.         </b:includable>
  2754.       </b:defaultmarkup>
  2755.       <b:defaultmarkup type='Header'>
  2756.         <b:includable id='image'>
  2757.           <b:include name='super.image'/>
  2758.           <b:comment>If we are replacing the title, force it to render anyway, and it&#39;ll be hidden in CSS.</b:comment>
  2759.           <b:include cond='data:this.imagePlacement == &quot;REPLACE&quot;' name='title'/>
  2760.         </b:includable>
  2761.         <b:includable id='title'>
  2762.           <div>
  2763.             <b:class cond='data:this.imagePlacement == &quot;REPLACE&quot;' name='replaced'/>
  2764.             <b:include name='super.title'/>
  2765.           </div>
  2766.         </b:includable>
  2767.       </b:defaultmarkup>
  2768.       <b:defaultmarkup type='PopularPosts'>
  2769.         <b:includable id='main' var='this'>
  2770.           <b:comment>Default the title to &#39;Popular posts from this blog&#39;.</b:comment>
  2771.           <b:with value='data:messages.popularPostsFromThisBlog' var='defaultTitle'>
  2772.             <b:include name='super.main'/>
  2773.           </b:with>
  2774.         </b:includable>
  2775.         <b:includable id='snippetedPostContent'>
  2776.           <b:comment>Add a &#39;keep reading&#39; link to the item-content.</b:comment>
  2777.           <b:include name='snippetedPostTitle'/>
  2778.           <b:include name='snippetedPostByline'/>
  2779.           <div class='item-content float-container'>
  2780.             <b:include cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage' name='snippetedPostThumbnail'/>
  2781.             <b:if cond='data:this.postDisplay.showSnippet'>
  2782.               <b:with value='&quot;popular-posts&quot;' var='snippetPrefix'>
  2783.                 <b:include cond='data:post' data='post' name='postSnippet'/>
  2784.               </b:with>
  2785.             </b:if>
  2786.             <b:include data='post' name='postFooterJumpLink'/>
  2787.           </div>
  2788.         </b:includable>
  2789.       </b:defaultmarkup>
  2790.       <b:defaultmarkup type='PageList'>
  2791.         <b:includable id='content'>
  2792.           <div class='widget-content'>
  2793.             <b:include cond='data:widget.sectionId == &quot;page_list_top&quot;' name='overflowablePageList'/>
  2794.             <b:include cond='data:widget.sectionId != &quot;page_list_top&quot;' name='pageList'/>
  2795.           </div>
  2796.         </b:includable>
  2797.         <b:includable id='overflowButton'>
  2798.           <a><data:messages.moreEllipsis/></a>
  2799.         </b:includable>
  2800.       </b:defaultmarkup>
  2801.       <b:defaultmarkup type='Profile'>
  2802.         <b:includable id='main' var='this'>
  2803.           <div class='wrapper'>
  2804.             <b:class cond='!data:this.team' name='solo'/>
  2805.             <b:comment>No title for single profiles. Default to &#39;Blog authors&#39; for team.</b:comment>
  2806.             <b:with value='data:messages.blogAuthors' var='defaultTitle'>
  2807.               <b:include cond='data:this.team' name='widget-title'/>
  2808.             </b:with>
  2809.             <b:include name='content'/>
  2810.           </div>
  2811.         </b:includable>
  2812.         <b:includable id='defaultProfileImage'>
  2813.           <div class='default-avatar-wrapper'>
  2814.             <b:include data='{ iconClass: &quot;avatar-icon&quot; }' name='defaultAvatarIcon'/>
  2815.           </div>
  2816.         </b:includable>
  2817.         <b:includable id='userProfileText'>
  2818.           <dd class='profile-textblock profile-snippet snippet-container r-snippet-container'>
  2819.             <div class='snippet-item r-snippetized'>
  2820.               <data:aboutme/>
  2821.             </div>
  2822.             <div class='snippet-fade r-snippet-fade hidden'/>
  2823.           </dd>
  2824.         </b:includable>
  2825.         <b:includable id='viewProfileLink'>
  2826.           <b:comment>Change link to &#39;visit profile&#39;</b:comment>
  2827.           <a class='profile-link visit-profile pill-button' expr:href='data:userUrl' rel='author'>
  2828.             <data:messages.visitProfile/>
  2829.           </a>
  2830.         </b:includable>
  2831.       </b:defaultmarkup>
  2832.     </b:defaultmarkups>
  2833.  
  2834.     <b:include cond='not data:view.isPreview' data='{                         image: data:skin.vars.body_background.image,                         selector: &quot;.bg-photo&quot;,                         imageSizes: [480, 640, 800, 1200, 1600]                      }' name='responsiveImageStyle'/>
  2835.  
  2836.     <b:if cond='(data:widgets.AdSense.first or data:blog.adsenseClientId) and not data:blog.adsenseAutoAds'>
  2837.       <script async='async' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'/>
  2838.     </b:if>
  2839.     <b:include data='blog' name='google-analytics'/>
  2840.  
  2841.     <script async='async' src='https://www.gstatic.com/external_hosted/clipboardjs/clipboard.min.js'/>
  2842.   </head>
  2843.  
  2844.  
  2845.  
  2846.  
  2847.  
  2848.  
  2849.  
  2850.  
  2851.  
  2852.  
  2853.  
  2854.  
  2855.  
  2856.  
  2857.  
  2858.  
  2859.  
  2860.  
  2861.  
  2862.  
  2863.  
  2864.  
  2865.  
  2866.  
  2867.  
  2868.  
  2869.  
  2870.  
  2871.   <body>
  2872.     <b:class cond='data:view.isPreview' name='preview'/>
  2873.     <b:class cond='data:view.isSingleItem' name='item-view'/>
  2874.     <b:class cond='data:view.isArchive' name='archive-view'/>
  2875.     <b:class cond='data:view.isLabelSearch' name='label-view'/>
  2876.     <b:class cond='data:view.isSearch and !data:view.isLabelSearch' name='search-view'/>
  2877.     <b:class cond='data:widgets none w =&gt; (w.sectionId in [&quot;sidebar_top&quot;, &quot;sidebar_bottom&quot;])' name='no-sidebar-widget'/>
  2878.  
  2879.     <b:include name='skipNavigation'/>
  2880.  
  2881.     <div class='page'>
  2882.       <div class='bg-photo-overlay'/>
  2883.       <div class='bg-photo-container'>
  2884.         <div class='bg-photo'/>
  2885.       </div>
  2886.  
  2887.       <b:with value='data:widgets.AdSense any (w =&gt; w.sectionId == &quot;ads&quot;)' var='hasVerticalAds'>
  2888.         <div class='page_body'>
  2889.           <b:class cond='data:hasVerticalAds' name='has-vertical-ads'/>
  2890.  
  2891.           <div class='centered'>
  2892.             <div class='centered-top-placeholder'/>
  2893.             <header class='centered-top-container' role='banner'>
  2894.               <div class='centered-top'>
  2895.                 <b:class cond='data:view.isSearch and data:view.search.query' name='search-focused'/>
  2896.  
  2897.                 <b:if cond='data:view.isSingleItem'>
  2898.                   <a class='return_link' expr:href='data:blog.homepageUrl'>
  2899.                     <b:include data='{ button: true, iconClass: &quot;back-button rtl-reversible-icon flat-icon-button ripple&quot; }' name='backArrowIcon'/>
  2900.                   </a>
  2901.                 <b:else/>
  2902.                   <b:include data='{ button: true, iconClass: &quot;hamburger-menu flat-icon-button ripple&quot; }' name='menuIcon'/>
  2903.                 </b:if>
  2904.  
  2905.                 <b:if cond='data:view.isLayoutMode or data:widgets any (w =&gt; w.sectionId == &quot;search_top&quot;)'>
  2906.                   <div class='search'>
  2907.                     <b:class cond='data:view.isSearch and data:view.search.query' name='focused'/>
  2908.                     <button class='search-expand touch-icon-button' expr:aria-label='data:messages.search.escaped'>
  2909.                       <div class='flat-icon-button ripple'>
  2910.                         <b:include data='{ iconClass: &quot;search-expand-icon&quot; }' name='searchIcon'/>
  2911.                       </div>
  2912.                     </button>
  2913.                     <b:section id='search_top' name='Search (Top)' showaddelement='false'>
  2914.                       <b:widget id='BlogSearch1' locked='true' title='Search This Blog' type='BlogSearch' visible='false'>
  2915.                         <b:includable id='main'>
  2916.   <b:include name='widget-title'/>
  2917.   <b:include name='content'/>
  2918. </b:includable>
  2919.                         <b:includable id='content'>
  2920.   <div class='widget-content' role='search'>
  2921.     <b:include name='searchForm'/>
  2922.   </div>
  2923. </b:includable>
  2924.                         <b:includable id='searchForm'>
  2925.   <form expr:action='data:blog.searchUrl'>
  2926.     <b:attr cond='not data:view.isPreview' name='target' value='_top'/>
  2927.     <b:include name='urlParamsAsFormInput'/>
  2928.     <div class='search-input'>
  2929.       <input autocomplete='off' expr:aria-label='data:messages.searchThisBlog' expr:placeholder='data:messages.searchThisBlog' expr:value='data:view.isSearch ? data:view.search.query.escaped : &quot;&quot;' name='q'/>
  2930.     </div>
  2931.     <b:include name='searchSubmit'/>
  2932.   </form>
  2933. </b:includable>
  2934.                         <b:includable id='searchSubmit'>
  2935.           <input class='search-action flat-button' expr:value='data:messages.search.escaped' type='submit'/>
  2936.         </b:includable>
  2937.                       </b:widget>
  2938.                     </b:section>
  2939.                   </div>
  2940.                 </b:if>
  2941.  
  2942.                 <div class='clearboth'/>
  2943.  
  2944.                 <div class='blog-name container'>
  2945.                   <b:section class='container' id='header' name='Header' showaddelement='false'>
  2946.                     <b:widget id='Header1' locked='true' title='5 (Header)' type='Header' visible='true'>
  2947.                       <b:widget-settings>
  2948.                         <b:widget-setting name='displayUrl'/>
  2949.                         <b:widget-setting name='displayHeight'>0</b:widget-setting>
  2950.                         <b:widget-setting name='sectionWidth'>-1</b:widget-setting>
  2951.                         <b:widget-setting name='useImage'>false</b:widget-setting>
  2952.                         <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
  2953.                         <b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
  2954.                         <b:widget-setting name='displayWidth'>0</b:widget-setting>
  2955.                       </b:widget-settings>
  2956.                       <b:includable id='main' var='this'>
  2957.     <div class='header-widget'>
  2958.       <b:include cond='data:imagePlacement in {&quot;REPLACE&quot;, &quot;BEFORE_DESCRIPTION&quot;}' name='image'/>
  2959.       <b:include cond='data:imagePlacement not in {&quot;REPLACE&quot;, &quot;BEFORE_DESCRIPTION&quot;}' name='title'/>
  2960.       <b:include cond='data:imagePlacement != &quot;REPLACE&quot;' name='description'/>
  2961.     </div>
  2962.     <b:include cond='data:imagePlacement == &quot;BEHIND&quot;' name='behindImageStyle'/>
  2963.   </b:includable>
  2964.                       <b:includable id='behindImageStyle'>
  2965.     <b:if cond='data:sourceUrl'>
  2966.       <b:include cond='data:this.image' data='{                    image: data:this.image,                    selector: &quot;.header-widget&quot;                  }' name='responsiveImageStyle'/>
  2967.       <style type='text/css'>
  2968.         .header-widget {
  2969.           background-position: <data:blog.locale.languageAlignment/>;
  2970.           background-repeat: no-repeat;
  2971.           background-size: cover;
  2972.         }
  2973.       </style>
  2974.     </b:if>
  2975.   </b:includable>
  2976.                       <b:includable id='description'>
  2977.     <p>
  2978.       <data:this.description/>
  2979.     </p>
  2980.   </b:includable>
  2981.                       <b:includable id='image'>
  2982.           <b:include name='super.image'/>
  2983.           <b:comment>If we are replacing the title, force it to render anyway, and it&#39;ll be hidden in CSS.</b:comment>
  2984.           <b:include cond='data:this.imagePlacement == &quot;REPLACE&quot;' name='title'/>
  2985.         </b:includable>
  2986.                       <b:includable id='title'>
  2987.           <div>
  2988.             <b:class cond='data:this.imagePlacement == &quot;REPLACE&quot;' name='replaced'/>
  2989.             <b:include name='super.title'/>
  2990.           </div>
  2991.         </b:includable>
  2992.                     </b:widget>
  2993.                   </b:section>
  2994.                   <b:if cond='data:view.isLayoutMode or data:widgets any (w =&gt; w.sectionId == &quot;subscription&quot;)'>
  2995.                     <section class='subscribe-section-container'>
  2996.                       <button class='subscribe-button pill-button'><b:eval expr='data:messages.subscribe'/></button>
  2997.                       <div class='subscribe-popup-container'>
  2998.                         <div aria-labelledby='subscribe-title' class='subscribe-popup dialog hidden' role='dialog' tabindex='-1'>
  2999.                           <div role='document'>
  3000.                             <h3 class='subscribe-title' id='subscribe-title'><b:eval expr='data:messages.subscribeToThisBlog'/></h3>
  3001.                             <b:section id='subscription' name='Subscription' showaddelement='false'>
  3002.                               <b:widget id='FollowByEmail1' locked='false' title='Follow by Email' type='FollowByEmail' visible='false'>
  3003.                                 <b:includable id='main'>
  3004.   <b:include name='widget-title'/>
  3005.   <b:include name='content'/>
  3006. </b:includable>
  3007.                                 <b:includable id='content'>
  3008.   <div class='widget-content'>
  3009.     <div class='follow-by-email-inner'>
  3010.       <form action='https://feedburner.google.com/fb/a/mailverify' expr:onsubmit='&quot;window.open(\&quot;https://feedburner.google.com/fb/a/mailverify?uri=&quot; + data:feedPath + &quot;\&quot;, \&quot;popupwindow\&quot;, \&quot;scrollbars=yes,width=550,height=520\&quot;); return true&quot;' method='post' target='popupwindow'>
  3011.         <input autocomplete='off' class='follow-by-email-address' expr:placeholder='data:messages.emailAddress' name='email' type='email'/>
  3012.         <input class='follow-by-email-submit' expr:value='data:messages.getEmailNotifications' type='submit'/>
  3013.         <input expr:value='data:feedPath' name='uri' type='hidden'/>
  3014.         <input name='loc' type='hidden' value='en_US'/>
  3015.       </form>
  3016.     </div>
  3017.   </div>
  3018. </b:includable>
  3019.                               </b:widget>
  3020.                             </b:section>
  3021.                           </div>
  3022.                         </div>
  3023.                       </div>
  3024.                     </section>
  3025.                     <b:else/>
  3026.                       <div class='subscribe-empty-placeholder'/>
  3027.                   </b:if>
  3028.                   <b:comment>Nav primarily intended for sections that consist of major navigation blocks.</b:comment>
  3029.                   <nav role='navigation'>
  3030.                     <b:section class='clearboth' id='page_list_top' name='Page List (Top)' showaddelement='false'>
  3031.                       <b:widget cond='!data:view.isPost' id='PageList1' locked='true' title='' type='PageList' visible='false'>
  3032.                         <b:widget-settings>
  3033.                           <b:widget-setting name='pageListJson'><![CDATA[{'home': {'href': 'http://basbabbas.blogspot.com/', 'title': 'Home', 'position': 0}}]]></b:widget-setting>
  3034.                           <b:widget-setting name='homeTitle'>Home</b:widget-setting>
  3035.                         </b:widget-settings>
  3036.                         <b:includable id='main'>
  3037.   <b:include name='widget-title'/>
  3038.   <b:include name='content'/>
  3039. </b:includable>
  3040.                         <b:includable id='content'>
  3041.           <div class='widget-content'>
  3042.             <b:include cond='data:widget.sectionId == &quot;page_list_top&quot;' name='overflowablePageList'/>
  3043.             <b:include cond='data:widget.sectionId != &quot;page_list_top&quot;' name='pageList'/>
  3044.           </div>
  3045.         </b:includable>
  3046.                         <b:includable id='overflowButton'>
  3047.           <a><data:messages.moreEllipsis/></a>
  3048.         </b:includable>
  3049.                         <b:includable id='overflowablePageList'>
  3050.   <div class='overflowable-container'>
  3051.     <div class='overflowable-contents'>
  3052.       <div class='container'>
  3053.         <b:with value='true' var='overflow'>
  3054.         <b:with value='&quot;tabs&quot;' var='pageListClass'>
  3055.           <b:include name='pageList'/>
  3056.         </b:with>
  3057.         </b:with>
  3058.       </div>
  3059.     </div>
  3060.     <div class='overflow-button hidden'>
  3061.       <b:include name='overflowButton'/>
  3062.     </div>
  3063.   </div>
  3064. </b:includable>
  3065.                         <b:includable id='pageLink'>
  3066.   <li>
  3067.     <b:class cond='data:overflow' name='overflowable-item'/>
  3068.     <b:class cond='data:link.isCurrentPage' name='selected'/>
  3069.  
  3070.     <a expr:href='data:link.href'><data:link.title/></a>
  3071.   </li>
  3072. </b:includable>
  3073.                         <b:includable id='pageList'>
  3074.   <ul>
  3075.     <b:class cond='data:pageListClass' expr:name='data:pageListClass'/>
  3076.     <b:loop values='data:links' var='link'>
  3077.       <b:include name='pageLink'/>
  3078.     </b:loop>
  3079.   </ul>
  3080. </b:includable>
  3081.                       </b:widget>
  3082.                     </b:section>
  3083.                   </nav>
  3084.                 </div>
  3085.               </div>
  3086.             </header>
  3087.             <div>
  3088.               <b:section ads='true' class='vertical-ad-container' id='ads' name='Ads' showaddelement='false'>
  3089.                 <b:widget id='AdSense1' locked='true' title='' type='AdSense' visible='true'>
  3090.                   <b:includable id='main'>
  3091.   <div class='widget-content'>
  3092.     <b:if cond='data:adCode'>
  3093.       <data:adCode/>
  3094.     <b:else/>
  3095.       <b:include name='defaultAdUnit'/>
  3096.     </b:if>
  3097.   </div>
  3098. </b:includable>
  3099.                   <b:includable id='defaultAdUnit'>
  3100.           <b:comment>Clear out style (needs to be a non-empty string)</b:comment>
  3101.           <b:with value='&quot;/* Done in css. */&quot;' var='style'>
  3102.             <b:include name='super.defaultAdUnit'/>
  3103.           </b:with>
  3104.         </b:includable>
  3105.                 </b:widget>
  3106.                 <b:widget id='AdSense2' locked='true' title='' type='AdSense' visible='true'>
  3107.                   <b:includable id='main'>
  3108.   <div class='widget-content'>
  3109.     <b:if cond='data:adCode'>
  3110.       <data:adCode/>
  3111.     <b:else/>
  3112.       <b:include name='defaultAdUnit'/>
  3113.     </b:if>
  3114.   </div>
  3115. </b:includable>
  3116.                   <b:includable id='defaultAdUnit'>
  3117.           <b:comment>Clear out style (needs to be a non-empty string)</b:comment>
  3118.           <b:with value='&quot;/* Done in css. */&quot;' var='style'>
  3119.             <b:include name='super.defaultAdUnit'/>
  3120.           </b:with>
  3121.         </b:includable>
  3122.                 </b:widget>
  3123.               </b:section>
  3124.               <main class='centered-bottom' id='main' role='main' tabindex='-1'>
  3125.                 <b:if cond='data:view.isMultipleItems'>
  3126.                   <h2 class='main-heading'><data:messages.posts/></h2>
  3127.                 </b:if>
  3128.                 <b:if cond='data:view.isArchive or (data:view.isSearch and data:view.search.resultsMessageHtml)'>
  3129.                   <div class='post-filter-message'>
  3130.                     <div>
  3131.                       <b:if cond='data:view.isArchive'>
  3132.                         <data:view.archive.rangeMessage/>
  3133.                       <b:elseif cond='data:view.isSearch and data:view.search.resultsMessageHtml'/>
  3134.                         <data:view.search.resultsMessageHtml/>
  3135.                       </b:if>
  3136.                     </div>
  3137.                     <div>
  3138.                       <a class='flat-button ripple' expr:href='data:blog.homepageUrl'>
  3139.                         <data:messages.showAll/>
  3140.                       </a>
  3141.                     </div>
  3142.                   </div>
  3143.                 </b:if>
  3144.                 <b:section class='main' id='page_body' name='Page Body' showaddelement='false'>
  3145.                   <b:widget cond='data:view.isHomepage' id='FeaturedPost1' locked='true' title='' type='FeaturedPost' visible='true'>
  3146.                     <b:widget-settings>
  3147.                       <b:widget-setting name='showSnippet'>true</b:widget-setting>
  3148.                       <b:widget-setting name='showPostTitle'>true</b:widget-setting>
  3149.                       <b:widget-setting name='showFirstImage'>true</b:widget-setting>
  3150.                       <b:widget-setting name='useMostRecentPost'>true</b:widget-setting>
  3151.                     </b:widget-settings>
  3152.                     <b:includable id='main' var='this'>
  3153.   <b:include name='widget-title'/>
  3154.   <div class='widget-content'>
  3155.     <b:include name='snippetedPosts'/>
  3156.   </div>
  3157. </b:includable>
  3158.                     <b:includable id='commentsLink'>
  3159.           <a class='comment-link' expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'>
  3160.             <b:include data='{ iconClass: &quot;touch-icon&quot; }' name='commentIcon'/>
  3161.             <span class='num_comments'>
  3162.               <b:if cond='data:post.numberOfComments &gt; 0'>
  3163.                 <b:message name='messages.numberOfComments'>
  3164.                   <b:param expr:value='data:post.numberOfComments' name='numComments'/>
  3165.                 </b:message>
  3166.               <b:else/>
  3167.                 <data:messages.postAComment/>
  3168.               </b:if>
  3169.             </span>
  3170.           </a>
  3171.         </b:includable>
  3172.                     <b:includable id='headerByline'>
  3173.           <b:include cond='data:view.isMultipleItems or data:widgets.Blog.first.headerByline.items.share' data='{ shareButtonClass: &quot;post-share-buttons-top&quot;, overridden: true }' name='maybeAddShareButtons'/>
  3174.           <b:include name='super.headerByline'/>
  3175.         </b:includable>
  3176.                     <b:includable id='postFooter' var='post'>
  3177.           <div class='post-bottom'>
  3178.             <div class='post-footer float-container'>
  3179.               <b:include name='footerBylines'/>
  3180.               <b:include cond='data:widget.type == &quot;Blog&quot;' data='post' name='postFooterAuthorProfile'/>
  3181.             </div>
  3182.             <b:if cond='data:view.isSingleItem'>
  3183.                 <b:include data='{ shareButtonClass: &quot;post-share-buttons-bottom invisible&quot;, overridden: true }' name='maybeAddShareButtons'/>
  3184.             <b:else/>
  3185.               <b:include data='post' name='postFooterJumpLink'/>
  3186.             </b:if>
  3187.           </div>
  3188.         </b:includable>
  3189.                     <b:includable id='postFooterJumpLink'>
  3190.           <b:comment>Ripple, and show &#39;keep reading&#39; as the default.</b:comment>
  3191.           <div class='jump-link flat-button ripple'>
  3192.             <a expr:href='data:post.hasJumpLink ? data:post.url fragment &quot;more&quot; : data:post.url' expr:title='data:post.title'>
  3193.               <data:blog.jumpLinkMessage/>
  3194.             </a>
  3195.           </div>
  3196.         </b:includable>
  3197.                     <b:includable id='postJumpLink'>
  3198.           <b:comment>Overridden, and migrated to postFooter. Called as postFooterJumpLink.</b:comment>
  3199.         </b:includable>
  3200.                     <b:includable id='postLabels'>
  3201.           <b:comment>We don&#39;t display labels on the home page.</b:comment>
  3202.           <b:if cond='data:view.isSingleItem and data:widget.type == &quot;Blog&quot;'>
  3203.             <b:include name='super.postLabels'/>
  3204.           </b:if>
  3205.         </b:includable>
  3206.                     <b:includable id='postShareButtons' var='post'>
  3207.           <b:comment>We call super.postShareButtons from the migrated positions.</b:comment>
  3208.         </b:includable>
  3209.                     <b:includable id='snippetedPostByline'>
  3210.           <b:include name='headerByline'/>
  3211.         </b:includable>
  3212.                     <b:includable id='snippetedPostContent'>
  3213.           <b:comment>Re-order the thumbnail before the snippet, add &#39;Keep reading&#39; link.</b:comment>
  3214.           <b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/>
  3215.           <b:include name='headerByline'/>
  3216.           <b:include cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage' data='post' name='snippetedPostThumbnail'/>
  3217.           <b:include cond='data:this.postDisplay.showSnippet' data='post' name='postSnippet'/>
  3218.           <b:include data='post' name='postFooter'/>
  3219.         </b:includable>
  3220.                     <b:includable id='snippetedPostThumbnail'>
  3221.           <div class='snippet-thumbnail'>
  3222.             <b:with value='data:post.featuredImage.isYoutube                            ? resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl, 945, &quot;945:600&quot;)                            : &quot;&quot;' var='highRes'>
  3223.               <b:include data='{                                  image: data:post.featuredImage,                                  imageSizes: [256, 512, 945, 1684],                                  imageRatio: &quot;945:600&quot;,                                  sourceSizes: &quot;(min-width: 954px) 842px, (min-width: 801px) calc(100vw - 112px), calc(100vw - 64px)&quot;,                                  enhancedSourceset: data:highRes                                }' name='responsiveImage'/>
  3224.             </b:with>
  3225.           </div>
  3226.         </b:includable>
  3227.                   </b:widget>
  3228.                   <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' visible='true'>
  3229.                     <b:widget-settings>
  3230.                       <b:widget-setting name='showDateHeader'>false</b:widget-setting>
  3231.                       <b:widget-setting name='style.textcolor'>#ffffff</b:widget-setting>
  3232.                       <b:widget-setting name='showShareButtons'>true</b:widget-setting>
  3233.                       <b:widget-setting name='showCommentLink'>true</b:widget-setting>
  3234.                       <b:widget-setting name='style.urlcolor'>#2196f3</b:widget-setting>
  3235.                       <b:widget-setting name='showAuthor'>false</b:widget-setting>
  3236.                       <b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
  3237.                       <b:widget-setting name='style.linkcolor'>#757575</b:widget-setting>
  3238.                       <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
  3239.                       <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
  3240.                       <b:widget-setting name='timestampLabel'/>
  3241.                       <b:widget-setting name='reactionsLabel'/>
  3242.                       <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
  3243.                       <b:widget-setting name='style.layout'>1x1</b:widget-setting>
  3244.                       <b:widget-setting name='showLabels'>true</b:widget-setting>
  3245.                       <b:widget-setting name='showLocation'>true</b:widget-setting>
  3246.                       <b:widget-setting name='postLabelsLabel'/>
  3247.                       <b:widget-setting name='showTimestamp'>true</b:widget-setting>
  3248.                       <b:widget-setting name='postsPerAd'>3</b:widget-setting>
  3249.                       <b:widget-setting name='showBacklinks'>false</b:widget-setting>
  3250.                       <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
  3251.                       <b:widget-setting name='showInlineAds'>true</b:widget-setting>
  3252.                       <b:widget-setting name='showReactions'>false</b:widget-setting>
  3253.                     </b:widget-settings>
  3254.                     <b:includable id='main'>
  3255.           <b:include name='noContentPlaceholder'/>
  3256.  
  3257.           <b:comment>Cap the total number of ads (widgets and inline ads).</b:comment>
  3258.           <b:with value='3' var='maxNumAds'>
  3259.           <b:with value='data:widgets.AdSense.size' var='numDesktopAds'>
  3260.           <b:with value='data:widgets.AdSense count (w =&gt; w.sectionId != &quot;ads&quot;)' var='numMobileAds'>
  3261.           <b:comment>Filter out the featured post, but only on the homepage.</b:comment>
  3262.           <b:with value='data:widgets.FeaturedPost filter (w =&gt; w.sectionId == &quot;page_body&quot;) map (w =&gt; w.postId)' var='featuredPostIds'>
  3263.           <b:with value='data:view.isHomepage                                          ? data:posts filter (post =&gt; post.id not in data:featuredPostIds)                                          : data:posts' var='posts'>
  3264.             <b:include name='super.main'/>
  3265.           </b:with>
  3266.           </b:with>
  3267.           </b:with>
  3268.           </b:with>
  3269.           </b:with>
  3270.         </b:includable>
  3271.                     <b:includable id='aboutPostAuthor'>
  3272.   <div class='author-name'>
  3273.     <a class='g-profile' expr:href='data:post.author.profileUrl' rel='author' title='author profile'>
  3274.       <span>
  3275.         <data:post.author.name/>
  3276.       </span>
  3277.     </a>
  3278.   </div>
  3279.   <div>
  3280.     <span class='author-desc'>
  3281.       <data:post.author.aboutMe/>
  3282.     </span>
  3283.   </div>
  3284. </b:includable>
  3285.                     <b:includable id='addComments'>
  3286.   <a expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'>
  3287.     <b:message name='messages.postAComment'/>
  3288.   </a>
  3289. </b:includable>
  3290.                     <b:includable id='commentAuthorAvatar'>
  3291.   <div class='avatar-image-container'>
  3292.     <img class='author-avatar' expr:src='data:comment.authorAvatarSrc' height='35' width='35'/>
  3293.   </div>
  3294. </b:includable>
  3295.                     <b:includable id='commentDeleteIcon' var='comment'>
  3296.   <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
  3297.     <b:if cond='data:showCmtPopup'>
  3298.       <div class='goog-toggle-button'>
  3299.         <div class='goog-inline-block comment-action-icon'/>
  3300.       </div>
  3301.     <b:else/>
  3302.       <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:messages.deleteComment'>
  3303.         <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
  3304.       </a>
  3305.     </b:if>
  3306.   </span>
  3307. </b:includable>
  3308.                     <b:includable id='commentForm' var='post'>
  3309.   <div class='comment-form'>
  3310.     <a name='comment-form'/>
  3311.     <h4 id='comment-post-message'><data:messages.postAComment/></h4>
  3312.     <b:if cond='data:this.messages.blogComment != &quot;&quot;'>
  3313.       <p><data:this.messages.blogComment/></p>
  3314.     </b:if>
  3315.     <b:include data='post' name='commentFormIframeSrc'/>
  3316.     <iframe allowtransparency='allowtransparency' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight ?: &quot;90px&quot;' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
  3317.     <data:post.cmtfpIframe/>
  3318.     <script type='text/javascript'>
  3319.       BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  3320.     </script>
  3321.   </div>
  3322. </b:includable>
  3323.                     <b:includable id='commentFormIframeSrc' var='post'>
  3324.   <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  3325. </b:includable>
  3326.                     <b:includable id='commentItem' var='comment'>
  3327.   <div class='comment' expr:id='&quot;c&quot; + data:comment.id'>
  3328.     <b:include cond='data:blog.enabledCommentProfileImages' name='commentAuthorAvatar'/>
  3329.  
  3330.     <div class='comment-block'>
  3331.       <div class='comment-author'>
  3332.         <b:if cond='data:comment.authorUrl'>
  3333.           <b:message name='messages.authorSaidWithLink'>
  3334.             <b:param expr:value='data:comment.author' name='authorName'/>
  3335.             <b:param expr:value='data:comment.authorUrl' name='authorUrl'/>
  3336.           </b:message>
  3337.         <b:else/>
  3338.           <b:message name='messages.authorSaid'>
  3339.             <b:param expr:value='data:comment.author' name='authorName'/>
  3340.           </b:message>
  3341.         </b:if>
  3342.       </div>
  3343.       <div expr:class='&quot;comment-body&quot; + (data:comment.isDeleted ? &quot; deleted&quot; : &quot;&quot;)'>
  3344.         <data:comment.body/>
  3345.       </div>
  3346.       <div class='comment-footer'>
  3347.         <span class='comment-timestamp'>
  3348.           <a expr:href='data:comment.url' title='comment permalink'>
  3349.             <data:comment.timestamp/>
  3350.           </a>
  3351.           <b:include data='comment' name='commentDeleteIcon'/>
  3352.         </span>
  3353.       </div>
  3354.     </div>
  3355.   </div>
  3356. </b:includable>
  3357.                     <b:includable id='commentList' var='comments'>
  3358.   <div id='comments-block'>
  3359.     <b:loop values='data:comments' var='comment'>
  3360.       <b:include data='comment' name='commentItem'/>
  3361.     </b:loop>
  3362.   </div>
  3363. </b:includable>
  3364.                     <b:includable id='commentPicker' var='post'>
  3365.   <b:if cond='data:post.showThreadedComments'>
  3366.     <b:include data='post' name='threadedComments'/>
  3367.   <b:else/>
  3368.     <b:include data='post' name='comments'/>
  3369.   </b:if>
  3370. </b:includable>
  3371.                     <b:includable id='comments' var='post'>
  3372.   <section expr:class='&quot;comments&quot; + (data:post.embedCommentForm ? &quot; embed&quot; : &quot;&quot;)' expr:data-num-comments='data:post.numberOfComments' id='comments'>
  3373.     <a name='comments'/>
  3374.     <b:if cond='data:post.allowComments'>
  3375.  
  3376.       <b:include name='commentsTitle'/>
  3377.  
  3378.       <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
  3379.         <b:include cond='data:post.comments' data='post.comments' name='commentList'/>
  3380.       </div>
  3381.  
  3382.       <b:if cond='data:post.commentPagingRequired'>
  3383.         <div class='paging-control-container'>
  3384.           <b:if cond='data:post.hasOlderLinks'>
  3385.             <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
  3386.               <data:messages.oldest/>
  3387.             </a>
  3388.             <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
  3389.               <data:messages.older/>
  3390.             </a>
  3391.           </b:if>
  3392.  
  3393.           <span class='comment-range-text'>
  3394.             <data:post.commentRangeText/>
  3395.           </span>
  3396.  
  3397.           <b:if cond='data:post.hasNewerLinks'>
  3398.             <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
  3399.               <data:messages.newer/>
  3400.             </a>
  3401.             <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
  3402.               <data:messages.newest/>
  3403.             </a>
  3404.           </b:if>
  3405.         </div>
  3406.       </b:if>
  3407.  
  3408.       <div class='footer'>
  3409.         <b:if cond='data:post.embedCommentForm'>
  3410.           <b:if cond='data:post.allowNewComments'>
  3411.             <b:include data='post' name='commentForm'/>
  3412.           <b:else/>
  3413.             <data:post.noNewCommentsText/>
  3414.           </b:if>
  3415.         <b:else/>
  3416.           <b:if cond='data:post.allowComments'>
  3417.             <b:include data='post' name='addComments'/>
  3418.           </b:if>
  3419.         </b:if>
  3420.         <b:if cond='data:post.showManageComments'>
  3421.           <b:include data='post' name='manageComments'/>
  3422.         </b:if>
  3423.       </div>
  3424.     </b:if>
  3425.     <b:if cond='data:showCmtPopup'>
  3426.       <div id='comment-popup'>
  3427.         <iframe allowtransparency='allowtransparency' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  3428.         </iframe>
  3429.       </div>
  3430.     </b:if>
  3431.   </section>
  3432. </b:includable>
  3433.                     <b:includable id='commentsLink'>
  3434.           <a class='comment-link' expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'>
  3435.             <b:include data='{ iconClass: &quot;touch-icon&quot; }' name='commentIcon'/>
  3436.             <span class='num_comments'>
  3437.               <b:if cond='data:post.numberOfComments &gt; 0'>
  3438.                 <b:message name='messages.numberOfComments'>
  3439.                   <b:param expr:value='data:post.numberOfComments' name='numComments'/>
  3440.                 </b:message>
  3441.               <b:else/>
  3442.                 <data:messages.postAComment/>
  3443.               </b:if>
  3444.             </span>
  3445.           </a>
  3446.         </b:includable>
  3447.                     <b:includable id='commentsTitle'>
  3448.   <h3 class='title'><data:messages.comments/></h3>
  3449. </b:includable>
  3450.                     <b:includable id='defaultAdUnit'>
  3451.           <b:comment>Clear out style (needs to be a non-empty string)</b:comment>
  3452.           <b:with value='&quot;/* Done in css. */&quot;' var='style'>
  3453.             <b:include name='super.defaultAdUnit'/>
  3454.           </b:with>
  3455.         </b:includable>
  3456.                     <b:includable id='feedLinks'>
  3457.           <b:comment>Don&#39;t show feed links.</b:comment>
  3458.         </b:includable>
  3459.                     <b:includable id='feedLinksBody' var='links'>
  3460.   <div class='feed-links'>
  3461.   <data:messages.subscribeTo/>
  3462.   <b:loop values='data:links' var='f'>
  3463.      <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  3464.   </b:loop>
  3465.   </div>
  3466. </b:includable>
  3467.                     <b:includable id='headerByline'>
  3468.           <b:include cond='data:view.isMultipleItems or data:widgets.Blog.first.headerByline.items.share' data='{ shareButtonClass: &quot;post-share-buttons-top&quot;, overridden: true }' name='maybeAddShareButtons'/>
  3469.           <b:include name='super.headerByline'/>
  3470.         </b:includable>
  3471.                     <b:includable id='homePageLink'><b:comment>Don&#39;t show</b:comment></b:includable>
  3472.                     <b:includable id='iframeComments' var='post'>
  3473.   <!-- G+ comments, no longer available. The includable is retained for backwards-compatibility. -->
  3474. </b:includable>
  3475.                     <b:includable id='inlineAd' var='post'>
  3476.           <div>
  3477.             <b:class cond='data:post.adNumber + data:numDesktopAds lt data:maxNumAds' name='desktop-ad'/>
  3478.             <b:class cond='data:post.adNumber + data:numMobileAds lt data:maxNumAds' name='mobile-ad'/>
  3479.             <b:include data='post' name='super.inlineAd'/>
  3480.           </div>
  3481.         </b:includable>
  3482.                     <b:includable id='manageComments'>
  3483.   <a expr:href='data:post.manageCommentsUrl' expr:onclick='data:post.manageCommentsUrlOnclick'>
  3484.     <b:message name='messages.manageComments'/>
  3485.   </a>
  3486. </b:includable>
  3487.                     <b:includable id='nextPageLink'>
  3488.           <a class='blog-pager-older-link flat-button ripple' expr:href='data:olderPageUrl' expr:title='data:messages.morePosts'>
  3489.             <data:messages.morePosts/>
  3490.           </a>
  3491.         </b:includable>
  3492.                     <b:includable id='post' var='post'>
  3493.   <div class='post'>
  3494.     <b:include data='post' name='postMeta'/>
  3495.     <b:include data='post' name='postTitle'/>
  3496.     <b:include name='headerByline'/>
  3497.     <b:if cond='data:view.isSingleItem'>
  3498.       <b:include data='post' name='postBody'/>
  3499.     <b:else/>
  3500.       <b:include data='post' name='postBodySnippet'/>
  3501.       <b:include data='post' name='postJumpLink'/>
  3502.     </b:if>
  3503.     <b:include data='post' name='postFooter'/>
  3504.   </div>
  3505. </b:includable>
  3506.                     <b:includable id='postBody' var='post'>
  3507.   <!-- If metaDescription is empty, use the post body as the schema.org description too, for G+/FB snippeting. -->
  3508.   <div class='post-body entry-content float-container' expr:id='&quot;post-body-&quot; + data:post.id'>
  3509.     <data:post.body/>
  3510.   </div>
  3511. </b:includable>
  3512.                     <b:includable id='postBodySnippet' var='post'>
  3513.           <div class='container post-body entry-content' expr:id='&quot;post-snippet-&quot; + data:post.id'>
  3514.  
  3515.             <b:if cond='data:post.featuredImage'>
  3516.               <div class='snippet-thumbnail'>
  3517.                 <b:include data='{                                     image: data:post.featuredImage,                                     imageSizes: [32, 64, 128, 256],                                     imageRatio: &quot;1:1&quot;,                                     sourceSizes: &quot;(max-width: 800px) 20vw, 128px&quot;                                  }' name='responsiveImage'/>
  3518.               </div>
  3519.             </b:if>
  3520.             <b:include cond='data:post' data='post' name='postSnippet'/>
  3521.           </div>
  3522.         </b:includable>
  3523.                     <b:includable id='postCommentsAndAd' var='post'>
  3524.   <article class='post-outer-container'>
  3525.     <!-- Post title and body -->
  3526.     <div class='post-outer'>
  3527.       <b:include data='post' name='post'/>
  3528.     </div>
  3529.  
  3530.     <!-- Comments -->
  3531.     <b:include cond='data:view.isSingleItem' data='post' name='commentPicker'/>
  3532.  
  3533.     <!-- Show ad inside post container, after comments, if single item. -->
  3534.     <b:include cond='data:view.isSingleItem and data:post.includeAd' data='post' name='inlineAd'/>
  3535.   </article>
  3536.  
  3537.   <!-- Show ad outside post container (between posts) for feed pages. -->
  3538.   <b:include cond='data:view.isMultipleItems and data:post.includeAd' data='post' name='inlineAd'/>
  3539. </b:includable>
  3540.                     <b:includable id='postCommentsLink'>
  3541.   <b:if cond='data:view.isMultipleItems'>
  3542.     <span class='byline post-comment-link container'>
  3543.       <b:include cond='data:post.commentSource != 1' name='commentsLink'/>
  3544.     </span>
  3545.   </b:if>
  3546. </b:includable>
  3547.                     <b:includable id='postFooter' var='post'>
  3548.           <div class='post-bottom'>
  3549.             <div class='post-footer float-container'>
  3550.               <b:include name='footerBylines'/>
  3551.               <b:include cond='data:widget.type == &quot;Blog&quot;' data='post' name='postFooterAuthorProfile'/>
  3552.             </div>
  3553.             <b:if cond='data:view.isSingleItem'>
  3554.                 <b:include data='{ shareButtonClass: &quot;post-share-buttons-bottom invisible&quot;, overridden: true }' name='maybeAddShareButtons'/>
  3555.             <b:else/>
  3556.               <b:include data='post' name='postFooterJumpLink'/>
  3557.             </b:if>
  3558.           </div>
  3559.         </b:includable>
  3560.                     <b:includable id='postFooterAuthorProfile' var='post'>
  3561.   <b:if cond='data:post.author.aboutMe and data:view.isPost'>
  3562.     <div class='author-profile'>
  3563.       <b:if cond='data:post.author.authorPhoto.url'>
  3564.         <img class='author-image' expr:src='data:post.author.authorPhoto.url' width='50px'/>
  3565.         <div class='author-about'>
  3566.           <b:include data='post' name='aboutPostAuthor'/>
  3567.         </div>
  3568.       <b:else/>
  3569.         <b:include data='post' name='aboutPostAuthor'/>
  3570.       </b:if>
  3571.     </div>
  3572.   </b:if>
  3573. </b:includable>
  3574.                     <b:includable id='postFooterJumpLink'>
  3575.           <b:comment>Ripple, and show &#39;keep reading&#39; as the default.</b:comment>
  3576.           <div class='jump-link flat-button ripple'>
  3577.             <a expr:href='data:post.hasJumpLink ? data:post.url fragment &quot;more&quot; : data:post.url' expr:title='data:post.title'>
  3578.               <data:blog.jumpLinkMessage/>
  3579.             </a>
  3580.           </div>
  3581.         </b:includable>
  3582.                     <b:includable id='postHeader' var='post'>
  3583.   <b:include name='headerByline'/>
  3584. </b:includable>
  3585.                     <b:includable id='postJumpLink'>
  3586.           <b:comment>Overridden, and migrated to postFooter. Called as postFooterJumpLink.</b:comment>
  3587.         </b:includable>
  3588.                     <b:includable id='postLabels'>
  3589.           <b:comment>We don&#39;t display labels on the home page.</b:comment>
  3590.           <b:if cond='data:view.isSingleItem and data:widget.type == &quot;Blog&quot;'>
  3591.             <b:include name='super.postLabels'/>
  3592.           </b:if>
  3593.         </b:includable>
  3594.                     <b:includable id='postMeta' var='post'>
  3595.   <b:include data='post' name='postMetadataJSON'/>
  3596. </b:includable>
  3597.                     <b:includable id='postPagination'>
  3598.   <div class='blog-pager container' id='blog-pager'>
  3599.     <b:include cond='data:newerPageUrl' name='previousPageLink'/>
  3600.     <b:include cond='data:olderPageUrl' name='nextPageLink'/>
  3601.     <b:include cond='data:view.url != data:blog.homepageUrl' name='homePageLink'/>
  3602.   </div>
  3603. </b:includable>
  3604.                     <b:includable id='postShareButtons' var='post'>
  3605.           <b:comment>We call super.postShareButtons from the migrated positions.</b:comment>
  3606.         </b:includable>
  3607.                     <b:includable id='postTitle' var='post'>
  3608.   <a expr:name='data:post.id'/>
  3609.   <b:if cond='data:post.title != &quot;&quot;'>
  3610.     <h3 class='post-title entry-title'>
  3611.       <b:if cond='data:post.link or (data:post.url and data:view.url != data:post.url)'>
  3612.         <a expr:href='data:post.link ?: data:post.url'><data:post.title/></a>
  3613.       <b:else/>
  3614.         <data:post.title/>
  3615.       </b:if>
  3616.     </h3>
  3617.   </b:if>
  3618. </b:includable>
  3619.                     <b:includable id='previousPageLink'><b:comment>Don&#39;t show</b:comment></b:includable>
  3620.                     <b:includable id='snippetedPostByline'>
  3621.           <b:include name='headerByline'/>
  3622.         </b:includable>
  3623.                     <b:includable id='threadedCommentForm' var='post'>
  3624.   <div class='comment-form'>
  3625.     <a name='comment-form'/>
  3626.     <h4 id='comment-post-message'><data:messages.postAComment/></h4>
  3627.     <b:if cond='data:this.messages.blogComment != &quot;&quot;'>
  3628.       <p><data:this.messages.blogComment/></p>
  3629.     </b:if>
  3630.     <b:include data='post' name='commentFormIframeSrc'/>
  3631.     <iframe allowtransparency='allowtransparency' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight ?: &quot;90px&quot;' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
  3632.     <data:post.cmtfpIframe/>
  3633.     <script type='text/javascript'>
  3634.       BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  3635.     </script>
  3636.   </div>
  3637. </b:includable>
  3638.                     <b:includable id='threadedCommentJs' var='post'>
  3639.   <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  3640.   <b:template-script inline='true' name='threaded_comments'/>
  3641.   <script type='text/javascript'>
  3642.     blogger.widgets.blog.initThreadedComments(
  3643.         <data:post.commentJso/>,
  3644.         <data:post.commentMsgs/>,
  3645.         <data:post.commentConfig/>);
  3646.   </script>
  3647. </b:includable>
  3648.                     <b:includable id='threadedComments' var='post'>
  3649.   <section class='comments threaded' expr:data-embed='data:post.embedCommentForm' expr:data-num-comments='data:post.numberOfComments' id='comments'>
  3650.     <a name='comments'/>
  3651.  
  3652.     <b:include name='commentsTitle'/>
  3653.  
  3654.     <div class='comments-content'>
  3655.       <b:if cond='data:post.embedCommentForm'>
  3656.         <b:include data='post' name='threadedCommentJs'/>
  3657.       </b:if>
  3658.       <div id='comment-holder'>
  3659.          <data:post.commentHtml/>
  3660.       </div>
  3661.     </div>
  3662.  
  3663.     <p class='comment-footer'>
  3664.       <b:if cond='data:post.allowNewComments'>
  3665.         <b:include data='post' name='threadedCommentForm'/>
  3666.       <b:else/>
  3667.         <data:post.noNewCommentsText/>
  3668.       </b:if>
  3669.       <b:if cond='data:post.showManageComments'>
  3670.         <b:include data='post' name='manageComments'/>
  3671.       </b:if>
  3672.     </p>
  3673.  
  3674.     <b:if cond='data:showCmtPopup'>
  3675.       <div id='comment-popup'>
  3676.         <iframe allowtransparency='allowtransparency' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  3677.         </iframe>
  3678.       </div>
  3679.     </b:if>
  3680.   </section>
  3681. </b:includable>
  3682.                   </b:widget>
  3683.                   <b:widget cond='data:view.isSingleItem and data:posts any (p =&gt; p.id != data:view.postId)' id='PopularPosts1' locked='true' title='' type='PopularPosts' visible='true'>
  3684.                     <b:widget-settings>
  3685.                       <b:widget-setting name='numItemsToShow'>3</b:widget-setting>
  3686.                       <b:widget-setting name='showThumbnails'>true</b:widget-setting>
  3687.                       <b:widget-setting name='showSnippets'>true</b:widget-setting>
  3688.                       <b:widget-setting name='timeRange'>LAST_YEAR</b:widget-setting>
  3689.                     </b:widget-settings>
  3690.                     <b:includable id='main' var='this'>
  3691.           <b:comment>Default the title to &#39;Popular posts from this blog&#39;.</b:comment>
  3692.           <b:with value='data:messages.popularPostsFromThisBlog' var='defaultTitle'>
  3693.             <b:include name='super.main'/>
  3694.           </b:with>
  3695.         </b:includable>
  3696.                     <b:includable id='commentsLink'>
  3697.           <a class='comment-link' expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'>
  3698.             <b:include data='{ iconClass: &quot;touch-icon&quot; }' name='commentIcon'/>
  3699.             <span class='num_comments'>
  3700.               <b:if cond='data:post.numberOfComments &gt; 0'>
  3701.                 <b:message name='messages.numberOfComments'>
  3702.                   <b:param expr:value='data:post.numberOfComments' name='numComments'/>
  3703.                 </b:message>
  3704.               <b:else/>
  3705.                 <data:messages.postAComment/>
  3706.               </b:if>
  3707.             </span>
  3708.           </a>
  3709.         </b:includable>
  3710.                     <b:includable id='postFooter' var='post'>
  3711.           <div class='post-bottom'>
  3712.             <div class='post-footer float-container'>
  3713.               <b:include name='footerBylines'/>
  3714.               <b:include cond='data:widget.type == &quot;Blog&quot;' data='post' name='postFooterAuthorProfile'/>
  3715.             </div>
  3716.             <b:if cond='data:view.isSingleItem'>
  3717.                 <b:include data='{ shareButtonClass: &quot;post-share-buttons-bottom invisible&quot;, overridden: true }' name='maybeAddShareButtons'/>
  3718.             <b:else/>
  3719.               <b:include data='post' name='postFooterJumpLink'/>
  3720.             </b:if>
  3721.           </div>
  3722.         </b:includable>
  3723.                     <b:includable id='postFooterJumpLink'>
  3724.           <b:comment>Ripple, and show &#39;keep reading&#39; as the default.</b:comment>
  3725.           <div class='jump-link flat-button ripple'>
  3726.             <a expr:href='data:post.hasJumpLink ? data:post.url fragment &quot;more&quot; : data:post.url' expr:title='data:post.title'>
  3727.               <data:blog.jumpLinkMessage/>
  3728.             </a>
  3729.           </div>
  3730.         </b:includable>
  3731.                     <b:includable id='postJumpLink'>
  3732.           <b:comment>Overridden, and migrated to postFooter. Called as postFooterJumpLink.</b:comment>
  3733.         </b:includable>
  3734.                     <b:includable id='postLabels'>
  3735.           <b:comment>We don&#39;t display labels on the home page.</b:comment>
  3736.           <b:if cond='data:view.isSingleItem and data:widget.type == &quot;Blog&quot;'>
  3737.             <b:include name='super.postLabels'/>
  3738.           </b:if>
  3739.         </b:includable>
  3740.                     <b:includable id='postShareButtons' var='post'>
  3741.           <b:comment>We call super.postShareButtons from the migrated positions.</b:comment>
  3742.         </b:includable>
  3743.                     <b:includable id='snippetedPostByline'>
  3744.           <b:include name='headerByline'/>
  3745.         </b:includable>
  3746.                     <b:includable id='snippetedPostContent'>
  3747.           <b:comment>Add a &#39;keep reading&#39; link to the item-content.</b:comment>
  3748.           <b:include name='snippetedPostTitle'/>
  3749.           <b:include name='snippetedPostByline'/>
  3750.           <div class='item-content float-container'>
  3751.             <b:include cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage' name='snippetedPostThumbnail'/>
  3752.             <b:if cond='data:this.postDisplay.showSnippet'>
  3753.               <b:with value='&quot;popular-posts&quot;' var='snippetPrefix'>
  3754.                 <b:include cond='data:post' data='post' name='postSnippet'/>
  3755.               </b:with>
  3756.             </b:if>
  3757.             <b:include data='post' name='postFooterJumpLink'/>
  3758.           </div>
  3759.         </b:includable>
  3760.                   </b:widget>
  3761.                 </b:section>
  3762.               </main>
  3763.             </div>
  3764.             <b:section class='footer' id='footer' name='Footer' showaddelement='false' tag='footer'>
  3765.               <b:widget id='Attribution1' locked='true' title='' type='Attribution' visible='true'>
  3766.                 <b:widget-settings>
  3767.                   <b:widget-setting name='copyright'/>
  3768.                 </b:widget-settings>
  3769.                 <b:includable id='main' var='this'>
  3770.   <div class='widget-content'>
  3771.     <div class='blogger'>
  3772.       <a expr:href='data:bloggerUrl' rel='nofollow'>
  3773.         <b:include name='flatBloggerIcon'/>
  3774.         <b:message name='messages.poweredByBlogger'/>
  3775.       </a>
  3776.     </div>
  3777.  
  3778.     <b:if cond='data:imageAuthor'>
  3779.       <div class='image-attribution'>
  3780.         <b:if cond='data:imageAuthor.url'>
  3781.           <b:message name='messages.templateImagesByLink'>
  3782.             <b:param expr:value='data:imageAuthor.url'/>
  3783.             <b:param expr:value='data:imageAuthor.name'/>
  3784.           </b:message>
  3785.         <b:else/>
  3786.           <b:message name='messages.templateImagesBy'>
  3787.             <b:param expr:value='data:imageAuthor.name'/>
  3788.           </b:message>
  3789.         </b:if>
  3790.       </div>
  3791.     </b:if>
  3792.  
  3793.     <b:if cond='data:copyright != &quot;&quot;'>
  3794.       <div class='copyright'><data:copyright/></div>
  3795.     </b:if>
  3796.   </div>
  3797. </b:includable>
  3798.               </b:widget>
  3799.               <b:widget id='ReportAbuse1' locked='true' title='' type='ReportAbuse' visible='true'>
  3800.                 <b:includable id='main'>
  3801.   <b:include name='reportAbuse'/>
  3802. </b:includable>
  3803.               </b:widget>
  3804.             </b:section>
  3805.           </div>
  3806.         </div>
  3807.       </b:with>
  3808.     </div>
  3809.     <aside class='sidebar-container container sidebar-invisible' role='complementary'>
  3810.       <b:class cond='data:widgets any w =&gt; w.sectionId == &quot;sidebar_top&quot;' name='show-sidebar-top'/>
  3811.       <div class='navigation'>
  3812.         <b:include data='{ button: true, iconClass: &quot;flat-icon-button ripple sidebar-back&quot; }' name='backArrowIcon'/>
  3813.       </div>
  3814.       <div class='sidebar_top_wrapper'>
  3815.         <b:class cond='data:widgets none w =&gt; w.sectionId == &quot;sidebar_top&quot;' name='no-items'/>
  3816.         <b:section class='sidebar_top' id='sidebar_top' name='Sidebar (Top)'>
  3817.           <b:widget id='Profile1' locked='true' title='About Me' type='Profile' visible='true'>
  3818.             <b:widget-settings>
  3819.               <b:widget-setting name='showaboutme'>true</b:widget-setting>
  3820.               <b:widget-setting name='showlocation'>false</b:widget-setting>
  3821.             </b:widget-settings>
  3822.             <b:includable id='main' var='this'>
  3823.           <div class='wrapper'>
  3824.             <b:class cond='!data:this.team' name='solo'/>
  3825.             <b:comment>No title for single profiles. Default to &#39;Blog authors&#39; for team.</b:comment>
  3826.             <b:with value='data:messages.blogAuthors' var='defaultTitle'>
  3827.               <b:include cond='data:this.team' name='widget-title'/>
  3828.             </b:with>
  3829.             <b:include name='content'/>
  3830.           </div>
  3831.         </b:includable>
  3832.             <b:includable id='authorProfileImage'>
  3833.   <img class='profile-img' expr:alt='data:messages.myPhoto' expr:height='data:authorPhoto.height' expr:src='data:authorPhoto.image' expr:width='data:authorPhoto.width'/>
  3834. </b:includable>
  3835.             <b:includable id='content'>
  3836.   <b:if cond='data:team'>
  3837.     <div class='widget-content team'>
  3838.       <b:include name='teamProfile'/>
  3839.     </div>
  3840.   <b:else/>
  3841.     <div class='widget-content individual'>
  3842.       <b:include name='userProfile'/>
  3843.     </div>
  3844.   </b:if>
  3845. </b:includable>
  3846.             <b:includable id='defaultProfileImage'>
  3847.           <div class='default-avatar-wrapper'>
  3848.             <b:include data='{ iconClass: &quot;avatar-icon&quot; }' name='defaultAvatarIcon'/>
  3849.           </div>
  3850.         </b:includable>
  3851.             <b:includable id='profileImage'>
  3852.   <b:if cond='data:authorPhoto.image'>
  3853.     <b:include name='authorProfileImage'/>
  3854.   <b:else/>
  3855.     <b:include name='defaultProfileImage'/>
  3856.   </b:if>
  3857. </b:includable>
  3858.             <b:includable id='teamProfile'>
  3859.   <ul>
  3860.     <b:loop values='data:authors' var='author'>
  3861.       <li>
  3862.         <div class='team-member'>
  3863.           <b:include data='author' name='teamProfileLink'/>
  3864.         </div>
  3865.       </li>
  3866.     </b:loop>
  3867.   </ul>
  3868. </b:includable>
  3869.             <b:includable id='teamProfileLink'>
  3870.   <a class='profile-link g-profile' expr:href='data:userUrl' rel='nofollow'>
  3871.     <b:include name='profileImage'/>
  3872.     <span class='profile-name'><data:display-name/></span>
  3873.   </a>
  3874. </b:includable>
  3875.             <b:includable id='userGoogleProfile'>
  3876.   <div class='g-follow' data-annotation='bubble' data-height='20' expr:data-href='data:userUrl'/>
  3877. </b:includable>
  3878.             <b:includable id='userLocation'>
  3879.   <dd class='profile-data location'><data:location/></dd>
  3880. </b:includable>
  3881.             <b:includable id='userProfile'>
  3882.   <b:include name='userProfileImage'/>
  3883.   <b:include name='userProfileInfo'/>
  3884. </b:includable>
  3885.             <b:includable id='userProfileData'>
  3886.   <dt class='profile-data'>
  3887.     <b:include name='userProfileLink'/>
  3888.     <b:include cond='data:hasgoogleprofile' name='userGoogleProfile'/>
  3889.   </dt>
  3890. </b:includable>
  3891.             <b:includable id='userProfileImage'>
  3892.   <a expr:href='data:userUrl' rel='nofollow'>
  3893.     <b:include name='profileImage'/>
  3894.   </a>
  3895. </b:includable>
  3896.             <b:includable id='userProfileInfo'>
  3897.   <div class='profile-info'>
  3898.     <dl class='profile-datablock'>
  3899.       <b:class cond='data:showlocation and data:location != &quot;&quot;' name='has-location'/>
  3900.  
  3901.       <b:include name='userProfileData'/>
  3902.       <b:include cond='data:showlocation and data:location != &quot;&quot;' name='userLocation'/>
  3903.       <b:include cond='data:aboutme != &quot;&quot;' name='userProfileText'/>
  3904.     </dl>
  3905.     <b:include name='viewProfileLink'/>
  3906.   </div>
  3907. </b:includable>
  3908.             <b:includable id='userProfileLink'>
  3909.   <a class='profile-link g-profile' expr:href='data:userUrl' rel='author nofollow'>
  3910.     <data:displayname/>
  3911.   </a>
  3912. </b:includable>
  3913.             <b:includable id='userProfileText'>
  3914.           <dd class='profile-textblock profile-snippet snippet-container r-snippet-container'>
  3915.             <div class='snippet-item r-snippetized'>
  3916.               <data:aboutme/>
  3917.             </div>
  3918.             <div class='snippet-fade r-snippet-fade hidden'/>
  3919.           </dd>
  3920.         </b:includable>
  3921.             <b:includable id='viewProfileLink'>
  3922.           <b:comment>Change link to &#39;visit profile&#39;</b:comment>
  3923.           <a class='profile-link visit-profile pill-button' expr:href='data:userUrl' rel='author'>
  3924.             <data:messages.visitProfile/>
  3925.           </a>
  3926.         </b:includable>
  3927.           </b:widget>
  3928.         </b:section>
  3929.       </div>
  3930.       <b:section class='sidebar_bottom' id='sidebar_bottom' name='Sidebar (Bottom)' preferred='yes'>
  3931.         <b:widget id='BlogArchive1' locked='false' title='' type='BlogArchive' visible='true'>
  3932.           <b:widget-settings>
  3933.             <b:widget-setting name='showStyle'>FLAT</b:widget-setting>
  3934.             <b:widget-setting name='yearPattern'>yyyy</b:widget-setting>
  3935.             <b:widget-setting name='showWeekEnd'>true</b:widget-setting>
  3936.             <b:widget-setting name='monthPattern'>MMMM yyyy</b:widget-setting>
  3937.             <b:widget-setting name='dayPattern'>MMM dd</b:widget-setting>
  3938.             <b:widget-setting name='weekPattern'>MM/dd</b:widget-setting>
  3939.             <b:widget-setting name='chronological'>false</b:widget-setting>
  3940.             <b:widget-setting name='showPosts'>true</b:widget-setting>
  3941.             <b:widget-setting name='frequency'>MONTHLY</b:widget-setting>
  3942.           </b:widget-settings>
  3943.           <b:includable id='main' var='this'>
  3944.           <details class='collapsible extendable'>
  3945.             <b:attr cond='data:view.isArchive' name='open' value='open'/>
  3946.             <b:with value='true' var='renderAsDetails'>
  3947.             <b:with value='data:messages.archive' var='defaultTitle'>
  3948.               <b:include name='super.main'/>
  3949.             </b:with>
  3950.             </b:with>
  3951.           </details>
  3952.         </b:includable>
  3953.           <b:includable id='content'>
  3954.   <div class='widget-content'>
  3955.     <div id='ArchiveList'>
  3956.       <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
  3957.         <b:include cond='data:this.style == &quot;HIERARCHY&quot;' name='hierarchy'/>
  3958.         <b:include cond='data:this.style in {&quot;FLAT&quot;, &quot;MENU&quot;}' name='flat'/>
  3959.       </div>
  3960.     </div>
  3961.   </div>
  3962. </b:includable>
  3963.           <b:includable id='flat'>
  3964.           <b:include data='{                               buttonClass: &quot;pill-button&quot;,                               items: data:this.data,                               itemSet: &quot;data&quot;,                               itemsMarkup: &quot;super.flat&quot;                             }' name='extendableItems'/>
  3965.         </b:includable>
  3966.           <b:includable id='hierarchy'>
  3967.           <b:include data='{                               buttonClass: &quot;pill-button&quot;,                               limit: 1,                               items: data:this.data,                               itemSet: &quot;data&quot;,                               itemsMarkup: &quot;super.hierarchy&quot;                             }' name='extendableItems'/>
  3968.         </b:includable>
  3969.           <b:includable id='interval' var='intervals'>
  3970.   <ul class='hierarchy'>
  3971.     <b:loop values='data:intervals' var='interval'>
  3972.       <li class='archivedate'>
  3973.         <div class='hierarchy-title'>
  3974.           <a class='post-count-link' expr:href='data:interval.url'>
  3975.             <data:interval.name/>
  3976.             <span class='post-count'><data:interval.post-count/></span>
  3977.           </a>
  3978.         </div>
  3979.         <div class='hierarchy-content'>
  3980.           <b:include cond='data:interval.data' data='interval.data' name='interval'/>
  3981.           <b:include cond='data:interval.posts' data='interval.posts' name='posts'/>
  3982.         </div>
  3983.       </li>
  3984.     </b:loop>
  3985.   </ul>
  3986. </b:includable>
  3987.           <b:includable id='posts' var='posts'>
  3988.   <ul class='posts hierarchy'>
  3989.     <b:loop values='data:posts' var='post'>
  3990.       <li>
  3991.         <a expr:href='data:post.url'><data:post.title/></a>
  3992.       </li>
  3993.     </b:loop>
  3994.   </ul>
  3995. </b:includable>
  3996.         </b:widget>
  3997.         <b:widget id='Label1' locked='false' title='Labels' type='Label' visible='false'>
  3998.           <b:widget-settings>
  3999.             <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
  4000.             <b:widget-setting name='display'>LIST</b:widget-setting>
  4001.             <b:widget-setting name='selectedLabelsList'/>
  4002.             <b:widget-setting name='showType'>ALL</b:widget-setting>
  4003.             <b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
  4004.           </b:widget-settings>
  4005.           <b:includable id='main' var='this'>
  4006.           <details class='collapsible extendable'>
  4007.             <b:attr cond='data:view.isLabelSearch' name='open' value='open'/>
  4008.             <b:class name='version-1-0-1'/>
  4009.             <b:with value='true' var='renderAsDetails'>
  4010.             <b:with value='data:messages.labels' var='defaultTitle'>
  4011.               <b:include name='super.main'/>
  4012.             </b:with>
  4013.             </b:with>
  4014.           </details>
  4015.         </b:includable>
  4016.           <b:includable id='cloud'>
  4017.           <b:include data='{                               buttonClass: &quot;pill-button&quot;,                               items: data:this.labels,                               itemSet: &quot;labels&quot;,                               itemsMarkup: &quot;super.cloud&quot;                             }' name='extendableItems'/>
  4018.         </b:includable>
  4019.           <b:includable id='content'>
  4020.   <div class='widget-content'>
  4021.     <b:class expr:name='data:this.display + &quot;-label-widget-content&quot;'/>
  4022.     <b:include cond='data:this.display == &quot;list&quot;' name='list'/>
  4023.     <b:include cond='data:this.display == &quot;cloud&quot;' name='cloud'/>
  4024.   </div>
  4025. </b:includable>
  4026.           <b:includable id='list'>
  4027.           <b:include data='{                               buttonClass: &quot;pill-button&quot;,                               items: data:this.labels,                               itemSet: &quot;labels&quot;,                               itemsMarkup: &quot;super.list&quot;                             }' name='extendableItems'/>
  4028.         </b:includable>
  4029.         </b:widget>
  4030.       </b:section>
  4031.     </aside>
  4032.  
  4033.     <b:template-script async='true' name='strm' version='1.0.0'/>
  4034.   </body>
  4035. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!