Advertisement
KEDNA

Green Simple ─ lay free soshyu

Jan 9th, 2018
154
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 78.77 KB | None | 0 0
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html>
  3. <html b:version='2' class='v2' expr:dir='data:blog.languageDirection' 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. <link href='https://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'/>
  6. <link href='http://fonts.googleapis.com/css?family=Julius+Sans+One' rel='stylesheet' type='text/css'/>
  7. <link href='http://fonts.googleapis.com/css?family=Carrois+Gothic+SC' rel='stylesheet' type='text/css'/>
  8.     <meta expr:content='data:blog.isMobile         ? &quot;width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0&quot;         : &quot;width=1100&quot;' name='viewport'/>
  9.     <b:include data='blog' name='all-head-content'/>
  10.     <title>título do blog</title>
  11.  
  12.     <b:skin><![CDATA[/*
  13. -----------------------------------------------
  14. N Ã O • R E T I R E • O S • C R É T I D O S ♥
  15.  
  16. n o m e:     Green Simple
  17. p o r: Nigohyu~
  18. b l o g:      http://sos-hyu.blogspot.com.br/
  19.  
  20. O B R I G A D A • P O R • U S A R ^^
  21. ----------------------------------------------- */
  22.  
  23. /* Variable definitions
  24.   ====================
  25.   <Variable name="keycolor" description="Main Color" type="color" default="#539bcd" value="#cfd9f6"/>
  26.  
  27.   <Group description="Page Text" selector="body">
  28.     <Variable name="body.font" description="Font" type="font"
  29.         default="normal normal 13px 'Trebuchet MS',Trebuchet,sans-serif" value="normal normal 13px PT Sans"/>
  30.     <Variable name="body.text.color" description="Text Color" type="color" default="#bbbbbb" value="#7f7f7f"/>
  31.   </Group>
  32.  
  33.   <Group description="Backgrounds" selector=".body-fauxcolumns-outer">
  34.     <Variable name="body.background.color" description="Outer Background" type="color" default="#539bcd" value="#cfd9f6"/>
  35.     <Variable name="content.background.color" description="Main Background" type="color" default="transparent" value="#ffffff"/>
  36.   </Group>
  37.  
  38.   <Group description="Links" selector=".main-outer">
  39.     <Variable name="link.color" description="Link Color" type="color" default="#ff9900" value="#538cd6"/>
  40.     <Variable name="link.visited.color" description="Visited Color" type="color" default="#b87209" value="#436590"/>
  41.     <Variable name="link.hover.color" description="Hover Color" type="color" default="#ff9900" value="#ff9900"/>
  42.   </Group>
  43.  
  44.   <Group description="Blog Title" selector=".header h1">
  45.     <Variable name="header.font" description="Font" type="font"
  46.         default="normal normal 60px 'Trebuchet MS',Trebuchet,sans-serif" value="normal normal 60px &#39;Trebuchet MS&#39;,Trebuchet,sans-serif"/>
  47.     <Variable name="header.text.color" description="Text Color" type="color" default="#ffffff"  value="#000000"/>
  48.   </Group>
  49.  
  50.   <Group description="Blog Description" selector=".header .description">
  51.     <Variable name="description.text.color" description="Description Color" type="color"
  52.         default="$(body.text.color)"  value="#7f7f7f"/>
  53.   </Group>
  54.  
  55.   <Group description="Tabs Text" selector=".tabs-inner .widget li a">
  56.     <Variable name="tabs.font" description="Font" type="font"
  57.         default="normal bold 16px 'Trebuchet MS',Trebuchet,sans-serif" value="normal bold 16px &#39;Trebuchet MS&#39;,Trebuchet,sans-serif"/>
  58.     <Variable name="tabs.text.color" description="Text Color" type="color" default="#ffffff" value="#ffffff"/>
  59.     <Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="#ffffff" value="#ffffff"/>
  60.   </Group>
  61.  
  62.   <Group description="Tabs Background" selector=".tabs-outer .PageList">
  63.     <Variable name="tabs.background.color" description="Background Color" type="color" default="transparent" value="#ffffff"/>
  64.     <Variable name="tabs.selected.background.color" description="Selected Color" type="color" default="transparent" value="#333333"/>
  65.   </Group>
  66.  
  67.   <Group description="Date Header" selector=".main-inner h2.date-header">
  68.     <Variable name="date.font" description="Font" type="font"
  69.         default="normal normal 14px 'Trebuchet MS',Trebuchet,sans-serif" value="normal normal 14px &#39;Trebuchet MS&#39;,Trebuchet,sans-serif"/>
  70.     <Variable name="date.text.color" description="Text Color" type="color" default="$(body.text.color)" value="#7f7f7f"/>
  71.   </Group>
  72.  
  73.   <Group description="Post Title" selector="h3.post-title a">
  74.     <Variable name="post.title.font" description="Font" type="font"
  75.         default="normal bold 20px 'Trebuchet MS',Trebuchet,sans-serif" value="normal bold 20px &#39;Trebuchet MS&#39;,Trebuchet,sans-serif"/>
  76.     <Variable name="post.title.text.color" description="Text Color" type="color"
  77.         default="#ffffff" value="#ffffff"/>
  78.   </Group>
  79.  
  80.   <Group description="Post Background" selector=".column-center-inner">
  81.     <Variable name="post.background.color" description="Background Color" type="color"
  82.         default="transparent" value="transparent"/>
  83.     <Variable name="post.background.url" description="Post Background URL" type="url" default="none" value="none"/>
  84.   </Group>
  85.  
  86.   <Group description="Gadget Title Color" selector="h2">
  87.     <Variable name="widget.title.font" description="Font" type="font"
  88.        default="normal bold 14px 'Trebuchet MS',Trebuchet,sans-serif" value="normal bold 14px &#39;Trebuchet MS&#39;,Trebuchet,sans-serif"/>
  89.     <Variable name="widget.title.text.color" description="Title Color" type="color" default="#ffffff" value="#ffffff"/>
  90.   </Group>
  91.  
  92.   <Group description="Gadget Text" selector=".footer-inner .widget, .sidebar .widget">
  93.     <Variable name="widget.font" description="Font" type="font"
  94.        default="$(body.font)" value="normal normal 13px PT Sans"/>
  95.     <Variable name="widget.text.color" description="Text Color" type="color" default="$(body.text.color)" value="#7f7f7f"/>
  96.   </Group>
  97.  
  98.   <Group description="Gadget Links" selector=".sidebar .widget">
  99.     <Variable name="widget.link.color" description="Link Color" type="color" default="$(body.text.color)" value="#7f7f7f"/>
  100.     <Variable name="widget.link.visited.color" description="Visited Color" type="color" default="$(link.visited.color)" value="#436590"/>
  101.     <Variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#ffffff" value="#ffffff"/>
  102.   </Group>
  103.  
  104.   <Group description="Sidebar Background" selector=".column-left-inner .column-right-inner">
  105.     <Variable name="widget.outer.background.color" description="Background Color" type="color" default="transparent"  value="transparent"/>
  106.     <Variable name="widget.border.bevel.color" description="Bevel Color" type="color" default="transparent"  value="transparent"/>
  107.   </Group>
  108.  
  109.   <Variable name="body.background" description="Body Background" type="background"
  110.       color="$(body.background.color)" default="$(color) none repeat-x scroll top center" value="#cfd9f6 url(//themes.googleusercontent.com/image?id=0BwVBOzw_-hbMZDgyZmJiZTMtNWUxNC00NjA1LWJhZWMtODc3ZWQwMzZiYjcz) repeat fixed top center"/>
  111.   <Variable name="content.background" description="Content Background" type="background"
  112.       color="$(content.background.color)" default="$(color) none repeat scroll top center" value="#ffffff url(//www.blogblog.com/1kt/travel/bg_container.png) repeat-x scroll top left"/>
  113.   <Variable name="comments.background" description="Comments Background" type="background"
  114.       default="#fff none repeat scroll top center" value="#fff none repeat scroll top center"/>
  115.  
  116.   <Variable name="content.imageBorder.top.space" description="Content Image Border Top Space" type="length" default="0" min="0" max="100px" value="5px"/>
  117.   <Variable name="content.imageBorder.top" description="Content Image Border Top" type="url" default="none" value="url(//www.blogblog.com/1kt/travel/bg_container.png)"/>
  118.  
  119.   <Variable name="content.margin" description="Content Margin Top" type="length" default="20px" min="0" max="100px" value="20px"/>
  120.   <Variable name="content.padding" description="Content Padding" type="length" default="20px" min="0" max="100px" value="20px"/>
  121.   <Variable name="content.posts.padding" description="Posts Content Padding" type="length" default="10px" min="0" max="100px" value="10px"/>
  122.  
  123.   <Variable name="tabs.background.gradient" description="Tabs Background Gradient" type="url"
  124.       default="url(//www.blogblog.com/1kt/travel/bg_black_50.png)" value="none"/>
  125.   <Variable name="tabs.selected.background.gradient" description="Tabs Selected Background Gradient" type="url"
  126.       default="url(//www.blogblog.com/1kt/travel/bg_black_50.png)" value="none"/>
  127.   <Variable name="widget.outer.background.gradient" description="Sidebar Gradient" type="url"
  128.       default="url(//www.blogblog.com/1kt/travel/bg_black_50.png)" value="none"/>
  129.   <Variable name="footer.background.gradient" description="Footer Background Gradient" type="url" default="none" value="none"/>
  130.   <Variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string"
  131.       default="transparent none repeat scroll top left" value="transparent none repeat scroll top left"/>
  132.   <Variable name="mobile.button.color" description="Mobile Button Color" type="color" default="#ffffff"  value="#ffffff"/>
  133.   <Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left"/>
  134.   <Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right"/>
  135. */
  136.  
  137. /* Content
  138. ----------------------------------------------- */
  139. body {
  140.  font: $(body.font);
  141.  color: $(body.text.color);
  142.  background: #f8fef8;
  143. }
  144.  
  145. html body .region-inner {
  146.  min-width: 0;
  147.  max-width: 100%;
  148.  width: auto;
  149. }
  150.  
  151. a:link {
  152. color:#93c9bc;
  153. text-decoration: none;
  154. }
  155. a:visited {
  156. color:#93c9bc;
  157. }
  158. a:hover {
  159. color: #98e5d2;
  160. text-decoration: none;
  161. transition-duration: 1s;
  162. -moz-transition-duration: 1s;
  163. }
  164.  
  165. .content-outer .content-cap-top {
  166.  height:;
  167.  background: ;
  168. }
  169.  
  170. .content-outer {
  171.  margin: 0 auto;
  172.  padding-top: ;
  173. }
  174.  
  175. .content-inner {
  176.  background: ;
  177.  background-position: ;
  178.  background-color: ;
  179.  padding: ;
  180. }
  181.  
  182. .main-inner .date-outer {
  183.  margin-bottom: 2em;
  184. }
  185.  
  186. /* Header
  187. ----------------------------------------------- */
  188. .header-inner .Header .titlewrapper,
  189. .header-inner .Header .descriptionwrapper {
  190.  padding-left: 10px;
  191.  padding-right: 10px;
  192. }
  193.  
  194. .Header h1 {
  195.  font: $(header.font);
  196.  color: $(header.text.color);
  197. }
  198.  
  199. .Header h1 a {
  200.  color: $(header.text.color);
  201. }
  202.  
  203. .Header .description {
  204.  font-size: 130%;
  205. }
  206.  
  207. /* Tabs
  208. ----------------------------------------------- */
  209. .tabs-inner {
  210.  margin: 1em 0 0;
  211.  padding: 0;
  212. }
  213.  
  214. .tabs-inner .section {
  215.  margin: 0;
  216. }
  217.  
  218. .tabs-inner .widget ul {
  219.  padding: 0;
  220.  background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll top center;
  221. }
  222.  
  223. .tabs-inner .widget li {
  224.  border: none;
  225. }
  226.  
  227. .tabs-inner .widget li a {
  228.  display: inline-block;
  229.  padding: 1em 1.5em;
  230.  color: $(tabs.text.color);
  231.  font: $(tabs.font);
  232. }
  233.  
  234. .tabs-inner .widget li.selected a,
  235. .tabs-inner .widget li a:hover {
  236.  position: relative;
  237.  z-index: 1;
  238.  background: $(tabs.selected.background.color) $(tabs.selected.background.gradient) repeat scroll top center;
  239.  color: $(tabs.selected.text.color);
  240.  
  241. }
  242. /* Headings
  243. ----------------------------------------------- */
  244. h2 {
  245.  font: $(widget.title.font);
  246.  color: $(widget.title.text.color);
  247. }
  248.  
  249. .main-inner h2.date-header {
  250.  -webkit-transform:rotate(1170deg);-o-transform:rotate(270deg);-moz-transform: rotate(270deg);
  251. margin-right: -25px;
  252. float: right;
  253. text-align: center;
  254. font-size: 9px;
  255. padding: 5px;
  256. background: #e3fde3;
  257. color: #649381;
  258. text-shadow:0px 1px 2px #fff;
  259. margin-top: 10px;
  260. }
  261.  
  262. .footer-inner .widget h2,
  263. .sidebar .widget h2 {
  264.  padding-bottom: .5em;
  265. }
  266.  
  267. /* Main
  268. ----------------------------------------------- */
  269.  
  270. .main-inner {
  271. padding: $(content.padding) 0px;
  272. background: #fff;
  273. border: solid 8px #e3fde3;
  274. }
  275.  
  276. .main-inner .column-center-inner {
  277.  padding: $(content.posts.padding) 0;
  278. }
  279.  
  280. .main-inner .column-center-inner .section {
  281.  margin: 0 $(content.posts.padding);
  282. }
  283.  
  284. .main-inner .column-right-inner {
  285.  margin-left: $(content.padding);
  286. }
  287.  
  288. .main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
  289.  margin-left: $(content.padding);
  290.  background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;
  291. }
  292.  
  293. .main-inner .column-left-inner {
  294.  margin-right: $(content.padding);
  295. }
  296.  
  297. .main-inner .fauxcolumn-left-outer .fauxcolumn-inner {
  298.  margin-right: $(content.padding);
  299.  background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;
  300. }
  301.  
  302. .main-inner .column-left-inner,
  303. .main-inner .column-right-inner {
  304.  padding: 15px 0;
  305. }
  306.  
  307. /* Posts
  308. ----------------------------------------------- */
  309. h3.post-title {
  310. padding: 8px 0 8px 8px;
  311. padding-bottom: -10px;
  312. padding-top: px;
  313. padding-left: px;
  314. margin-left: -px;
  315. margin-top: -20px !important;
  316. text-transform: none;
  317. letter-spacing: .1em;
  318. font-family: 'Carrois Gothic SC', Century Gothic;
  319. font-weight:300;
  320. font-size: 17px;
  321. color:#9BCD9B;
  322. line-height: 8px;
  323. margin-top: 3px;
  324. text-align:center;
  325. -webkit-transition-duration: .80s;
  326. }
  327.  
  328. h3.post-title a {
  329. text-transform: none;
  330. letter-spacing: .1em;
  331. font-weight: 300;
  332. font-size: 17px;
  333. color:#9BCD9B;
  334. text-shadow:0 1px #fff;
  335. text-align: center;
  336. padding-right: px;
  337. -webkit-transition-duration: .80s;
  338. }
  339.  
  340. h3.post-title a:hover {
  341.  text-decoration: none;
  342. color:#EEEEE0;
  343. }
  344.  
  345. .post-outer {
  346. padding-bottom: 2px;
  347. }
  348. .main-inner .column-center-outer {
  349.  background: $(post.background.color) $(post.background.url) repeat scroll top left;
  350.  _background-image: none;
  351. }
  352.  
  353. .post-body {
  354.  line-height: 1.4;
  355.  position: relative;
  356. }
  357. ::-moz-selection {
  358. background:#f1fff1;
  359. color:#c9cec9;
  360. }
  361. ::selection {
  362. background:#f1fff1;
  363. color:#c9cec9;
  364. }
  365.  
  366. .post-header {
  367.  margin: 0 0 1em;
  368.  
  369.  line-height: 1.6;
  370. }
  371.  
  372. #blog-pager {
  373.  font-size: 140%;
  374. }
  375. /* COMENTÁRIOS
  376. ----------------------------------------------- */
  377. #comments {
  378.  background: $(comments.background);
  379.  padding: 15px;
  380. }
  381.  
  382. .comments .comments-content .comment-content {
  383. padding: 1px 0px;
  384. font-style: normal !important;
  385.    font-size: 14px !important;
  386.    font-family: Calibri !important;
  387. color: #ccc;
  388. background: transparent;
  389. border-bottom: 1px solid #E8E8E8;
  390. border-right: 1px solid #E8E8E8;
  391. border-left: 1px solid #E8E8E8;
  392. padding: 5px 20px 5px 30px;
  393. margin: -8px 5px 5px 5px;
  394. box-shadow:#f1f1f1 0px 0px 3px;
  395. }
  396.  
  397. #comments .comment-author {
  398.  padding-top: 1.5em;
  399. }
  400.  
  401. #comments h4,
  402. #comments .comment-author a,
  403. #comments .comment-timestamp a {text-align: center;
  404. font-family: Shadows Into Light;
  405. font-size: 16px;
  406.  color: #9BCD9B;
  407. }
  408.  
  409. #comments .comment-author:first-child {
  410.  padding-top: 0;
  411.  border-top: none;
  412. }
  413.  
  414. .comment-header {
  415. background:#e3fde3;
  416. padding:18px;
  417. margin-right: -20px;
  418. border-radius:1px;
  419. -moz-transition: all 0.5s ease-out;
  420. -webkit-transition: all 0.5s ease-out;
  421. -o-transition: all 0.5s ease-out;
  422. -ms-transition: all 0.5s ease-out;
  423. transition: all 0.5s ease-out;
  424. -webkit-transition-duration: .90s;
  425. transition-duration: .90s;
  426. }
  427.  
  428. .comment-header a{
  429. text-transform: uppercase;
  430. font-family: Shadows Into Light;
  431. color:#B4EEB4; /* Cor do nome do autor */
  432. text-shadow: 1px 1px 1px #fff;
  433. font-weight: 300;
  434. letter-spacing: 2px;
  435. font-size:16px;
  436. margin-left:12px;
  437. -moz-transition: all 0.5s ease-out;
  438. -webkit-transition: all 0.5s ease-out;
  439. -o-transition: all 0.5s ease-out;
  440. -ms-transition: all 0.5s ease-out;
  441. transition: all 0.5s ease-out;
  442. -webkit-transition-duration: .90s;
  443. transition-duration: .90s;
  444. }
  445. .avatar-image-container {
  446. border:4px solid #e3fde3;
  447.  padding:5px;
  448.  background: #fff;
  449.  margin: .2em 0 0;
  450. }
  451.  
  452. #comments a {text-align: center;
  453.  color: #9BCD9B;
  454. }
  455.  
  456. .comments .comments-content .icon.blog-author {
  457.  background: #fff !important;
  458. border-radius:20px;
  459.    font-family: times new roman;
  460.    float: right;
  461.    font-size: 12px;
  462.    color: #363636 !important;
  463.    border:0 !important;
  464.    margin-top: -15px;
  465.    }
  466.  
  467. .comments .comments-content .loadmore a {
  468.  border-top: 1px solid $(post.title.text.color);
  469.  border-bottom: 1px solid $(post.title.text.color);
  470. }
  471.  
  472. .comments .comment-thread.inline-thread {
  473.  background: $(post.background.color);
  474. }
  475.  
  476. .comments .continue {
  477.  border-top: 2px solid $(post.title.text.color);
  478. }
  479.  
  480. .comments .comments-content .comment {
  481. margin-bottom:10px;
  482. font-weight:normal;
  483. text-align:justify;
  484. margin-top:-15px;
  485. }
  486. .comments .comment .comment-actions a {
  487. display:inline-block;
  488. margin-bottom:5px;
  489. margin-top:5px;
  490. margin-left:5px;
  491. margin-right:5px;
  492. padding-bottom: 5px;
  493. padding-left: 5px;
  494. padding-right: 5px;
  495. padding-top: 5px;
  496. text-align:justify;
  497. font-size: 8px;
  498. text decoration:none;
  499. color:#eee;
  500. text-shadow: 1px 1px 1px #fff;
  501. background:#e3fde3;
  502. border:solid 1px #f1f1f1;
  503. -moz-border-radius:2px;
  504. font-weight:normal;
  505. -webkit-transition-duration: .50s;
  506. }
  507. margin-right: 10px;}
  508.  
  509. .comments .continue { border-top: none;}
  510. .comments .continue a {display: none;}
  511.  
  512. .comments .comment .comment-actions a:hover,.comments .comment .continue a:hover {
  513. display:inline-block;
  514. margin-bottom:0px;
  515. margin-top:0px;
  516. margin-left:0px;
  517. margin-right:0px;
  518. padding-bottom: 0px;
  519. padding-left: 0px;
  520. padding-right: 0px;
  521. padding-top: 0px;
  522. font-size: 8px;
  523. text-decoration:none;
  524. color:#fff;
  525. text-shadow: 1px 1px 1px #fff;
  526. background: #eee;
  527. border-radius:2px;
  528. -moz-border-radius:2px;
  529. font-weight:normal;
  530. -webkit-transition-duration: .50s;
  531. }
  532.  
  533.  
  534. /* Widgets
  535. ----------------------------------------------- */
  536. .sidebar .widget {
  537.  border-bottom: 2px solid $(widget.border.bevel.color);
  538.  padding-bottom: 10px;
  539.  margin: 10px 0;
  540. }
  541.  
  542. .sidebar .widget h2 {
  543. padding: 8px 0 8px 8px;
  544. padding-bottom: px;
  545. padding-top: px;
  546. padding-left: px;
  547. margin-left: -px;
  548. margin-top: -20px !important;
  549. text-transform: none;
  550. letter-spacing: .1em;
  551. font-family: 'Carrois Gothic SC', Century Gothic;
  552. font-weight:300;
  553. background: #C1FFC1;
  554. border: 1px solid #B4EEB4;
  555. font-size: 17px;
  556. color:#9BCD9B;
  557. line-height: 8px;
  558. margin-top: 3px;
  559. text-align:center;
  560. -webkit-transition-duration: .80s;
  561. }
  562. .sidebar .widget:first-child {
  563.  margin-top: 0;
  564. }
  565.  
  566. .sidebar .widget:last-child {
  567.  border-bottom: none;
  568.  margin-bottom: 0;
  569.  padding-bottom: 0;
  570. }
  571.  
  572. .footer-inner .widget,
  573. .sidebar .widget {
  574.  font: $(widget.font);
  575.  color: $(widget.text.color);
  576. }
  577.  
  578. .amor {
  579. filter:alpha(opacity=20);
  580. -moz-opacity:0.20;
  581. opacity:.0.20;
  582. -webkit-transition-duration: 1.90s;
  583. }
  584. .amor:hover {
  585. filter:alpha(opacity=100);
  586. -moz-opacity:1.0;
  587. opacity:1.0;
  588. -webkit-transition-duration: 1.90s;
  589. }
  590. .sidebar .widget a:link {
  591.  color: $(widget.link.color);
  592.  text-decoration: none;
  593. }
  594.  
  595. .sidebar .widget a:visited {
  596.  color: $(widget.link.visited.color);
  597. }
  598.  
  599. .sidebar .widget a:hover {
  600.  color: $(widget.link.color);
  601.  text-decoration: underline;
  602. }
  603.  
  604. .footer-inner .widget a:link {
  605.  color: $(link.color);
  606.  text-decoration: none;
  607. }
  608.  
  609. .footer-inner .widget a:visited {
  610.  color: $(link.visited.color);
  611. }
  612. .post blockquote {
  613.  margin:5px -17px 5px -17px;
  614.  padding:20px 20px 20px 60px;
  615.  background: #e3fde3;
  616.  background-repeat:repeat;
  617.  background-position:5px 20px;
  618.  border-top: 1px solid #e3fde3;
  619.  border-left: 10px solid #e3fde3;
  620.  border-right: 60px solid #e3fde3;
  621.  border-bottom: 1px solid #fff;
  622.  color:#9BCD9B;
  623.  }
  624. .post blockquote p {
  625.  margin:.25em 0;
  626. }
  627. .footer-inner .widget a:hover {
  628.  color: $(link.color);
  629.  text-decoration: underline;
  630. }
  631.  
  632. .widget .zippy {
  633.  color: $(widget.alternate.text.color);
  634. }
  635.  
  636. .footer-inner {
  637.  background: transparent $(footer.background.gradient) repeat scroll top center;
  638. }
  639. @FONT-FACE { FONT-FAMILY: "SILKSCREEN"; SRC: URL('HTTP://STATIC.TUMBLR.COM/0XQVKOT/7JQMGSN0M/PF_ARMA_FIVE.TTF'); }
  640. input, textarea, option, select, button form{
  641. WIDTH: 40PX;
  642. DISPLAY: INLINE-BLOCK;
  643. OVERFLOW: HIDDEN;
  644. HEIGHT: 30PX;
  645. background:NONE;
  646. FONT-FAMILY: "SILKSCREEN";
  647. FONT-SIZE: 8PX;
  648. COLOR-FONT: #FFF;
  649. PADDING: 8PX;
  650. TEXT-DECORATION:NONE;
  651. FLOAT: right;
  652. cursor: pointer;
  653. -MOZ-TRANSITION: ALL 0.5S EASE-OUT;
  654. -WEBKIT-TRANSITION: ALL 0.5S EASE-OUT;
  655. -O-TRANSITION: ALL 0.5S EASE-OUT;
  656. -MS-TRANSITION: ALL 0.5S EASE-OUT;
  657. TRANSITION: ALL 0.5S EASE-OUT;
  658. }
  659. input, textarea, option, select, button form:HOVER{
  660. MARGIN-LEFT: -200PX;
  661. font-family: 'Sniglet', Trebuchet MS;
  662. font-size: 10px;
  663. color: #9bd0c3;
  664. font-weight: 300;
  665. text-align: center;
  666. letter-spacing: 2px;
  667. text-shadow: 1px 1px 1px #fff;
  668. text-transform: uppercase;
  669. background:transparent;border: solid 1px #f8fef8;
  670. height: 25px;
  671. width: 215px;
  672. -MOZ-TRANSITION: ALL 0.5S EASE-OUT;
  673. -WEBKIT-TRANSITION: ALL 0.5S EASE-OUT;
  674. -O-TRANSITION: ALL 0.5S EASE-OUT;
  675. -MS-TRANSITION: ALL 0.5S EASE-OUT;
  676. TRANSITION: ALL 0.5S EASE-OUT;
  677. }
  678. input:focus{outline:none;}
  679. *::-moz-selection {
  680. background:#fff;
  681. color: #B7ABBB;
  682. text-shadow: 0 1px 0 #ffffff;
  683. }
  684. /* Mobile
  685. ----------------------------------------------- */
  686. body.mobile  {
  687.  background-size: 100% auto;
  688. }
  689.  
  690. body.mobile .AdSense {
  691.  margin: 0 -10px;
  692. }
  693.  
  694. .mobile .body-fauxcolumn-outer {
  695.  background: $(mobile.background.overlay);
  696. }
  697.  
  698. .mobile .footer-inner .widget a:link {
  699.  color: $(widget.link.color);
  700.  text-decoration: none;
  701. }
  702.  
  703. .mobile .footer-inner .widget a:visited {
  704.  color: $(widget.link.visited.color);
  705. }
  706.  
  707. .mobile-post-outer a {
  708.  color: $(post.title.text.color);
  709. }
  710.  
  711. .mobile-link-button {
  712.  background-color: $(link.color);
  713. }
  714.  
  715. .mobile-link-button a:link, .mobile-link-button a:visited {
  716.  color: $(mobile.button.color);
  717. }
  718.  
  719. .mobile-index-contents {
  720.  color: $(body.text.color);
  721. }
  722.  
  723. .jump-link {
  724. width: 70px;
  725. height: 30px;
  726. line-height:30px;
  727. text-align:center;
  728. font-size: 15px;
  729. font-weight: normal;
  730. font-family: 'Dosis', sans-serif;
  731. background:#e3fde3;
  732. -moz-border-radius: 3px;
  733. padding-right:3px;
  734. margin-left:590px;
  735. margin-top:11px;
  736. margin-bottom:-30px;
  737. }
  738.  
  739. .jump-link a:link {
  740. color: #bbe2bb;
  741. text-decoration: none;
  742. -webkit-transition: color 0.7s ease-out;-moz-transition:
  743. color 0.7s ease-out;transition: color 0.7s ease-out;
  744. }
  745. .jump-link a:visited {
  746. color: #bbe2bb;
  747. text-decoration:none;
  748. filter:alpha(opacity=100);
  749. -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
  750. }
  751. .jump-link a:hover {
  752. color: #fff; /*Cor do link quando passa o mouse*/
  753. text-decoration:none;
  754. filter:alpha(opacity=100);
  755. -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
  756. }
  757. img{
  758. filter: alpha(opacity=75);
  759. moz-opacity:.80;
  760. opacity:.80 ;
  761. -webkit-transition-duration: .50s;
  762. }
  763. img:hover{
  764. filter: alpha(opacity=100);
  765. moz-opacity:1.0;
  766. opacity:1.0;
  767. }
  768. .mobile .tabs-inner .PageList .widget-content {
  769.  background: $(tabs.selected.background.color) $(tabs.selected.background.gradient) repeat scroll top center;
  770.  color: $(tabs.selected.text.color);
  771. }
  772.  
  773. ::-webkit-scrollbar-thumb:vertical {
  774. background: #AFEEEE;
  775. border: 2px solid #AFEEEE;
  776. }
  777. ::-webkit-scrollbar-thumb:horizontal {
  778. background-color:#AFEEEE;
  779. border: 2px solid #AFEEEE;
  780. }
  781. ::-webkit-scrollbar {
  782. width:5px;
  783. background: #fff;
  784. border: 2px solid #AFEEEE;
  785. }
  786. .mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
  787.  border-$startSide: 1px solid $(tabs.selected.text.color);
  788. }
  789.  
  790. #blog-pager {
  791. clear:both;
  792. text-align: center;
  793. margin-top:5px;
  794. }
  795.  
  796. #blog-pager a:link, #blog-pager a:visited {
  797. color:#COR;
  798. font-family:Georgia;
  799. font-size:00px; /*tamanho das setas*/
  800. }
  801.  
  802. #blog-pager a:hover {
  803. color:#COR;
  804. }
  805.  
  806. #blog-pager-newer-link {
  807. float:left;
  808. }
  809.  
  810. #blog-pager-older-link {
  811. float:right; }
  812.  
  813.  
  814. /* Menu folded sheet -- Blog Soshyu */
  815. /* Menu em estado normal */
  816. #Cup {
  817. float:left; /* Posição, não altere */
  818. background:#e3fde3; /* Cor do fundo do menu normal */
  819. margin: 2px; /* Espaçamento interno */
  820. border-top: solid 3px #baeaba;
  821. width: 70px; /* Largura do menu */
  822. font-size: 14px; /* Tamanho da fonte */
  823. color:#a5d8a5; /* Cor da Fonte */
  824. text-align:center; /* Posicionamento do texto */
  825. text-decoration: none; /* decoração abaixo do texto */
  826. PADDING:10PX; /* Espaçamento de um menu para o outro */
  827. font-family: 'Julius Sans One'; /* Tipo de fonte */
  828. -moz-transition: all 0.5s ease-out; /*Duração do tempo em que ele ficará em hover, não altere */
  829. -webkit-transition: all 0.5s ease-out;
  830. -o-transition: all 0.5s ease-out;
  831. -ms-transition: all 0.5s ease-out;
  832. transition: all 0.5s ease-out;
  833. }
  834. /* Menu em Hover */
  835. #Cup:hover {
  836. border-top: solid 2px #baeaba;
  837. border-bottom: 6px solid #e3fde3;
  838. margin-top: -4px;
  839. -moz-transition: all 0.5s ease-out;
  840. -webkit-transition: all 0.5s ease-out;
  841. -o-transition: all 0.5s ease-out;
  842. -ms-transition: all 0.5s ease-out;
  843. transition: all 0.5s ease-out;
  844. }
  845. b, strong, bold {
  846. color: #9BCD9B; -webkit-transition-duration: .80s}
  847. s, strike {
  848. color: #9BCD9B; -webkit-transition-duration: .80s}
  849. u, underline {
  850. color: #9BCD9B; border-bottom: 1px dashed #9BCD9B;
  851. text-decoration: none; -webkit-transition-duration: .80s}
  852. i, em, italic {
  853. color: #9BCD9B; -webkit-transition-duration: .80s}
  854. u:hover {
  855. color: #e3fde3; border-bottom: 1px solid #e3fde3;
  856. text-decoration: none; -webkit-transition-duration: .80s}
  857. b:hover { color: #e3fde3; -webkit-transition-duration: .80s}
  858. s:hover { color: #e3fde3; -webkit-transition-duration: .80s}
  859. i:hover { color: #e3fde3; -webkit-transition-duration: .80s}
  860. .feed-links { display: none;  
  861.  
  862.  
  863. ]]></b:skin>
  864.  
  865.     <b:template-skin>
  866.       <b:variable default='960px' name='content.width' type='length' value='700px'/>
  867.       <b:variable default='0' name='main.column.left.width' type='length' value='0px'/>
  868.       <b:variable default='310px' name='main.column.right.width' type='length' value='0px'/>
  869.  
  870.       <![CDATA[
  871.      body {
  872.        min-width: $(content.width);
  873.      }
  874.  
  875.      .content-outer, .content-fauxcolumn-outer, .region-inner {
  876.        min-width: $(content.width);
  877.        max-width: $(content.width);
  878.        _width: $(content.width);
  879.      }
  880.  
  881.      .main-inner .columns {
  882.        padding-left: $(main.column.left.width);
  883.        padding-right: $(main.column.right.width);
  884.      }
  885.  
  886.      .main-inner .fauxcolumn-center-outer {
  887.        left: $(main.column.left.width);
  888.        right: $(main.column.right.width);
  889.        /* IE6 does not respect left and right together */
  890.        _width: expression(this.parentNode.offsetWidth -
  891.            parseInt("$(main.column.left.width)") -
  892.            parseInt("$(main.column.right.width)") + 'px');
  893.      }
  894.  
  895.      .main-inner .fauxcolumn-left-outer {
  896.        width: $(main.column.left.width);
  897.      }
  898.  
  899.      .main-inner .fauxcolumn-right-outer {
  900.        width: $(main.column.right.width);
  901.      }
  902.  
  903.      .main-inner .column-left-outer {
  904.        width: $(main.column.left.width);
  905.        right: 100%;
  906.        margin-left: -$(main.column.left.width);
  907.      }
  908.  
  909.      .main-inner .column-right-outer {
  910.        width: $(main.column.right.width);
  911.        margin-right: -$(main.column.right.width);
  912.      }
  913.  
  914.      #layout {
  915.        min-width: 0;
  916.      }
  917.  
  918.      #layout .content-outer {
  919.        min-width: 0;
  920.        width: 800px;
  921.      }
  922.  
  923.      #layout .region-inner {
  924.        min-width: 0;
  925.        width: auto;
  926.      }
  927.      ]]>
  928.     </b:template-skin>
  929.     <b:include data='blog' name='google-analytics'/>
  930. <!-- Begin Cookie Consent plugin by Silktide - http://silktide.com/cookieconsent -->
  931. <script type='text/javascript'>
  932.     window.cookieconsent_options = {&quot;message&quot;:&quot;Este site usa cookies do Google para fornecer serviços, personalizar anúncios e analisar tráfego. As informações sobre seu uso deste site são compartilhadas com o Google. Ao usar o site, você concorda com o uso de cookies.&quot;,&quot;dismiss&quot;:&quot;Entendi&quot;,&quot;learnMore&quot;:&quot;Saiba Mais&quot;,&quot;link&quot;:null,&quot;theme&quot;:&quot;light-floating&quot;};
  933. </script>
  934.  
  935. <script src='//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/1.0.9/cookieconsent.min.js' type='text/javascript'/>
  936. <!-- End Cookie Consent plugin -->
  937.   </head>
  938.  
  939.   <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
  940.   <b:section class='navbar' id='navbar' maxwidgets='1' name='Navbar' showaddelement='no'>
  941.     <b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar' version='1'>
  942.       <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
  943.     function setAttributeOnload(object, attribute, val) {
  944.       if(window.addEventListener) {
  945.         window.addEventListener(&#39;load&#39;,
  946.           function(){ object[attribute] = val; }, false);
  947.       } else {
  948.         window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
  949.       }
  950.     }
  951.   &lt;/script&gt;
  952. &lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
  953. &lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
  954. &lt;script type=&quot;text/javascript&quot;&gt;
  955.       gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {
  956.         if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {
  957.           gapi.iframes.getContext().openChild({
  958.               url: &#39;https://www.blogger.com/navbar.g?targetBlogID\x3d4339850484079589249\x26blogName\x3d%7BFREE%7D+Green+Simple\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dDISABLED\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttps://uhgbcfad.blogspot.com/search\x26blogLocale\x3dpt_BR\x26v\x3d2\x26homepageUrl\x3dhttps://uhgbcfad.blogspot.com/\x26readAccessMode\x3dPRIVATE\x26vt\x3d-7756258992018182472&#39;,
  959.               where: document.getElementById(&quot;navbar-iframe-container&quot;),
  960.               id: &quot;navbar-iframe&quot;
  961.           });
  962.         }
  963.       });
  964.     &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
  965. (function() {
  966. var script = document.createElement(&#39;script&#39;);
  967. script.type = &#39;text/javascript&#39;;
  968. script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
  969. var head = document.getElementsByTagName(&#39;head&#39;)[0];
  970. if (head) {
  971. head.appendChild(script);
  972. }})();
  973. &lt;/script&gt;
  974. </b:includable>
  975.     </b:widget>
  976.   </b:section>
  977.  
  978.   <b:if cond='data:blog.pageType == &quot;index&quot;'>
  979.     <div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
  980.       <meta expr:content='data:blog.title' itemprop='name'/>
  981.       <b:if cond='data:blog.metaDescription'>
  982.         <meta expr:content='data:blog.metaDescription' itemprop='description'/>
  983.       </b:if>
  984.     </div>
  985.   </b:if>
  986.  
  987.   <div class='body-fauxcolumns'>
  988.     <div class='fauxcolumn-outer body-fauxcolumn-outer'>
  989.     <div class='cap-top'>
  990.       <div class='cap-left'/>
  991.       <div class='cap-right'/>
  992.     </div>
  993.     <div class='fauxborder-left'>
  994.     <div class='fauxborder-right'/>
  995.     <div class='fauxcolumn-inner'>
  996.     </div>
  997.     </div>
  998.     <div class='cap-bottom'>
  999.       <div class='cap-left'/>
  1000.       <div class='cap-right'/>
  1001.     </div>
  1002.     </div>
  1003.   </div>
  1004.  
  1005.   <div class='content'>
  1006.   <div class='content-fauxcolumns'>
  1007.     <div class='fauxcolumn-outer content-fauxcolumn-outer'>
  1008.     <div class='cap-top'>
  1009.       <div class='cap-left'/>
  1010.       <div class='cap-right'/>
  1011.     </div>
  1012.     <div class='fauxborder-left'>
  1013.     <div class='fauxborder-right'/>
  1014.     <div class='fauxcolumn-inner'>
  1015.     </div>
  1016.     </div>
  1017.     <div class='cap-bottom'>
  1018.       <div class='cap-left'/>
  1019.       <div class='cap-right'/>
  1020.     </div>
  1021.     </div>
  1022.   </div>
  1023.  
  1024.   <div class='content-outer'>
  1025.   <div class='content-cap-top cap-top'>
  1026.     <div class='cap-left'/>
  1027.     <div class='cap-right'/>
  1028.   </div>
  1029.   <div class='fauxborder-left content-fauxborder-left'>
  1030.   <div class='fauxborder-right content-fauxborder-right'/>
  1031.   <div class='content-inner'>
  1032.  
  1033.     <header>
  1034.     <div class='header-outer'>
  1035.     <div class='header-cap-top cap-top'>
  1036.       <div class='cap-left'/>
  1037.       <div class='cap-right'/>
  1038.     </div>
  1039.     <div class='fauxborder-left header-fauxborder-left'>
  1040.     <div class='fauxborder-right header-fauxborder-right'/>
  1041.     <div class='region-inner header-inner'>
  1042.       <b:section class='header' id='header' maxwidgets='1' name='Header' showaddelement='no'>
  1043.         <b:widget id='HTML1' locked='false' title='' type='HTML'>
  1044.           <b:widget-settings>
  1045.             <b:widget-setting name='content'>&lt;div style=&quot;POSITION: ABSOLUTE; MARGIN-TOP: -20PX; LEFT: -50PX;&quot;&gt;
  1046. &lt;form action=&quot;/search&quot; method=&quot;get&quot;&gt;&lt;input type=&quot;text&quot; name=&quot;q&quot; value=&quot;Digite + Enter&quot;/&gt;&lt;/form&gt;
  1047. &lt;/div&gt;</b:widget-setting>
  1048.           </b:widget-settings>
  1049.           <b:includable id='main'>
  1050.   <!-- only display title if it's non-empty -->
  1051.   <b:if cond='data:title != &quot;&quot;'>
  1052.     <h2 class='title'><data:title/></h2>
  1053.   </b:if>
  1054.   <div class='widget-content'>
  1055.     <data:content/>
  1056.   </div>
  1057.  
  1058.   <b:include name='quickedit'/>
  1059. </b:includable>
  1060.         </b:widget>
  1061.       </b:section>
  1062.     </div>
  1063.     </div>
  1064.     <div class='header-cap-bottom cap-bottom'>
  1065.       <div class='cap-left'/>
  1066.       <div class='cap-right'/>
  1067.     </div>
  1068.     </div>
  1069.     </header>
  1070.  
  1071.     <div class='tabs-outer'>
  1072.     <div class='tabs-cap-top cap-top'>
  1073.       <div class='cap-left'/>
  1074.       <div class='cap-right'/>
  1075.     </div>
  1076.     <div class='fauxborder-left tabs-fauxborder-left'>
  1077.     <div class='fauxborder-right tabs-fauxborder-right'/>
  1078.     <div class='region-inner tabs-inner'>
  1079.       <b:section class='tabs' id='crosscol' maxwidgets='1' name='Cross-Column' showaddelement='yes'>
  1080.         <b:widget id='HTML2' locked='false' title='' type='HTML'>
  1081.           <b:widget-settings>
  1082.             <b:widget-setting name='content'>&lt;div style=&quot;position: absolute; margin-top: -40px; right: 8px;&quot;&gt;
  1083. &lt;a href=&quot;#&quot; id=&#39;Cup&#39;&gt;Index&lt;/a&gt;
  1084. &lt;a href=&quot;#&quot; id=&#39;Cup&#39;&gt;About&lt;/a&gt;
  1085. &lt;a href=&quot;#&quot; id=&#39;Cup&#39;&gt;Map&lt;/a&gt;
  1086. &lt;a href=&quot;#&quot; id=&#39;Cup&#39;&gt;Free&lt;/a&gt;
  1087. &lt;a href=&quot;#&quot; id=&#39;Cup&#39;&gt;Affiliates&lt;/a&gt;
  1088. &lt;a href=&quot;#&quot; id=&#39;Cup&#39;&gt;Links&lt;/a&gt;
  1089. &lt;a href=&quot;#&quot; id=&#39;Cup&#39;&gt;Follow&lt;/a&gt;
  1090. &lt;/div&gt;</b:widget-setting>
  1091.           </b:widget-settings>
  1092.           <b:includable id='main'>
  1093.   <!-- only display title if it's non-empty -->
  1094.   <b:if cond='data:title != &quot;&quot;'>
  1095.     <h2 class='title'><data:title/></h2>
  1096.   </b:if>
  1097.   <div class='widget-content'>
  1098.     <data:content/>
  1099.   </div>
  1100.  
  1101.   <b:include name='quickedit'/>
  1102. </b:includable>
  1103.         </b:widget>
  1104.       </b:section>
  1105.       <b:section class='tabs' id='crosscol-overflow' name='Cross-Column 2' showaddelement='no'/>
  1106.     </div>
  1107.     </div>
  1108.     <div class='tabs-cap-bottom cap-bottom'>
  1109.       <div class='cap-left'/>
  1110.       <div class='cap-right'/>
  1111.     </div>
  1112.     </div>
  1113.  
  1114.     <div class='main-outer'>
  1115.     <div class='main-cap-top cap-top'>
  1116.       <div class='cap-left'/>
  1117.       <div class='cap-right'/>
  1118.     </div>
  1119.  
  1120.     <div class='fauxborder-left main-fauxborder-left'>
  1121.     <div class='fauxborder-right main-fauxborder-right'/>
  1122.     <div class='region-inner main-inner'>
  1123.  
  1124.       <div class='columns fauxcolumns'>
  1125.  
  1126.         <div class='fauxcolumn-outer fauxcolumn-center-outer'>
  1127.         <div class='cap-top'>
  1128.           <div class='cap-left'/>
  1129.           <div class='cap-right'/>
  1130.         </div>
  1131.         <div class='fauxborder-left'>
  1132.         <div class='fauxborder-right'/>
  1133.         <div class='fauxcolumn-inner'>
  1134.         </div>
  1135.         </div>
  1136.         <div class='cap-bottom'>
  1137.           <div class='cap-left'/>
  1138.           <div class='cap-right'/>
  1139.         </div>
  1140.         </div>
  1141.  
  1142.         <div class='fauxcolumn-outer fauxcolumn-left-outer'>
  1143.         <div class='cap-top'>
  1144.           <div class='cap-left'/>
  1145.           <div class='cap-right'/>
  1146.         </div>
  1147.         <div class='fauxborder-left'>
  1148.         <div class='fauxborder-right'/>
  1149.         <div class='fauxcolumn-inner'>
  1150.         </div>
  1151.         </div>
  1152.         <div class='cap-bottom'>
  1153.           <div class='cap-left'/>
  1154.           <div class='cap-right'/>
  1155.         </div>
  1156.         </div>
  1157.  
  1158.         <div class='fauxcolumn-outer fauxcolumn-right-outer'>
  1159.         <div class='cap-top'>
  1160.           <div class='cap-left'/>
  1161.           <div class='cap-right'/>
  1162.         </div>
  1163.         <div class='fauxborder-left'>
  1164.         <div class='fauxborder-right'/>
  1165.         <div class='fauxcolumn-inner'>
  1166.         </div>
  1167.         </div>
  1168.         <div class='cap-bottom'>
  1169.           <div class='cap-left'/>
  1170.           <div class='cap-right'/>
  1171.         </div>
  1172.         </div>
  1173.  
  1174.         <!-- corrects IE6 width calculation -->
  1175.         <div class='columns-inner'>
  1176.  
  1177.         <div class='column-center-outer'>
  1178.         <div class='column-center-inner'>
  1179.           <b:section class='main' id='main' name='Main' showaddelement='no'>
  1180.             <b:widget id='Blog1' locked='false' title='Postagens no blog' type='Blog' version='1'>
  1181.               <b:widget-settings>
  1182.                 <b:widget-setting name='showDateHeader'>true</b:widget-setting>
  1183.                 <b:widget-setting name='style.textcolor'>#7f7f7f</b:widget-setting>
  1184.                 <b:widget-setting name='showShareButtons'>true</b:widget-setting>
  1185.                 <b:widget-setting name='showCommentLink'>true</b:widget-setting>
  1186.                 <b:widget-setting name='style.urlcolor'>#7f7f7f</b:widget-setting>
  1187.                 <b:widget-setting name='showAuthor'>true</b:widget-setting>
  1188.                 <b:widget-setting name='style.linkcolor'>#ffffff</b:widget-setting>
  1189.                 <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
  1190.                 <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
  1191.                 <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
  1192.                 <b:widget-setting name='style.layout'>1x1</b:widget-setting>
  1193.                 <b:widget-setting name='showLabels'>true</b:widget-setting>
  1194.                 <b:widget-setting name='showLocation'>true</b:widget-setting>
  1195.                 <b:widget-setting name='showTimestamp'>true</b:widget-setting>
  1196.                 <b:widget-setting name='postsPerAd'>1</b:widget-setting>
  1197.                 <b:widget-setting name='showBacklinks'>false</b:widget-setting>
  1198.                 <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
  1199.                 <b:widget-setting name='showInlineAds'>false</b:widget-setting>
  1200.                 <b:widget-setting name='showReactions'>false</b:widget-setting>
  1201.               </b:widget-settings>
  1202.               <b:includable id='main' var='top'>
  1203.   <b:if cond='!data:mobile'>
  1204.     <!-- posts -->
  1205.     <div class='blog-posts hfeed'>
  1206.  
  1207.       <b:include data='top' name='status-message'/>
  1208.  
  1209.       <b:loop values='data:posts' var='post'>
  1210.         <b:if cond='data:post.isDateStart and not data:post.isFirstPost'>
  1211.           &lt;/div&gt;&lt;/div&gt;
  1212.         </b:if>
  1213.         <b:if cond='data:post.isDateStart'>
  1214.           &lt;div class=&quot;date-outer&quot;&gt;
  1215.         </b:if>
  1216.         <b:if cond='data:post.dateHeader'>
  1217.           <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  1218.         </b:if>
  1219.         <b:if cond='data:post.isDateStart'>
  1220.           &lt;div class=&quot;date-posts&quot;&gt;
  1221.         </b:if>
  1222.         <div class='post-outer'>
  1223.           <b:include data='post' name='post'/>
  1224.           <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
  1225.         </div>
  1226.  
  1227.         <!-- Ad -->
  1228.         <b:if cond='data:post.includeAd'>
  1229.           <div class='inline-ad'>
  1230.             <data:adCode/>
  1231.           </div>
  1232.         </b:if>
  1233.       </b:loop>
  1234.       <b:if cond='data:numPosts != 0'>
  1235.         &lt;/div&gt;&lt;/div&gt;
  1236.       </b:if>
  1237.     </div>
  1238.  
  1239.     <!-- navigation -->
  1240.     <b:include name='nextprev'/>
  1241.  
  1242.     <!-- feed links -->
  1243.     <b:include name='feedLinks'/>
  1244.  
  1245.   <b:else/>
  1246.     <b:include name='mobile-main'/>
  1247.   </b:if>
  1248.  
  1249.   <b:include cond='data:top.showPlusOne' name='googlePlusBootstrap'/>
  1250. </b:includable>
  1251.               <b:includable id='backlinkDeleteIcon' var='backlink'>
  1252.   <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
  1253.     <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
  1254.       <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
  1255.     </a>
  1256.   </span>
  1257. </b:includable>
  1258.               <b:includable id='backlinks' var='post'>
  1259.   <a name='links'/><h4><data:post.backlinksLabel/></h4>
  1260.   <b:if cond='data:post.numBacklinks != 0'>
  1261.     <dl class='comments-block' id='comments-block'>
  1262.       <b:loop values='data:post.backlinks' var='backlink'>
  1263.         <div class='collapsed-backlink backlink-control'>
  1264.           <dt class='comment-title'>
  1265.             <span class='backlink-toggle-zippy'>&#160;</span>
  1266.             <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
  1267.             <b:include data='backlink' name='backlinkDeleteIcon'/>
  1268.           </dt>
  1269.           <dd class='comment-body collapseable'>
  1270.             <data:backlink.snippet/>
  1271.           </dd>
  1272.           <dd class='comment-footer collapseable'>
  1273.             <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
  1274.             <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
  1275.           </dd>
  1276.         </div>
  1277.       </b:loop>
  1278.     </dl>
  1279.   </b:if>
  1280.   <p class='comment-footer'>
  1281.     <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  1282.   </p>
  1283. </b:includable>
  1284.               <b:includable id='comment-form' var='post'>
  1285.   <div class='comment-form'>
  1286.     <a name='comment-form'/>
  1287.     <b:if cond='data:mobile'>
  1288.       <h4 id='comment-post-message'>
  1289.         <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
  1290.       <p><data:blogCommentMessage/></p>
  1291.       <data:blogTeamBlogMessage/>
  1292.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1293.       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
  1294.     <b:else/>
  1295.       <h4 id='comment-post-message'><data:postCommentMsg/></h4>
  1296.       <p><data:blogCommentMessage/></p>
  1297.       <data:blogTeamBlogMessage/>
  1298.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1299.       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
  1300.     </b:if>
  1301.     <data:post.cmtfpIframe/>
  1302.     <script type='text/javascript'>
  1303.       BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  1304.     </script>
  1305.   </div>
  1306. </b:includable>
  1307.               <b:includable id='commentDeleteIcon' var='comment'>
  1308.   <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
  1309.     <b:if cond='data:showCmtPopup'>
  1310.       <div class='goog-toggle-button'>
  1311.         <div class='goog-inline-block comment-action-icon'/>
  1312.       </div>
  1313.     <b:else/>
  1314.       <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
  1315.         <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
  1316.       </a>
  1317.     </b:if>
  1318.   </span>
  1319. </b:includable>
  1320.               <b:includable id='comment_count_picker' var='post'>
  1321.   <b:if cond='data:post.commentSource == 1'>
  1322.     <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
  1323.     </span>
  1324.   <b:else/>
  1325.     <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  1326.       <data:post.commentLabelFull/>
  1327.     </a>
  1328.   </b:if>
  1329. </b:includable>
  1330.               <b:includable id='comment_picker' var='post'>
  1331.   <b:if cond='data:post.commentSource == 1'>
  1332.     <b:include data='post' name='iframe_comments'/>
  1333.   <b:elseif cond='data:post.showThreadedComments'/>
  1334.     <b:include data='post' name='threaded_comments'/>
  1335.   <b:else/>
  1336.     <b:include data='post' name='comments'/>
  1337.   </b:if>
  1338. </b:includable>
  1339.               <b:includable id='comments' var='post'>
  1340.   <div class='comments' id='comments'>
  1341.     <a name='comments'/>
  1342.     <b:if cond='data:post.allowComments'>
  1343.       <h4><data:post.commentLabelFull/>:</h4>
  1344.  
  1345.       <b:if cond='data:post.commentPagingRequired'>
  1346.         <span class='paging-control-container'>
  1347.           <b:if cond='data:post.hasOlderLinks'>
  1348.             <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
  1349.               &#160;
  1350.             <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
  1351.               &#160;
  1352.           </b:if>
  1353.  
  1354.           <data:post.commentRangeText/>
  1355.  
  1356.           <b:if cond='data:post.hasNewerLinks'>
  1357.             &#160;
  1358.             <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
  1359.             &#160;
  1360.             <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
  1361.           </b:if>
  1362.         </span>
  1363.       </b:if>
  1364.  
  1365.       <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
  1366.         <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
  1367.           <b:loop values='data:post.comments' var='comment'>
  1368.             <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
  1369.               <b:if cond='data:comment.favicon'>
  1370.                 <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
  1371.               </b:if>
  1372.               <a expr:name='data:comment.anchorName'/>
  1373.               <b:if cond='data:blog.enabledCommentProfileImages'>
  1374.                 <data:comment.authorAvatarImage/>
  1375.               </b:if>
  1376.               <b:if cond='data:comment.authorUrl'>
  1377.                 <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
  1378.               <b:else/>
  1379.                 <data:comment.author/>
  1380.               </b:if>
  1381.               <data:commentPostedByMsg/>
  1382.             </dt>
  1383.             <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
  1384.               <b:if cond='data:comment.isDeleted'>
  1385.                 <span class='deleted-comment'><data:comment.body/></span>
  1386.               <b:else/>
  1387.                 <p>
  1388.                   <data:comment.body/>
  1389.                 </p>
  1390.               </b:if>
  1391.             </dd>
  1392.             <dd class='comment-footer'>
  1393.               <span class='comment-timestamp'>
  1394.                 <a expr:href='data:comment.url' title='comment permalink'>
  1395.                   <data:comment.timestamp/>
  1396.                 </a>
  1397.                 <b:include data='comment' name='commentDeleteIcon'/>
  1398.               </span>
  1399.             </dd>
  1400.           </b:loop>
  1401.         </dl>
  1402.       </div>
  1403.  
  1404.       <b:if cond='data:post.commentPagingRequired'>
  1405.         <span class='paging-control-container'>
  1406.           <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
  1407.             <data:post.oldestLinkText/>
  1408.           </a>
  1409.           <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
  1410.             <data:post.olderLinkText/>
  1411.           </a>
  1412.           &#160;
  1413.           <data:post.commentRangeText/>
  1414.           &#160;
  1415.           <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
  1416.             <data:post.newerLinkText/>
  1417.           </a>
  1418.           <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
  1419.             <data:post.newestLinkText/>
  1420.           </a>
  1421.         </span>
  1422.       </b:if>
  1423.  
  1424.       <p class='comment-footer'>
  1425.         <b:if cond='data:post.embedCommentForm'>
  1426.           <b:if cond='data:post.allowNewComments'>
  1427.             <b:include data='post' name='comment-form'/>
  1428.           <b:else/>
  1429.             <data:post.noNewCommentsText/>
  1430.           </b:if>
  1431.         <b:elseif cond='data:post.allowComments'/>
  1432.           <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  1433.         </b:if>
  1434.       </p>
  1435.     </b:if>
  1436.     <b:if cond='data:showCmtPopup'>
  1437.       <div id='comment-popup'>
  1438.         <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  1439.         </iframe>
  1440.       </div>
  1441.     </b:if>
  1442.  
  1443.     <div id='backlinks-container'>
  1444.     <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  1445.        <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
  1446.     </div>
  1447.     </div>
  1448.   </div>
  1449. </b:includable>
  1450.               <b:includable id='feedLinks'>
  1451.   <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
  1452.     <b:if cond='data:feedLinks'>
  1453.       <div class='blog-feeds'>
  1454.         <b:include data='feedLinks' name='feedLinksBody'/>
  1455.       </div>
  1456.     </b:if>
  1457.  
  1458.   <b:else/> <!--Post feed links -->
  1459.     <div class='post-feeds'>
  1460.       <b:loop values='data:posts' var='post'>
  1461.         <b:include cond='data:post.allowComments and data:post.feedLinks' data='post.feedLinks' name='feedLinksBody'/>
  1462.       </b:loop>
  1463.     </div>
  1464.   </b:if>
  1465. </b:includable>
  1466.               <b:includable id='feedLinksBody' var='links'>
  1467.   <div class='feed-links'>
  1468.   <data:feedLinksMsg/>
  1469.   <b:loop values='data:links' var='f'>
  1470.      <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  1471.   </b:loop>
  1472.   </div>
  1473. </b:includable>
  1474.               <b:includable id='iframe_comments' var='post'>
  1475.  
  1476.   <b:if cond='data:post.allowIframeComments'>
  1477.     <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
  1478.     <div class='cmt_iframe_holder' expr:data-href='data:post.url.canonical' expr:data-viewtype='data:post.viewType'/>
  1479.  
  1480.     <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
  1481.       <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  1482.     </b:if>
  1483.   </b:if>
  1484. </b:includable>
  1485.               <b:includable id='mobile-index-post' var='post'>
  1486.   <div class='mobile-date-outer date-outer'>
  1487.     <b:if cond='data:post.dateHeader'>
  1488.       <div class='date-header'>
  1489.         <span><data:post.dateHeader/></span>
  1490.       </div>
  1491.     </b:if>
  1492.  
  1493.     <div class='mobile-post-outer'>
  1494.       <a expr:href='data:post.url'>
  1495.         <h3 class='mobile-index-title entry-title' itemprop='name'>
  1496.           <data:post.title/>
  1497.         </h3>
  1498.  
  1499.         <div class='mobile-index-arrow'>&amp;rsaquo;</div>
  1500.  
  1501.         <div class='mobile-index-contents'>
  1502.           <b:if cond='data:post.thumbnailUrl'>
  1503.             <div class='mobile-index-thumbnail'>
  1504.               <div class='Image'>
  1505.                 <img expr:src='data:post.thumbnailUrl'/>
  1506.               </div>
  1507.             </div>
  1508.           </b:if>
  1509.  
  1510.           <div class='post-body'>
  1511.             <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
  1512.           </div>
  1513.         </div>
  1514.  
  1515.         <div style='clear: both;'/>
  1516.       </a>
  1517.  
  1518.       <div class='mobile-index-comment'>
  1519.         <b:include cond='data:blog.pageType != &quot;static_page&quot;                          and data:post.allowComments                          and data:post.numComments != 0' data='post' name='comment_count_picker'/>
  1520.       </div>
  1521.     </div>
  1522.   </div>
  1523. </b:includable>
  1524.               <b:includable id='mobile-main' var='top'>
  1525.     <!-- posts -->
  1526.     <div class='blog-posts hfeed'>
  1527.  
  1528.       <b:include data='top' name='status-message'/>
  1529.  
  1530.       <b:if cond='data:blog.pageType == &quot;index&quot;'>
  1531.         <b:loop values='data:posts' var='post'>
  1532.           <b:include data='post' name='mobile-index-post'/>
  1533.         </b:loop>
  1534.       <b:else/>
  1535.         <b:loop values='data:posts' var='post'>
  1536.           <b:include data='post' name='mobile-post'/>
  1537.         </b:loop>
  1538.       </b:if>
  1539.     </div>
  1540.  
  1541.    <b:include name='mobile-nextprev'/>
  1542. </b:includable>
  1543.               <b:includable id='mobile-nextprev'>
  1544.   <div class='blog-pager' id='blog-pager'>
  1545.     <b:if cond='data:newerPageUrl'>
  1546.       <div class='mobile-link-button' id='blog-pager-newer-link'>
  1547.       <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;lsaquo;</a>
  1548.       </div>
  1549.     </b:if>
  1550.  
  1551.     <b:if cond='data:olderPageUrl'>
  1552.       <div class='mobile-link-button' id='blog-pager-older-link'>
  1553.       <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>&amp;rsaquo;</a>
  1554.       </div>
  1555.     </b:if>
  1556.  
  1557.     <div class='mobile-link-button' id='blog-pager-home-link'>
  1558.     <a class='home-link' expr:href='data:blog.homepageUrl'/>
  1559.     </div>
  1560.  
  1561.     <div class='mobile-desktop-link'>
  1562.       <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
  1563.     </div>
  1564.  
  1565.   </div>
  1566.   <div class='clear'/>
  1567. </b:includable>
  1568.               <b:includable id='mobile-post' var='post'>
  1569.   <div class='date-outer'>
  1570.     <b:if cond='data:post.dateHeader'>
  1571.       <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  1572.     </b:if>
  1573.     <div class='date-posts'>
  1574.       <div class='post-outer'>
  1575.  
  1576.         <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  1577.           <b:if cond='data:post.thumbnailUrl'>
  1578.             <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
  1579.           </b:if>
  1580.           <meta expr:content='data:blog.blogId' itemprop='blogId'/>
  1581.           <meta expr:content='data:post.id' itemprop='postId'/>
  1582.  
  1583.           <a expr:name='data:post.id'/>
  1584.           <b:if cond='data:post.title'>
  1585.             <h3 class='post-title entry-title' itemprop='name'>
  1586.               <b:if cond='data:post.link'>
  1587.                 <a expr:href='data:post.link'><data:post.title/></a>
  1588.               <b:elseif cond='data:post.url and data:blog.url != data:post.url'/>
  1589.                 <a expr:href='data:post.url'><data:post.title/></a>
  1590.               <b:else/>
  1591.                 <data:post.title/>
  1592.               </b:if>
  1593.             </h3>
  1594.           </b:if>
  1595.  
  1596.           <div class='post-header'>
  1597.             <div class='post-header-line-1'/>
  1598.           </div>
  1599.  
  1600.           <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  1601.             <data:post.body/>
  1602.             <div style='clear: both;'/> <!-- clear for photos floats -->
  1603.           </div>
  1604.  
  1605.           <div class='post-footer'>
  1606.            
  1607.  
  1608.             <div class='post-footer-line post-footer-line-2'>
  1609.               <b:if cond='data:top.showMobileShare'>
  1610.                 <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
  1611.                   <a href='javascript:void(0);'><data:shareMsg/></a>
  1612.                 </div>
  1613.               </b:if>
  1614.               <b:if cond='data:top.showDummy'>
  1615.                 <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
  1616.               </b:if>
  1617.             </div>
  1618.  
  1619.           </div>
  1620.         </div>
  1621.  
  1622.         <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
  1623.       </div>
  1624.     </div>
  1625.   </div>
  1626. </b:includable>
  1627.               <b:includable id='nextprev'>
  1628.   <div class='blog-pager' id='blog-pager'>
  1629.     <b:if cond='data:newerPageUrl'>
  1630.       <span id='blog-pager-newer-link'>
  1631.       <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&#171;</a>
  1632.       </span>
  1633.     </b:if>
  1634.  
  1635.     <b:if cond='data:olderPageUrl'>
  1636.       <span id='blog-pager-older-link'>
  1637.       <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>&#187;</a>
  1638.       </span>
  1639.     </b:if>
  1640.  
  1641.     <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  1642.  
  1643.     <b:if cond='data:mobileLinkUrl'>
  1644.       <div class='blog-mobile-link'>
  1645.         <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
  1646.       </div>
  1647.     </b:if>
  1648.  
  1649.   </div>
  1650.   <div class='clear'/>
  1651. </b:includable>
  1652.               <b:includable id='post' var='post'>
  1653.   <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  1654.     <b:if cond='data:post.firstImageUrl'>
  1655.       <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
  1656.     </b:if>
  1657.     <meta expr:content='data:blog.blogId' itemprop='blogId'/>
  1658.     <meta expr:content='data:post.id' itemprop='postId'/>
  1659.  
  1660.     <a expr:name='data:post.id'/>
  1661.     <b:if cond='data:post.title'>
  1662.       <h3 class='post-title entry-title' itemprop='name'>
  1663.       <b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
  1664.         <a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a>
  1665.       <b:else/>
  1666.         <data:post.title/>
  1667.       </b:if>
  1668.       </h3>
  1669.     </b:if>
  1670.  
  1671.     <div class='post-header'>
  1672.  
  1673.     <div class='post-header-line-1'/>
  1674.     </div>
  1675.  
  1676.     <!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->
  1677.     <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' expr:itemprop='(data:blog.metaDescription ? &quot;&quot; : &quot;description &quot;) + &quot;articleBody&quot;'>
  1678.       <data:post.body/>
  1679.       <div style='clear: both;'/> <!-- clear for photos floats -->
  1680.     </div>
  1681.  
  1682.     <b:if cond='data:post.hasJumpLink'>
  1683.       <div class='jump-link'>
  1684.         <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><p align='center'><a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a></p>
  1685. </a>
  1686.       </div>
  1687.     </b:if>
  1688.  
  1689.     <div class='post-footer'>
  1690.     <div class='post-footer-line post-footer-line-1'>
  1691.       <span class='post-author vcard'>
  1692.         <b:if cond='data:top.showAuthor'>
  1693.           <data:top.authorLabel/>
  1694.             <b:if cond='data:post.authorProfileUrl'>
  1695.               <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1696.                 <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  1697.                 <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  1698.                   <span itemprop='name'><data:post.author/></span>
  1699.                 </a>
  1700.               </span>
  1701.             <b:else/>
  1702.               <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1703.                 <span itemprop='name'><data:post.author/></span>
  1704.               </span>
  1705.             </b:if>
  1706.         </b:if>
  1707.       </span>
  1708.  
  1709.       <span class='post-timestamp'>
  1710.         <b:if cond='data:top.showTimestamp'>
  1711.           <data:top.timestampLabel/>
  1712.           <b:if cond='data:post.url'>
  1713.             <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
  1714.             <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
  1715.           </b:if>
  1716.         </b:if>
  1717.       </span>
  1718.  
  1719.       <span class='reaction-buttons'>
  1720.         <b:if cond='data:top.showReactions'>
  1721.           <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
  1722.             <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
  1723.               <span class='reactions-label'>
  1724.               <data:top.reactionsLabel/></span>&#160;</td>
  1725.             <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
  1726.            </tr></table>
  1727.         </b:if>
  1728.       </span>
  1729.  
  1730.       <span class='post-comment-link'>
  1731.         <b:include cond='data:blog.pageType not in {&quot;item&quot;,&quot;static_page&quot;}                          and data:post.allowComments' data='post' name='comment_count_picker'/>
  1732.       </span>
  1733.  
  1734.        <!-- backlinks -->
  1735.        <span class='post-backlinks post-comment-link'>
  1736.          <b:if cond='data:blog.pageType not in {&quot;item&quot;,&quot;static_page&quot;}                      and data:post.showBacklinks'>
  1737.            <a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'><data:top.backlinkLabel/></a>
  1738.          </b:if>
  1739.        </span>
  1740.  
  1741.       <span class='post-icons'>
  1742.         <!-- email post links -->
  1743.         <b:if cond='data:post.emailPostUrl'>
  1744.           <span class='item-action'>
  1745.           <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
  1746.             <img alt='' class='icon-action' height='13' src='//img1.blogblog.com/img/icon18_email.gif' width='18'/>
  1747.           </a>
  1748.           </span>
  1749.         </b:if>
  1750.  
  1751.         <!-- quickedit pencil -->
  1752.         <b:include data='post' name='postQuickEdit'/>
  1753.       </span>
  1754.  
  1755.       <!-- share buttons -->
  1756.       <div class='post-share-buttons goog-inline-block'>
  1757.         <b:include cond='data:post.sharePostUrl' data='post' name='shareButtons'/>
  1758.       </div>
  1759.  
  1760.       </div>
  1761.  
  1762.       <div class='post-footer-line post-footer-line-2'>
  1763.       <span class='post-labels'>
  1764.         <b:if cond='data:post.labels'>
  1765.           <data:postLabelsLabel/>
  1766.           <b:loop values='data:post.labels' var='label'>
  1767.             <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='not data:label.isLast'>,</b:if>
  1768.           </b:loop>
  1769.         </b:if>
  1770.       </span>
  1771.       </div>
  1772.  
  1773.       <div class='post-footer-line post-footer-line-3'>
  1774.       <span class='post-location'>
  1775.         <b:if cond='data:top.showLocation'>
  1776.           <b:if cond='data:post.location'>
  1777.             <data:postLocationLabel/>
  1778.             <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
  1779.           </b:if>
  1780.         </b:if>
  1781.       </span>
  1782.       </div>
  1783.       <b:if cond='data:post.authorAboutMe'>
  1784.         <div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1785.           <b:if cond='data:post.authorPhoto.url'>
  1786.             <img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
  1787.           </b:if>
  1788.           <div>
  1789.             <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
  1790.               <span itemprop='name'><data:post.author/></span>
  1791.             </a>
  1792.           </div>
  1793.           <span itemprop='description'><data:post.authorAboutMe/></span>
  1794.         </div>
  1795.       </b:if>
  1796.     </div>
  1797.   </div>
  1798. </b:includable>
  1799.               <b:includable id='postQuickEdit' var='post'>
  1800.   <b:if cond='data:post.editUrl'>
  1801.     <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
  1802.       <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
  1803.         <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
  1804.       </a>
  1805.     </span>
  1806.   </b:if>
  1807. </b:includable>
  1808.               <b:includable id='shareButtons' var='post'>
  1809.   <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + &quot;&amp;target=pinterest&quot;' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showPlusOne'><div class='goog-inline-block google-plus-share-container'><data:post.googlePlusShareTag/></div></b:if>
  1810. </b:includable>
  1811.               <b:includable id='status-message'>
  1812.   <b:if cond='data:navMessage'>
  1813.   <div class='status-msg-wrap'>
  1814.     <div class='status-msg-body'>
  1815.       <data:navMessage/>
  1816.     </div>
  1817.     <div class='status-msg-border'>
  1818.       <div class='status-msg-bg'>
  1819.         <div class='status-msg-hidden'><data:navMessage/></div>
  1820.       </div>
  1821.     </div>
  1822.   </div>
  1823.   <div style='clear: both;'/>
  1824.   </b:if>
  1825. </b:includable>
  1826.               <b:includable id='threaded-comment-form' var='post'>
  1827.   <div class='comment-form'>
  1828.     <a name='comment-form'/>
  1829.     <b:if cond='data:mobile'>
  1830.       <p><data:blogCommentMessage/></p>
  1831.       <data:blogTeamBlogMessage/>
  1832.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1833.       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
  1834.     <b:else/>
  1835.       <p><data:blogCommentMessage/></p>
  1836.       <data:blogTeamBlogMessage/>
  1837.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1838.       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
  1839.     </b:if>
  1840.     <data:post.cmtfpIframe/>
  1841.     <script type='text/javascript'>
  1842.       BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  1843.     </script>
  1844.   </div>
  1845. </b:includable>
  1846.               <b:includable id='threaded_comment_js' var='post'>
  1847.   <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  1848.  
  1849.   <script type='text/javascript'>
  1850.     (function() {
  1851.       var items = <data:post.commentJso/>;
  1852.       var msgs = <data:post.commentMsgs/>;
  1853.       var config = <data:post.commentConfig/>;
  1854.  
  1855. // <![CDATA[
  1856.      var cursor = null;
  1857.      if (items && items.length > 0) {
  1858.        cursor = parseInt(items[items.length - 1].timestamp) + 1;
  1859.      }
  1860.  
  1861.      var bodyFromEntry = function(entry) {
  1862.        var text = (entry &&
  1863.                    ((entry.content && entry.content.$t) ||
  1864.                     (entry.summary && entry.summary.$t))) ||
  1865.            '';
  1866.        if (entry && entry.gd$extendedProperty) {
  1867.          for (var k in entry.gd$extendedProperty) {
  1868.            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
  1869.              return '<span class="deleted-comment">' + text + '</span>';
  1870.            }
  1871.          }
  1872.        }
  1873.        return text;
  1874.      }
  1875.  
  1876.      var parse = function(data) {
  1877.        cursor = null;
  1878.        var comments = [];
  1879.        if (data && data.feed && data.feed.entry) {
  1880.          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
  1881.            var comment = {};
  1882.            // comment ID, parsed out of the original id format
  1883.            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
  1884.            comment.id = id ? id[2] : null;
  1885.            comment.body = bodyFromEntry(entry);
  1886.            comment.timestamp = Date.parse(entry.published.$t) + '';
  1887.            if (entry.author && entry.author.constructor === Array) {
  1888.              var auth = entry.author[0];
  1889.              if (auth) {
  1890.                comment.author = {
  1891.                  name: (auth.name ? auth.name.$t : undefined),
  1892.                  profileUrl: (auth.uri ? auth.uri.$t : undefined),
  1893.                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
  1894.                };
  1895.              }
  1896.            }
  1897.            if (entry.link) {
  1898.              if (entry.link[2]) {
  1899.                comment.link = comment.permalink = entry.link[2].href;
  1900.              }
  1901.              if (entry.link[3]) {
  1902.                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
  1903.                if (pid && pid[1]) {
  1904.                  comment.parentId = pid[1];
  1905.                }
  1906.              }
  1907.            }
  1908.            comment.deleteclass = 'item-control blog-admin';
  1909.            if (entry.gd$extendedProperty) {
  1910.              for (var k in entry.gd$extendedProperty) {
  1911.                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
  1912.                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
  1913.                } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
  1914.                  comment.displayTime = entry.gd$extendedProperty[k].value;
  1915.                }
  1916.              }
  1917.            }
  1918.            comments.push(comment);
  1919.          }
  1920.        }
  1921.        return comments;
  1922.      };
  1923.  
  1924.      var paginator = function(callback) {
  1925.        if (hasMore()) {
  1926.          var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
  1927.          if (cursor) {
  1928.            url += '&published-min=' + new Date(cursor).toISOString();
  1929.          }
  1930.          window.bloggercomments = function(data) {
  1931.            var parsed = parse(data);
  1932.            cursor = parsed.length < 50 ? null
  1933.                : parseInt(parsed[parsed.length - 1].timestamp) + 1
  1934.            callback(parsed);
  1935.            window.bloggercomments = null;
  1936.          }
  1937.          url += '&callback=bloggercomments';
  1938.          var script = document.createElement('script');
  1939.          script.type = 'text/javascript';
  1940.          script.src = url;
  1941.          document.getElementsByTagName('head')[0].appendChild(script);
  1942.        }
  1943.      };
  1944.      var hasMore = function() {
  1945.        return !!cursor;
  1946.      };
  1947.      var getMeta = function(key, comment) {
  1948.        if ('iswriter' == key) {
  1949.          var matches = !!comment.author
  1950.              && comment.author.name == config.authorName
  1951.              && comment.author.profileUrl == config.authorUrl;
  1952.          return matches ? 'true' : '';
  1953.        } else if ('deletelink' == key) {
  1954.          return config.baseUri + '/delete-comment.g?blogID='
  1955.               + config.blogId + '&postID=' + comment.id;
  1956.        } else if ('deleteclass' == key) {
  1957.          return comment.deleteclass;
  1958.        }
  1959.        return '';
  1960.      };
  1961.  
  1962.      var replybox = null;
  1963.      var replyUrlParts = null;
  1964.      var replyParent = undefined;
  1965.  
  1966.      var onReply = function(commentId, domId) {
  1967.        if (replybox == null) {
  1968.          // lazily cache replybox, and adjust to suit this style:
  1969.          replybox = document.getElementById('comment-editor');
  1970.          if (replybox != null) {
  1971.            replybox.height = '250px';
  1972.            replybox.style.display = 'block';
  1973.            replyUrlParts = replybox.src.split('#');
  1974.          }
  1975.        }
  1976.        if (replybox && (commentId !== replyParent)) {
  1977.          replybox.src = '';
  1978.          document.getElementById(domId).insertBefore(replybox, null);
  1979.          replybox.src = replyUrlParts[0]
  1980.              + (commentId ? '&parentID=' + commentId : '')
  1981.              + '#' + replyUrlParts[1];
  1982.          replyParent = commentId;
  1983.        }
  1984.      };
  1985.  
  1986.      var hash = (window.location.hash || '#').substring(1);
  1987.      var startThread, targetComment;
  1988.      if (/^comment-form_/.test(hash)) {
  1989.        startThread = hash.substring('comment-form_'.length);
  1990.      } else if (/^c[0-9]+$/.test(hash)) {
  1991.        targetComment = hash.substring(1);
  1992.      }
  1993.  
  1994.      // Configure commenting API:
  1995.      var configJso = {
  1996.        'maxDepth': config.maxThreadDepth
  1997.      };
  1998.      var provider = {
  1999.        'id': config.postId,
  2000.        'data': items,
  2001.        'loadNext': paginator,
  2002.        'hasMore': hasMore,
  2003.        'getMeta': getMeta,
  2004.        'onReply': onReply,
  2005.        'rendered': true,
  2006.        'initComment': targetComment,
  2007.        'initReplyThread': startThread,
  2008.        'config': configJso,
  2009.        'messages': msgs
  2010.      };
  2011.  
  2012.      var render = function() {
  2013.        if (window.goog && window.goog.comments) {
  2014.          var holder = document.getElementById('comment-holder');
  2015.          window.goog.comments.render(holder, provider);
  2016.        }
  2017.      };
  2018.  
  2019.      // render now, or queue to render when library loads:
  2020.      if (window.goog && window.goog.comments) {
  2021.        render();
  2022.      } else {
  2023.        window.goog = window.goog || {};
  2024.        window.goog.comments = window.goog.comments || {};
  2025.        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
  2026.        window.goog.comments.loadQueue.push(render);
  2027.      }
  2028.    })();
  2029. // ]]>
  2030.   </script>
  2031. </b:includable>
  2032.               <b:includable id='threaded_comments' var='post'>
  2033.   <div class='comments' id='comments'>
  2034.     <a name='comments'/>
  2035.     <h4><data:post.commentLabelFull/>:</h4>
  2036.  
  2037.     <div class='comments-content'>
  2038.       <b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/>
  2039.       <div id='comment-holder'>
  2040.          <data:post.commentHtml/>
  2041.       </div>
  2042.     </div>
  2043.  
  2044.     <p class='comment-footer'>
  2045.       <b:if cond='data:post.allowNewComments'>
  2046.         <b:include data='post' name='threaded-comment-form'/>
  2047.       <b:else/>
  2048.         <data:post.noNewCommentsText/>
  2049.       </b:if>
  2050.     </p>
  2051.  
  2052.     <b:if cond='data:showCmtPopup'>
  2053.       <div id='comment-popup'>
  2054.         <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  2055.         </iframe>
  2056.       </div>
  2057.     </b:if>
  2058.  
  2059.     <div id='backlinks-container'>
  2060.     <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  2061.       <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
  2062.     </div>
  2063.     </div>
  2064.   </div>
  2065. </b:includable>
  2066.             </b:widget>
  2067.           </b:section>
  2068.         </div>
  2069.         </div>
  2070.  
  2071.         <div class='column-left-outer'>
  2072.         <div class='column-left-inner'>
  2073.           <aside>
  2074.           <macro:include id='main-column-left-sections' name='sections'>
  2075.             <macro:param default='0' name='num' value='0'/>
  2076.             <macro:param default='sidebar-left' name='idPrefix'/>
  2077.             <macro:param default='sidebar' name='class'/>
  2078.             <macro:param default='true' name='includeBottom'/>
  2079.           </macro:include>
  2080.           </aside>
  2081.         </div>
  2082.         </div>
  2083.  
  2084.         <div class='column-right-outer'>
  2085.         <div class='column-right-inner'>
  2086.           <aside>
  2087.           <macro:include id='main-column-right-sections' name='sections'>
  2088.             <macro:param default='2' name='num' value='0'/>
  2089.             <macro:param default='sidebar-right' name='idPrefix'/>
  2090.             <macro:param default='sidebar' name='class'/>
  2091.             <macro:param default='true' name='includeBottom'/>
  2092.           </macro:include>
  2093.           </aside>
  2094.         </div>
  2095.         </div>
  2096.  
  2097.         </div>
  2098.  
  2099.         <div style='clear: both'/>
  2100.       <!-- columns -->
  2101.       </div>
  2102.  
  2103.     <!-- main -->
  2104.     </div>
  2105.     </div>
  2106.     <div class='main-cap-bottom cap-bottom'>
  2107.       <div class='cap-left'/>
  2108.       <div class='cap-right'/>
  2109.     </div>
  2110.     </div>
  2111.  
  2112.     <footer>
  2113.     <div class='footer-outer'>
  2114.     <div class='footer-cap-top cap-top'>
  2115.       <div class='cap-left'/>
  2116.       <div class='cap-right'/>
  2117.     </div>
  2118.     <div class='fauxborder-left footer-fauxborder-left'>
  2119.     <div class='fauxborder-right footer-fauxborder-right'/>
  2120.     <div class='region-inner footer-inner'>
  2121.       <macro:include id='footer-sections' name='sections'>
  2122.         <macro:param default='2' name='num'/>
  2123.         <macro:param default='footer' name='idPrefix'/>
  2124.         <macro:param default='foot' name='class'/>
  2125.         <macro:param default='false' name='includeBottom'/>
  2126.       </macro:include>
  2127.       <!-- outside of the include in order to lock Attribution widget -->
  2128.       <b:section class='foot' id='footer-3' name='Footer' showaddelement='no'/>
  2129.     </div>
  2130.     </div>
  2131.     <div class='footer-cap-bottom cap-bottom'>
  2132.       <div class='cap-left'/>
  2133.       <div class='cap-right'/>
  2134.     </div>
  2135.     </div>
  2136.     </footer>
  2137.  
  2138.   <!-- content -->
  2139.   </div>
  2140.   </div>
  2141.   <div class='content-cap-bottom cap-bottom'>
  2142.     <div class='cap-left'/>
  2143.     <div class='cap-right'/>
  2144.   </div>
  2145.   </div>
  2146.   </div>
  2147.  
  2148.   <script type='text/javascript'>
  2149.     window.setTimeout(function() {
  2150.         document.body.className = document.body.className.replace(&#39;loading&#39;, &#39;&#39;);
  2151.       }, 10);
  2152.   </script>
  2153. </body>
  2154.  
  2155. <macro:includable id='sections' var='col'>
  2156.   <macro:if cond='data:col.num == 0'>
  2157.   <macro:else/>
  2158.     <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-1&quot;' preferred='yes' showaddelement='yes'/>
  2159.  
  2160.     <macro:if cond='data:col.num &gt;= 2'>
  2161.       <table border='0' cellpadding='0' cellspacing='0' mexpr:class='&quot;section-columns columns-&quot; + data:col.num'>
  2162.       <tbody>
  2163.       <tr>
  2164.         <td class='first columns-cell'>
  2165.           <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-1&quot;'/>
  2166.         </td>
  2167.  
  2168.         <td class='columns-cell'>
  2169.           <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-2&quot;'/>
  2170.         </td>
  2171.  
  2172.         <macro:if cond='data:col.num &gt;= 3'>
  2173.           <td class='columns-cell'>
  2174.             <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-3&quot;'/>
  2175.           </td>
  2176.         </macro:if>
  2177.  
  2178.         <macro:if cond='data:col.num &gt;= 4'>
  2179.           <td class='columns-cell'>
  2180.             <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-4&quot;'/>
  2181.           </td>
  2182.         </macro:if>
  2183.       </tr>
  2184.       </tbody>
  2185.       </table>
  2186.  
  2187.       <macro:if cond='data:col.includeBottom'>
  2188.         <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-3&quot;' showaddelement='no'/>
  2189.       </macro:if>
  2190.     </macro:if>
  2191.   </macro:if>
  2192. </macro:includable>
  2193.  
  2194. <b:section-contents id='footer-1'>
  2195.   <b:widget id='HTML3' locked='false' title='' type='HTML'>
  2196.     <b:includable id='main'>
  2197.   <!-- only display title if it's non-empty -->
  2198.   <b:if cond='data:title != &quot;&quot;'>
  2199.     <h2 class='title'><data:title/></h2>
  2200.   </b:if>
  2201.   <div class='widget-content'>
  2202.     <data:content/>
  2203.   </div>
  2204.  
  2205.   <b:include name='quickedit'/>
  2206. </b:includable>
  2207.   </b:widget>
  2208. </b:section-contents><b:section-contents id='footer-2-1'/><b:section-contents id='footer-2-2'/></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement