WandafuruV

LILA

Nov 18th, 2014
213
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 72.04 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. <b:if cond='data:blog.isMobile'>
  6. <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
  7. <b:else/>
  8. <meta content='width=1100' name='viewport'/>
  9. </b:if>
  10. <b:include data='blog' name='all-head-content'/>
  11. <title><data:blog.pageTitle/></title>
  12.  
  13. <b:skin><![CDATA[/*
  14. -----------------------------------------------
  15. Blogger Template Style
  16. Name: Travel
  17. Designer: Sookhee Lee
  18. URL: www.plyfly.net
  19.  
  20. Layout feito por moutan ~Crow Melody :3
  21. ----------------------------------------------- */
  22.  
  23. /* Variable definitions
  24. ====================
  25. <Variable name="keycolor" description="Main Color" type="color" default="#539bcd" value="#539bcd"/>
  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 9px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
  30. <Variable name="body.text.color" description="Text Color" type="color" default="#bbbbbb" value="#887787"/>
  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="#ffffff"/>
  35. <Variable name="content.background.color" description="Main Background" type="color" default="transparent" value="transparent"/>
  36. </Group>
  37.  
  38. <Group description="Links" selector=".main-outer">
  39. <Variable name="link.color" description="Link Color" type="color" default="#ff9900" value="#ff9900"/>
  40. <Variable name="link.visited.color" description="Visited Color" type="color" default="#b87209" value="#b87209"/>
  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 'Trebuchet MS',Trebuchet,sans-serif"/>
  47. <Variable name="header.text.color" description="Text Color" type="color" default="#ffffff" value="#ffffff"/>
  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="#bbbbbb"/>
  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 'Trebuchet MS',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="transparent"/>
  64. <Variable name="tabs.selected.background.color" description="Selected Color" type="color" default="transparent" value="transparent"/>
  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 'Trebuchet MS',Trebuchet,sans-serif"/>
  70. <Variable name="date.text.color" description="Text Color" type="color" default="$(body.text.color)" value="#bbbbbb"/>
  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 'Trebuchet MS',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="#f2f2f2"/>
  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 'Trebuchet MS',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 10px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
  95. <Variable name="widget.text.color" description="Text Color" type="color" default="$(body.text.color)" value="#887787"/>
  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="#bbbbbb"/>
  100. <Variable name="widget.link.visited.color" description="Visited Color" type="color" default="$(link.visited.color)" value="#b87209"/>
  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="#f2f2f2"/>
  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="$(color) url(http://4.bp.blogspot.com/-G3TH586NO-0/UvkEEhrCuQI/AAAAAAAAf8w/LyqAiPapmRo/s0/5522.png) no-repeat fixed top left"/>
  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="#cccccc none repeat scroll top center" value="#cccccc none repeat scroll top center"/>
  115.  
  116. <Variable name="content.imageBorder.top.space" description="Content Image Border Top Space" type="length" default="0" 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" value="20px"/>
  120. <Variable name="content.padding" description="Content Padding" type="length" default="20px" value="20px"/>
  121. <Variable name="content.posts.padding" description="Posts Content Padding" type="length" default="10px" 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" value="left"/>
  134. <Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right"/>
  135. */
  136.  
  137. /* Content
  138. ----------------------------------------------- */
  139. body {
  140. font: $(body.font);
  141. color: $(body.text.color);
  142. background: $(body.background);
  143. float: right;
  144. }
  145.  
  146. html body .region-inner {
  147. min-width: 0;
  148. max-width: 100%;
  149. width: auto;
  150. }
  151.  
  152. a:link {
  153. text-decoration:none;
  154. color: $(link.color);
  155. }
  156.  
  157. a:visited {
  158. text-decoration:none;
  159. color: $(link.visited.color);
  160. }
  161.  
  162. a:hover {
  163. text-decoration:underline;
  164. color: $(link.hover.color);
  165. }
  166.  
  167. .content-outer .content-cap-top {
  168. height: ;
  169. background: ;
  170. }
  171.  
  172. .content-outer {
  173. margin: 0 auto;
  174. padding-top: ;
  175. }
  176.  
  177. .content-inner {
  178. background: ;
  179. background-position: ;
  180. background-color: ;
  181. padding: ;
  182. }
  183.  
  184. .main-inner .date-outer {
  185. margin-bottom: 2em;
  186. }
  187.  
  188. /* Header
  189. ----------------------------------------------- */
  190. .header-inner {
  191. margin-top: -60px;
  192. }
  193.  
  194. .Header .titlewrapper,
  195. .header-inner .Header .descriptionwrapper {
  196. padding-left: 10px;
  197. padding-right: 10px;
  198. }
  199.  
  200. .Header h1 {
  201. font-family: 'paradise', cursive;
  202. font-style: normal;
  203. font-weight: 300;
  204. color: #29243B;
  205. text-align: center;
  206. }
  207.  
  208. .Header h1 a {
  209. color: $(header.text.color);
  210. }
  211.  
  212. .Header .description {
  213. font-size: 130%;
  214. }
  215.  
  216. /* Tabs
  217. ----------------------------------------------- */
  218. .tabs-inner {
  219. padding: 0;
  220. }
  221.  
  222. .tabs-inner .section {
  223. margin: 0;
  224. }
  225.  
  226. .tabs-inner .widget ul {
  227. padding: 0;
  228. background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll top center;
  229. }
  230.  
  231. .tabs-inner .widget li {
  232. border: none;
  233. }
  234.  
  235. .tabs-inner .widget li a {
  236. display: inline-block;
  237. padding: 1em 1.5em;
  238. color: $(tabs.text.color);
  239. font: $(tabs.font);
  240. }
  241.  
  242. .tabs-inner .widget li.selected a,
  243. .tabs-inner .widget li a:hover {
  244. position: relative;
  245. z-index: 1;
  246. background: $(tabs.selected.background.color) $(tabs.selected.background.gradient) repeat scroll top center;
  247. color: $(tabs.selected.text.color);
  248.  
  249. }
  250. /* Headings
  251. ----------------------------------------------- */
  252. h2 {
  253. font: $(widget.title.font);
  254. color: $(widget.title.text.color);
  255. border-bottom: 3px solid #544353;
  256. }
  257.  
  258. @font-face {font-family: "handy"; src: url('http://static.tumblr.com/lnvca6d/E6vm63ih7/pf_ronda_seven__1_.ttf');}
  259. .main-inner h2.date-header {
  260. float: left; /** data no lado esquerdo, pode mudar para right **/
  261. width:60px;/** largura **/
  262. height:15px;/** altura **/
  263. overflow:hidden;
  264. font-size:10px;/** tamanho da fonte **/
  265. color: #fff !important;/** cor da fonte **/
  266. text-align:center;/** alinha o texto **/
  267. margin-bottom: -65px; /** desce **/
  268. margin-left: -78px; /** margem pra esquerda **/
  269. padding: 5px 4px 4px 4px; /** espaço interno: topo, direito, embaixo, esquerdo **/
  270. -webkit-border-top-left-radius: 5px;
  271. -webkit-border-bottom-left-radius: 5px;
  272. -moz-border-radius-topleft: 5px;
  273. -moz-border-radius-bottomleft: 5px;
  274. border-top-left-radius: 5px;
  275. border-bottom-left-radius: 5px;
  276. background: #544453; /** cor do fundo **/
  277. border-bottom: none;
  278. }
  279.  
  280. .footer-inner .widget h2,
  281. .sidebar .widget h2 {
  282. padding-bottom: .5em;
  283. }
  284.  
  285. /* Main
  286. ----------------------------------------------- */
  287.  
  288. .main-inner {
  289. padding: $(content.padding) 0;
  290. margin-top: -10px;
  291. }
  292.  
  293. .main-inner .column-center-inner {
  294. border-right: 3px solid #544353;
  295. padding: $(content.posts.padding) 0;
  296. }
  297.  
  298. .main-inner .column-center-inner .section {
  299. margin: 0 $(content.posts.padding);
  300. }
  301.  
  302. .main-inner .column-right-inner {
  303. }
  304.  
  305. .main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
  306. background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;
  307. }
  308.  
  309. .main-inner .column-left-inner {
  310. }
  311.  
  312. .main-inner .fauxcolumn-left-outer .fauxcolumn-inner {
  313. background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;
  314. }
  315.  
  316. .main-inner .column-left-inner,
  317. .main-inner .column-right-inner {
  318. padding: 15px 0;
  319. }
  320.  
  321. /* Posts
  322. ----------------------------------------------- */
  323. h3.post-title {
  324. margin-top: 20px;
  325. }
  326.  
  327. h3.post-title a {
  328. font: $(post.title.font);
  329. color: $(post.title.text.color);
  330. }
  331.  
  332. h3.post-title a:hover {
  333. text-decoration: none;
  334. }
  335.  
  336. .main-inner .column-center-outer {
  337. background: $(post.background.color) $(post.background.url) repeat scroll top left;
  338. _background-image: none;
  339. }
  340.  
  341. .post-body {
  342. line-height: 1.4;
  343. position: relative;
  344. }
  345.  
  346. .post-header {
  347. margin: 0 0 1em;
  348.  
  349. line-height: 1.6;
  350. }
  351.  
  352. .post-footer {
  353. margin: .5em 0;
  354. line-height: 1.6;
  355. }
  356.  
  357. #blog-pager {
  358. font-size: 140%;
  359. }
  360.  
  361. #comments {
  362. background: #f2f2f2;
  363. padding: 15px;
  364. font-size: 11px;
  365. }
  366.  
  367. #comments .comment-author {
  368. padding-top: 1.5em;
  369. }
  370.  
  371. #comments h4,
  372. #comments .comment-author a,
  373. #comments .comment-timestamp a {
  374. color: #544353;
  375. }
  376.  
  377. #comments .comment-author:first-child {
  378. padding-top: 0;
  379. border-top: none;
  380. }
  381.  
  382. .avatar-image-container {
  383. margin: .2em 0 0;
  384. }
  385.  
  386. /* Comments
  387. ----------------------------------------------- */
  388. #comments a {
  389. color: #544353;
  390. }
  391.  
  392. .comments .comments-content .icon.blog-author {
  393. background-repeat: no-repeat;
  394. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);
  395. }
  396.  
  397. .comments .comments-content .loadmore a {
  398. }
  399.  
  400. .comments .comment-thread.inline-thread {
  401. background: $(post.background.color);
  402. }
  403.  
  404. .comments .continue {
  405. }
  406.  
  407.  
  408. /* Widgets
  409. ----------------------------------------------- */
  410. .sidebar .widget {
  411. border-bottom: 2px solid $(widget.border.bevel.color);
  412. padding-bottom: 10px;
  413. margin: 10px 0;
  414. }
  415.  
  416. .sidebar .widget:first-child {
  417. margin-top: 0;
  418. }
  419.  
  420. .sidebar .widget:last-child {
  421. border-bottom: none;
  422. margin-bottom: 0;
  423. padding-bottom: 0;
  424. }
  425.  
  426. .footer-inner .widget,
  427. .sidebar .widget {
  428. font: $(widget.font);
  429. color: $(widget.text.color);
  430. }
  431.  
  432.  
  433. .sidebar .widget a:link {
  434. color: $(widget.link.color);
  435. text-decoration: none;
  436. }
  437.  
  438. .footer-inner .widget a:link {
  439. color: $(link.color);
  440. text-decoration: none;
  441. }
  442.  
  443. .footer-inner .widget a:visited {
  444. color: $(link.visited.color);
  445. }
  446.  
  447. .footer-inner .widget a:hover {
  448. color: $(link.color);
  449. text-decoration: underline;
  450. }
  451.  
  452. .widget .zippy {
  453. color: $(widget.alternate.text.color);
  454. }
  455.  
  456. .footer-inner {
  457. background: transparent $(footer.background.gradient) repeat scroll top center;
  458. }
  459.  
  460. /* Mobile
  461. ----------------------------------------------- */
  462. body.mobile {
  463. background-size: 100% auto;
  464. }
  465.  
  466. body.mobile .AdSense {
  467. margin: 0 -10px;
  468. }
  469.  
  470. .mobile .body-fauxcolumn-outer {
  471. background: $(mobile.background.overlay);
  472. }
  473.  
  474. .mobile .footer-inner .widget a:link {
  475. color: $(widget.link.color);
  476. text-decoration: none;
  477. }
  478.  
  479. .mobile .footer-inner .widget a:visited {
  480. color: $(widget.link.visited.color);
  481. }
  482.  
  483. .mobile-post-outer a {
  484. color: $(post.title.text.color);
  485. }
  486.  
  487. .mobile-link-button {
  488. background-color: $(link.color);
  489. }
  490.  
  491. .mobile-link-button a:link, .mobile-link-button a:visited {
  492. color: $(mobile.button.color);
  493. }
  494.  
  495. .mobile-index-contents {
  496. color: $(body.text.color);
  497. }
  498.  
  499. .mobile .tabs-inner .PageList .widget-content {
  500. background: $(tabs.selected.background.color) $(tabs.selected.background.gradient) repeat scroll top center;
  501. color: $(tabs.selected.text.color);
  502. }
  503.  
  504. .mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
  505. border-$startSide: 1px solid $(tabs.selected.text.color);
  506. }
  507. .post-outer {
  508. margin: 4px 2px 5px;
  509. padding: 5px 10px;
  510. }
  511. .post {
  512. font-size: 11px;
  513. }
  514.  
  515.  
  516.  
  517. .footer-inner .widget,
  518. .sidebar .widget {
  519. font: normal normal 13px;
  520.  
  521. }
  522. @font-face { font-family: "paradise"; src: url('http://static.tumblr.com/x2nw738/zITmz5ebu/vladimir.ttf');}
  523. .sidebar h2 {
  524. font: normal normal 20px Georgia, Utopia, 'Palatino Linotype', Palatino, serif;
  525. font-style: normal;
  526. font-weight: 300;
  527. color: #544353;
  528. text-align: center;
  529. -webkit-transition-duration: .50s;
  530. }
  531. h3.post-title {
  532. margin-top: 5px;
  533. text-align: center;
  534. margin-bottom: -6px;
  535. font: normal normal 20px Georgia, Utopia, 'Palatino Linotype', Palatino, serif;
  536. font-style: normal;
  537. font-weight: 300;
  538. color: #544353;
  539. font-size: 20px;
  540. cursor: default;
  541. }
  542.  
  543. h3.post-title a {
  544. font: normal normal 20px Georgia, Utopia, 'Palatino Linotype', Palatino, serif;
  545. font-style: normal;
  546. font-weight: 300;
  547. color: #544353;
  548. font-size: 20px;
  549. }
  550.  
  551. h3.post-title a:hover {
  552. font: normal normal 20px Georgia, Utopia, 'Palatino Linotype', Palatino, serif;
  553. color: #37253B;
  554. font-size: 20px;
  555. }
  556.  
  557. a:link {
  558. color: #544353; /* Cor do link*/
  559. text-decoration: none;
  560. -webkit-transition: color 0.7s ease-out;-moz-transition:
  561. color 0.7s ease-out;transition: color 0.7s ease-out;
  562. }
  563. a:visited {
  564. color: #29243B; /*Cor dos links visitados*/
  565. text-decoration:none;
  566. filter:alpha(opacity=100);
  567. -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
  568. }
  569. a:hover {
  570. color: #7A5A5F; /*Cor do link quando passa o mouse*/
  571. text-decoration:none;
  572. filter:alpha(opacity=100);
  573. -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
  574. }
  575.  
  576. .post-footer-line-1{
  577. font-size:11px;
  578. text-align: left;
  579. }
  580. .post-footer-line-2{
  581. font-size:11px;
  582. text-align: let;
  583. }
  584.  
  585. ::-moz-selection {
  586. background:#544353; /*Cor do fundo*/
  587. color:#fff; /*Cor da fonte*/
  588. }
  589. ::selection {
  590. background:#544353;/*Cor do fundo*/
  591. color:#fff; /*Cor da fonte*/
  592. }
  593. I {COLOR: #7A5A5F; TEXT-DECORATION: NONE; -WEBKIT-TRANSITION-DURATION: .80S;} /* ESTILO DO ITÁLICO */
  594. .feed-links { height:0px;visibility:hidden;display:none.border {
  595. -moz-opacity:0.70; opacity:0.70;
  596. -webkit-transition-duration:2s;
  597. background-color:#e7b3c2 /*Cor de fundo, aparece enquanto a imagem está carregando*/;
  598. border:2px solid #c8debf; /* Cor e estilo da borda*/ }
  599. .border:hover {
  600. filter:alpha(opacity=100);
  601. -moz-opacity:1.0;
  602. opacity:1.0;
  603. background-color:#e7b3c2; /*Cor de fundo quando passa o mouse em cima*/
  604. border: 2px solid #f2ada5; /* Cor e estilo da borda quando passa o mouse em cima*/
  605. }]]></b:skin>
  606.  
  607. <b:template-skin>
  608. <b:variable default='960px' name='content.width' type='length' value='860px'/>
  609. <b:variable default='0' name='main.column.left.width' type='length' value='0px'/>
  610. <b:variable default='310px' name='main.column.right.width' type='length' value='260px'/>
  611.  
  612. <![CDATA[
  613. body {
  614. min-width: $(content.width);
  615. }
  616.  
  617. .content-outer, .content-fauxcolumn-outer, .region-inner {
  618. min-width: $(content.width);
  619. max-width: $(content.width);
  620. _width: $(content.width);
  621. }
  622.  
  623. .main-inner .columns {
  624. padding-left: $(main.column.left.width);
  625. padding-right: $(main.column.right.width);
  626. }
  627.  
  628. .main-inner .fauxcolumn-center-outer {
  629. left: $(main.column.left.width);
  630. right: $(main.column.right.width);
  631. /* IE6 does not respect left and right together */
  632. _width: expression(this.parentNode.offsetWidth -
  633. parseInt("$(main.column.left.width)") -
  634. parseInt("$(main.column.right.width)") + 'px');
  635. }
  636.  
  637. .main-inner .fauxcolumn-left-outer {
  638. width: $(main.column.left.width);
  639. }
  640.  
  641. .main-inner .fauxcolumn-right-outer {
  642. width: $(main.column.right.width);
  643. }
  644.  
  645. .main-inner .column-left-outer {
  646. width: $(main.column.left.width);
  647. right: 100%;
  648. margin-left: -$(main.column.left.width);
  649. }
  650.  
  651. .main-inner .column-right-outer {
  652. width: $(main.column.right.width);
  653. margin-right: -$(main.column.right.width);
  654. }
  655.  
  656. #layout {
  657. min-width: 0;
  658. }
  659.  
  660. #layout .content-outer {
  661. min-width: 0;
  662. width: 800px;
  663. }
  664.  
  665. #layout .region-inner {
  666. min-width: 0;
  667. width: auto;
  668. }
  669. ]]>
  670. </b:template-skin>
  671. <b:include data='blog' name='google-analytics'/>
  672. </head>
  673.  
  674. <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
  675. <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
  676. <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
  677. <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
  678. function setAttributeOnload(object, attribute, val) {
  679. if(window.addEventListener) {
  680. window.addEventListener(&#39;load&#39;,
  681. function(){ object[attribute] = val; }, false);
  682. } else {
  683. window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
  684. }
  685. }
  686. &lt;/script&gt;
  687. &lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
  688. &lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
  689. &lt;script type=&quot;text/javascript&quot;&gt;
  690. gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {
  691. if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {
  692. gapi.iframes.getContext().openChild({
  693. url: &#39;https://www.blogger.com/navbar.g?targetBlogID\0754011872300478143143\46blogName\75Lila\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75DISABLED\46layoutType\75LAYOUTS\46searchRoot\75http://cm-lila.blogspot.com/search\46blogLocale\75pt_BR\46v\0752\46homepageUrl\75http://cm-lila.blogspot.com/\46vt\75-7150482462834397111&#39;,
  694. where: document.getElementById(&quot;navbar-iframe-container&quot;),
  695. id: &quot;navbar-iframe&quot;
  696. });
  697. }
  698. });
  699. &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
  700. (function() {
  701. var script = document.createElement(&#39;script&#39;);
  702. script.type = &#39;text/javascript&#39;;
  703. script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
  704. var head = document.getElementsByTagName(&#39;head&#39;)[0];
  705. if (head) {
  706. head.appendChild(script);
  707. }})();
  708. &lt;/script&gt;
  709. </b:includable>
  710. </b:widget>
  711. </b:section>
  712.  
  713. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  714. <div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
  715. <meta expr:content='data:blog.title' itemprop='name'/>
  716. <b:if cond='data:blog.metaDescription'>
  717. <meta expr:content='data:blog.metaDescription' itemprop='description'/>
  718. </b:if>
  719. </div>
  720. </b:if>
  721.  
  722. <div class='body-fauxcolumns'>
  723. <div class='fauxcolumn-outer body-fauxcolumn-outer'>
  724. <div class='cap-top'>
  725. <div class='cap-left'/>
  726. <div class='cap-right'/>
  727. </div>
  728. <div class='fauxborder-left'>
  729. <div class='fauxborder-right'/>
  730. <div class='fauxcolumn-inner'>
  731. </div>
  732. </div>
  733. <div class='cap-bottom'>
  734. <div class='cap-left'/>
  735. <div class='cap-right'/>
  736. </div>
  737. </div>
  738. </div>
  739.  
  740. <div class='content'>
  741. <div class='content-fauxcolumns'>
  742. <div class='fauxcolumn-outer content-fauxcolumn-outer'>
  743. <div class='cap-top'>
  744. <div class='cap-left'/>
  745. <div class='cap-right'/>
  746. </div>
  747. <div class='fauxborder-left'>
  748. <div class='fauxborder-right'/>
  749. <div class='fauxcolumn-inner'>
  750. </div>
  751. </div>
  752. <div class='cap-bottom'>
  753. <div class='cap-left'/>
  754. <div class='cap-right'/>
  755. </div>
  756. </div>
  757. </div>
  758.  
  759. <div class='content-outer'>
  760. <div class='content-cap-top cap-top'>
  761. <div class='cap-left'/>
  762. <div class='cap-right'/>
  763. </div>
  764. <div class='fauxborder-left content-fauxborder-left'>
  765. <div class='fauxborder-right content-fauxborder-right'/>
  766. <div class='content-inner'>
  767.  
  768. <header>
  769. <div class='header-outer'>
  770. <div class='header-cap-top cap-top'>
  771. <div class='cap-left'/>
  772. <div class='cap-right'/>
  773. </div>
  774. <div class='fauxborder-left header-fauxborder-left'>
  775. <div class='fauxborder-right header-fauxborder-right'/>
  776. <div class='region-inner header-inner'>
  777. </div>
  778. </div>
  779. <div class='header-cap-bottom cap-bottom'>
  780. <div class='cap-left'/>
  781. <div class='cap-right'/>
  782. </div>
  783. </div>
  784. </header>
  785.  
  786. <div class='tabs-outer'>
  787. <div class='tabs-cap-top cap-top'>
  788. <div class='cap-left'/>
  789. <div class='cap-right'/>
  790. </div>
  791. <div class='fauxborder-left tabs-fauxborder-left'>
  792. <div class='fauxborder-right tabs-fauxborder-right'/>
  793. <div class='region-inner tabs-inner'>
  794. <b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'/>
  795. <b:section class='tabs' id='crosscol-overflow' showaddelement='no'/>
  796. </div>
  797. </div>
  798. <div class='tabs-cap-bottom cap-bottom'>
  799. <div class='cap-left'/>
  800. <div class='cap-right'/>
  801. </div>
  802. </div>
  803.  
  804. <div class='main-outer'>
  805. <div class='main-cap-top cap-top'>
  806. <div class='cap-left'/>
  807. <div class='cap-right'/>
  808. </div>
  809.  
  810. <div class='fauxborder-left main-fauxborder-left'>
  811. <div class='fauxborder-right main-fauxborder-right'/>
  812. <div class='region-inner main-inner'>
  813.  
  814. <div class='columns fauxcolumns'>
  815.  
  816. <div class='fauxcolumn-outer fauxcolumn-center-outer'>
  817. <div class='cap-top'>
  818. <div class='cap-left'/>
  819. <div class='cap-right'/>
  820. </div>
  821. <div class='fauxborder-left'>
  822. <div class='fauxborder-right'/>
  823. <div class='fauxcolumn-inner'>
  824. </div>
  825. </div>
  826. <div class='cap-bottom'>
  827. <div class='cap-left'/>
  828. <div class='cap-right'/>
  829. </div>
  830. </div>
  831.  
  832. <div class='fauxcolumn-outer fauxcolumn-left-outer'>
  833. <div class='cap-top'>
  834. <div class='cap-left'/>
  835. <div class='cap-right'/>
  836. </div>
  837. <div class='fauxborder-left'>
  838. <div class='fauxborder-right'/>
  839. <div class='fauxcolumn-inner'>
  840. </div>
  841. </div>
  842. <div class='cap-bottom'>
  843. <div class='cap-left'/>
  844. <div class='cap-right'/>
  845. </div>
  846. </div>
  847.  
  848. <div class='fauxcolumn-outer fauxcolumn-right-outer'>
  849. <div class='cap-top'>
  850. <div class='cap-left'/>
  851. <div class='cap-right'/>
  852. </div>
  853. <div class='fauxborder-left'>
  854. <div class='fauxborder-right'/>
  855. <div class='fauxcolumn-inner'>
  856. </div>
  857. </div>
  858. <div class='cap-bottom'>
  859. <div class='cap-left'/>
  860. <div class='cap-right'/>
  861. </div>
  862. </div>
  863.  
  864. <!-- corrects IE6 width calculation -->
  865. <div class='columns-inner'>
  866.  
  867. <div class='column-center-outer'>
  868. <div class='column-center-inner'>
  869. <b:section class='main' id='main' showaddelement='no'>
  870. <b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'>
  871. <b:includable id='main' var='top'>
  872. <b:if cond='data:mobile == &quot;false&quot;'>
  873.  
  874. <!-- posts -->
  875. <div class='blog-posts hfeed'>
  876.  
  877. <b:include data='top' name='status-message'/>
  878.  
  879. <data:defaultAdStart/>
  880. <b:loop values='data:posts' var='post'>
  881. <b:if cond='data:post.isDateStart'>
  882. <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
  883. &lt;/div&gt;&lt;/div&gt;
  884. </b:if>
  885. </b:if>
  886. <b:if cond='data:post.isDateStart'>
  887. &lt;div class=&quot;date-outer&quot;&gt;
  888. </b:if>
  889. <b:if cond='data:post.dateHeader'>
  890. <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  891. </b:if>
  892. <b:if cond='data:post.isDateStart'>
  893. &lt;div class=&quot;date-posts&quot;&gt;
  894. </b:if>
  895. <div class='post-outer'>
  896. <b:include data='post' name='post'/>
  897. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  898. <b:include data='post' name='comment_picker'/>
  899. </b:if>
  900. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  901. <b:include data='post' name='comment_picker'/>
  902. </b:if>
  903. </div>
  904. <b:if cond='data:post.includeAd'>
  905. <b:if cond='data:post.isFirstPost'>
  906. <data:defaultAdEnd/>
  907. <b:else/>
  908. <data:adEnd/>
  909. </b:if>
  910. <div class='inline-ad'>
  911. <data:adCode/>
  912. </div>
  913. <data:adStart/>
  914. </b:if>
  915. </b:loop>
  916. <b:if cond='data:numPosts != 0'>
  917. &lt;/div&gt;&lt;/div&gt;
  918. </b:if>
  919. <data:adEnd/>
  920. </div>
  921.  
  922. <!-- navigation -->
  923. <b:include name='nextprev'/>
  924.  
  925. <!-- feed links -->
  926. <b:include name='feedLinks'/>
  927.  
  928. <b:else/>
  929. <b:include name='mobile-main'/>
  930. </b:if>
  931.  
  932. <b:if cond='data:top.showDummy'>
  933. <data:top.dummyBootstrap/>
  934. </b:if>
  935.  
  936. </b:includable>
  937. <b:includable id='backlinkDeleteIcon' var='backlink'>
  938. <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
  939. <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
  940. <img src='//www.blogger.com/img/icon_delete13.gif'/>
  941. </a>
  942. </span>
  943. </b:includable>
  944. <b:includable id='backlinks' var='post'>
  945. <a name='links'/><h4><data:post.backlinksLabel/></h4>
  946. <b:if cond='data:post.numBacklinks != 0'>
  947. <dl class='comments-block' id='comments-block'>
  948. <b:loop values='data:post.backlinks' var='backlink'>
  949. <div class='collapsed-backlink backlink-control'>
  950. <dt class='comment-title'>
  951. <span class='backlink-toggle-zippy'>&#160;</span>
  952. <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
  953. <b:include data='backlink' name='backlinkDeleteIcon'/>
  954. </dt>
  955. <dd class='comment-body collapseable'>
  956. <data:backlink.snippet/>
  957. </dd>
  958. <dd class='comment-footer collapseable'>
  959. <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
  960. <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
  961. </dd>
  962. </div>
  963. </b:loop>
  964. </dl>
  965. </b:if>
  966. <p class='comment-footer'>
  967. <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>
  968. </p>
  969. </b:includable>
  970. <b:includable id='comment-form' var='post'>
  971. <div class='comment-form'>
  972. <a name='comment-form'/>
  973. <b:if cond='data:mobile'>
  974. <h4 id='comment-post-message'>
  975. <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
  976. <p><data:blogCommentMessage/></p>
  977. <data:blogTeamBlogMessage/>
  978. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  979. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
  980. <b:else/>
  981. <h4 id='comment-post-message'><data:postCommentMsg/></h4>
  982. <p><data:blogCommentMessage/></p>
  983. <data:blogTeamBlogMessage/>
  984. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  985. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  986. </b:if>
  987. <data:post.friendConnectJs/>
  988. <data:post.cmtfpIframe/>
  989. <script type='text/javascript'>
  990. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  991. </script>
  992. </div>
  993. </b:includable>
  994. <b:includable id='commentDeleteIcon' var='comment'>
  995. <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
  996. <b:if cond='data:showCmtPopup'>
  997. <div class='goog-toggle-button'>
  998. <div class='goog-inline-block comment-action-icon'/>
  999. </div>
  1000. <b:else/>
  1001. <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
  1002. <img src='//www.blogger.com/img/icon_delete13.gif'/>
  1003. </a>
  1004. </b:if>
  1005. </span>
  1006. </b:includable>
  1007. <b:includable id='comment_count_picker' var='post'>
  1008. <b:if cond='data:post.commentSource == 1'>
  1009. <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'>
  1010. </span>
  1011. <b:else/>
  1012. <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  1013. <data:post.commentLabelFull/>:
  1014. </a>
  1015. </b:if>
  1016. </b:includable>
  1017. <b:includable id='comment_picker' var='post'>
  1018. <b:if cond='data:post.commentSource == 1'>
  1019. <b:include data='post' name='iframe_comments'/>
  1020. <b:else/>
  1021. <b:if cond='data:post.showThreadedComments'>
  1022. <b:include data='post' name='threaded_comments'/>
  1023. <b:else/>
  1024. <b:include data='post' name='comments'/>
  1025. </b:if>
  1026. </b:if>
  1027. </b:includable>
  1028. <b:includable id='comments' var='post'>
  1029. <div class='comments' id='comments'>
  1030. <a name='comments'/>
  1031. <b:if cond='data:post.allowComments'>
  1032. <h4><data:post.commentLabelFull/>:</h4>
  1033.  
  1034. <b:if cond='data:post.commentPagingRequired'>
  1035. <span class='paging-control-container'>
  1036. <b:if cond='data:post.hasOlderLinks'>
  1037. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
  1038. &#160;
  1039. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
  1040. &#160;
  1041. </b:if>
  1042.  
  1043. <data:post.commentRangeText/>
  1044.  
  1045. <b:if cond='data:post.hasNewerLinks'>
  1046. &#160;
  1047. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
  1048. &#160;
  1049. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
  1050. </b:if>
  1051. </span>
  1052. </b:if>
  1053.  
  1054. <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
  1055. <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
  1056. <b:loop values='data:post.comments' var='comment'>
  1057. <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
  1058. <b:if cond='data:comment.favicon'>
  1059. <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
  1060. </b:if>
  1061. <a expr:name='data:comment.anchorName'/>
  1062. <b:if cond='data:blog.enabledCommentProfileImages'>
  1063. <data:comment.authorAvatarImage/>
  1064. </b:if>
  1065. <b:if cond='data:comment.authorUrl'>
  1066. <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
  1067. <b:else/>
  1068. <data:comment.author/>
  1069. </b:if>
  1070. <data:commentPostedByMsg/>
  1071. </dt>
  1072. <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
  1073. <b:if cond='data:comment.isDeleted'>
  1074. <span class='deleted-comment'><data:comment.body/></span>
  1075. <b:else/>
  1076. <p>
  1077. <data:comment.body/>
  1078. </p>
  1079. </b:if>
  1080. </dd>
  1081. <dd class='comment-footer'>
  1082. <span class='comment-timestamp'>
  1083. <a expr:href='data:comment.url' title='comment permalink'>
  1084. <data:comment.timestamp/>
  1085. </a>
  1086. <b:include data='comment' name='commentDeleteIcon'/>
  1087. </span>
  1088. </dd>
  1089. </b:loop>
  1090. </dl>
  1091. </div>
  1092.  
  1093. <b:if cond='data:post.commentPagingRequired'>
  1094. <span class='paging-control-container'>
  1095. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
  1096. <data:post.oldestLinkText/>
  1097. </a>
  1098. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
  1099. <data:post.olderLinkText/>
  1100. </a>
  1101. &#160;
  1102. <data:post.commentRangeText/>
  1103. &#160;
  1104. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
  1105. <data:post.newerLinkText/>
  1106. </a>
  1107. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
  1108. <data:post.newestLinkText/>
  1109. </a>
  1110. </span>
  1111. </b:if>
  1112.  
  1113. <p class='comment-footer'>
  1114. <b:if cond='data:post.embedCommentForm'>
  1115. <b:if cond='data:post.allowNewComments'>
  1116. <b:include data='post' name='comment-form'/>
  1117. <b:else/>
  1118. <data:post.noNewCommentsText/>
  1119. </b:if>
  1120. <b:else/>
  1121. <b:if cond='data:post.allowComments'>
  1122. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  1123. </b:if>
  1124. </b:if>
  1125.  
  1126. </p>
  1127. </b:if>
  1128. <b:if cond='data:showCmtPopup'>
  1129. <div id='comment-popup'>
  1130. <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  1131. </iframe>
  1132. </div>
  1133. </b:if>
  1134.  
  1135. <div id='backlinks-container'>
  1136. <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  1137. <b:if cond='data:post.showBacklinks'>
  1138. <b:include data='post' name='backlinks'/>
  1139. </b:if>
  1140. </div>
  1141. </div>
  1142. </div>
  1143. </b:includable>
  1144. <b:includable id='feedLinks'>
  1145. <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
  1146. <b:if cond='data:feedLinks'>
  1147. <div class='blog-feeds'>
  1148. <b:include data='feedLinks' name='feedLinksBody'/>
  1149. </div>
  1150. </b:if>
  1151.  
  1152. <b:else/> <!--Post feed links -->
  1153. <div class='post-feeds'>
  1154. <b:loop values='data:posts' var='post'>
  1155. <b:if cond='data:post.allowComments'>
  1156. <b:if cond='data:post.feedLinks'>
  1157. <b:include data='post.feedLinks' name='feedLinksBody'/>
  1158. </b:if>
  1159. </b:if>
  1160. </b:loop>
  1161. </div>
  1162. </b:if>
  1163. </b:includable>
  1164. <b:includable id='feedLinksBody' var='links'>
  1165. <div class='feed-links'>
  1166. <data:feedLinksMsg/>
  1167. <b:loop values='data:links' var='f'>
  1168. <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  1169. </b:loop>
  1170. </div>
  1171. </b:includable>
  1172. <b:includable id='iframe_comments' var='post'>
  1173.  
  1174. <b:if cond='data:post.allowIframeComments'>
  1175. <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
  1176. <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
  1177.  
  1178. <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
  1179. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  1180. </b:if>
  1181. </b:if>
  1182. </b:includable>
  1183. <b:includable id='mobile-index-post' var='post'>
  1184. <div class='mobile-date-outer date-outer'>
  1185. <b:if cond='data:post.dateHeader'>
  1186. <div class='date-header'>
  1187. <span><data:post.dateHeader/></span>
  1188. </div>
  1189. </b:if>
  1190.  
  1191. <div class='mobile-post-outer'>
  1192. <a expr:href='data:post.url'>
  1193. <h3 class='mobile-index-title entry-title' itemprop='name'>
  1194. <data:post.title/>
  1195. </h3>
  1196.  
  1197. <div class='mobile-index-arrow'>&amp;rsaquo;</div>
  1198.  
  1199. <div class='mobile-index-contents'>
  1200. <b:if cond='data:post.thumbnailUrl'>
  1201. <div class='mobile-index-thumbnail'>
  1202. <div class='Image'>
  1203. <img expr:src='data:post.thumbnailUrl'/>
  1204. </div>
  1205. </div>
  1206. </b:if>
  1207.  
  1208. <div class='post-body'>
  1209. <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
  1210. </div>
  1211. </div>
  1212.  
  1213. <div style='clear: both;'/>
  1214. </a>
  1215.  
  1216. <div class='mobile-index-comment'>
  1217. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1218. <b:if cond='data:post.allowComments'>
  1219. <b:if cond='data:post.numComments != 0'>
  1220. <b:include data='post' name='comment_count_picker'/>
  1221. </b:if>
  1222. </b:if>
  1223. </b:if>
  1224. </div>
  1225. </div>
  1226. </div>
  1227. </b:includable>
  1228. <b:includable id='mobile-main' var='top'>
  1229. <!-- posts -->
  1230. <div class='blog-posts hfeed'>
  1231.  
  1232. <b:include data='top' name='status-message'/>
  1233.  
  1234. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  1235. <b:loop values='data:posts' var='post'>
  1236. <b:include data='post' name='mobile-index-post'/>
  1237. </b:loop>
  1238. <b:else/>
  1239. <b:loop values='data:posts' var='post'>
  1240. <b:include data='post' name='mobile-post'/>
  1241. </b:loop>
  1242. </b:if>
  1243. </div>
  1244.  
  1245. <b:include name='mobile-nextprev'/>
  1246. </b:includable>
  1247. <b:includable id='mobile-nextprev'>
  1248. <div class='blog-pager' id='blog-pager'>
  1249. <b:if cond='data:newerPageUrl'>
  1250. <div class='mobile-link-button' id='blog-pager-newer-link'>
  1251. <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>
  1252. </div>
  1253. </b:if>
  1254.  
  1255. <b:if cond='data:olderPageUrl'>
  1256. <div class='mobile-link-button' id='blog-pager-older-link'>
  1257. <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>
  1258. </div>
  1259. </b:if>
  1260.  
  1261. <div class='mobile-link-button' id='blog-pager-home-link'>
  1262. <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  1263. </div>
  1264.  
  1265. <div class='mobile-desktop-link'>
  1266. <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
  1267. </div>
  1268.  
  1269. </div>
  1270. <div class='clear'/>
  1271. </b:includable>
  1272. <b:includable id='mobile-post' var='post'>
  1273. <div class='date-outer'>
  1274. <b:if cond='data:post.dateHeader'>
  1275. <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  1276. </b:if>
  1277. <div class='date-posts'>
  1278. <div class='post-outer'>
  1279.  
  1280. <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  1281. <b:if cond='data:post.thumbnailUrl'>
  1282. <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
  1283. </b:if>
  1284. <meta expr:content='data:blog.blogId' itemprop='blogId'/>
  1285. <meta expr:content='data:post.id' itemprop='postId'/>
  1286.  
  1287. <a expr:name='data:post.id'/>
  1288. <b:if cond='data:post.title'>
  1289. <h3 class='post-title entry-title' itemprop='name'>
  1290. <b:if cond='data:post.link'>
  1291. <a expr:href='data:post.link'><data:post.title/></a>
  1292. <b:else/>
  1293. <b:if cond='data:post.url'>
  1294. <b:if cond='data:blog.url != data:post.url'>
  1295. <a expr:href='data:post.url'><data:post.title/></a>
  1296. <b:else/>
  1297. <data:post.title/>
  1298. </b:if>
  1299. <b:else/>
  1300. <data:post.title/>
  1301. </b:if>
  1302. </b:if>
  1303. </h3>
  1304. </b:if>
  1305.  
  1306. <div class='post-header'>
  1307. <div class='post-header-line-1'/>
  1308. </div>
  1309.  
  1310. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  1311. <data:post.body/>
  1312. <div style='clear: both;'/> <!-- clear for photos floats -->
  1313. </div>
  1314.  
  1315. <div class='post-footer'>
  1316. <div class='post-footer-line post-footer-line-1'>
  1317. <span class='post-author vcard'>
  1318. <b:if cond='data:top.showAuthor'>
  1319. <b:if cond='data:post.authorProfileUrl'>
  1320. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1321. <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  1322. <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  1323. <span itemprop='name'><data:post.author/></span>
  1324. </a>
  1325. </span>
  1326. <b:else/>
  1327. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1328. <span itemprop='name'><data:post.author/></span>
  1329. </span>
  1330. </b:if>
  1331. </b:if>
  1332. </span>
  1333.  
  1334. <span class='post-timestamp'>
  1335. <b:if cond='data:top.showTimestamp'>
  1336. <data:top.timestampLabel/>
  1337. <b:if cond='data:post.url'>
  1338. <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
  1339. <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>
  1340. </b:if>
  1341. </b:if>
  1342. </span>
  1343.  
  1344. <span class='post-comment-link'>
  1345. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1346. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1347. <b:if cond='data:post.allowComments'>
  1348. <b:include data='post' name='comment_count_picker'/>
  1349. </b:if>
  1350. </b:if>
  1351. </b:if>
  1352. </span>
  1353. </div>
  1354.  
  1355. <div class='post-footer-line post-footer-line-2'>
  1356. <b:if cond='data:top.showMobileShare'>
  1357. <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
  1358. <a href='javascript:void(0);'><data:shareMsg/></a>
  1359. </div>
  1360. </b:if>
  1361. <b:if cond='data:top.showDummy'>
  1362. <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
  1363. </b:if>
  1364. </div>
  1365.  
  1366. </div>
  1367. </div>
  1368.  
  1369. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1370. <b:include data='post' name='comment_picker'/>
  1371. </b:if>
  1372. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1373. <b:include data='post' name='comment_picker'/>
  1374. </b:if>
  1375. </div>
  1376. </div>
  1377. </div>
  1378. </b:includable>
  1379. <b:includable id='nextprev'>
  1380. <div class='blog-pager' id='blog-pager'>
  1381. <b:if cond='data:newerPageUrl'>
  1382. <span id='blog-pager-newer-link'>
  1383. <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'><data:newerPageTitle/></a>
  1384. </span>
  1385. </b:if>
  1386.  
  1387. <b:if cond='data:olderPageUrl'>
  1388. <span id='blog-pager-older-link'>
  1389. <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'><data:olderPageTitle/></a>
  1390. </span>
  1391. </b:if>
  1392.  
  1393. <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  1394.  
  1395. <b:if cond='data:mobileLinkUrl'>
  1396. <div class='blog-mobile-link'>
  1397. <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
  1398. </div>
  1399. </b:if>
  1400.  
  1401. </div>
  1402. <div class='clear'/>
  1403. </b:includable>
  1404. <b:includable id='post' var='post'>
  1405. <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  1406. <b:if cond='data:post.firstImageUrl'>
  1407. <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
  1408. </b:if>
  1409. <meta expr:content='data:blog.blogId' itemprop='blogId'/>
  1410. <meta expr:content='data:post.id' itemprop='postId'/>
  1411.  
  1412. <a expr:name='data:post.id'/>
  1413. <b:if cond='data:post.title'>
  1414. <h3 class='post-title entry-title' itemprop='name'>
  1415. <b:if cond='data:post.link'>
  1416. <a expr:href='data:post.link'><data:post.title/></a>
  1417. <b:else/>
  1418. <b:if cond='data:post.url'>
  1419. <b:if cond='data:blog.url != data:post.url'>
  1420. <a expr:href='data:post.url'><data:post.title/></a>
  1421. <b:else/>
  1422. <data:post.title/>
  1423. </b:if>
  1424. <b:else/>
  1425. <data:post.title/>
  1426. </b:if>
  1427. </b:if>
  1428. </h3>
  1429. </b:if>
  1430.  
  1431. <div class='post-header'>
  1432. <div class='post-header-line-1'/>
  1433. </div>
  1434.  
  1435. <b:if cond='data:blog.metaDescription == &quot;&quot;'>
  1436. <!-- Then use the post body as the schema.org description,
  1437. for good G+/FB snippeting. -->
  1438. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'>
  1439. <data:post.body/>
  1440. <div style='clear: both;'/> <!-- clear for photos floats -->
  1441. </div>
  1442. <b:else/>
  1443. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  1444. <data:post.body/>
  1445. <div style='clear: both;'/> <!-- clear for photos floats -->
  1446. </div>
  1447. </b:if>
  1448.  
  1449. <b:if cond='data:post.hasJumpLink'>
  1450. <div class='jump-link'>
  1451. <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
  1452. </div>
  1453. </b:if>
  1454.  
  1455. <div class='post-footer'>
  1456. <div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
  1457. <b:if cond='data:top.showAuthor'>
  1458. <data:top.authorLabel/>
  1459. <b:if cond='data:post.authorProfileUrl'>
  1460. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1461. <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  1462. <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  1463. <span itemprop='name'><data:post.author/></span>
  1464. </a>
  1465. </span>
  1466. <b:else/>
  1467. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1468. <span itemprop='name'><data:post.author/></span>
  1469. </span>
  1470. </b:if>
  1471. </b:if>
  1472. </span> <span class='post-timestamp'>
  1473. <b:if cond='data:top.showTimestamp'>
  1474. <data:top.timestampLabel/>
  1475. <b:if cond='data:post.url'>
  1476. <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
  1477. <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>
  1478. </b:if>
  1479. </b:if>
  1480. </span> <span class='post-comment-link'>
  1481. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1482. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1483. <b:if cond='data:post.allowComments'>
  1484. <b:include data='post' name='comment_count_picker'/>
  1485. </b:if>
  1486. </b:if>
  1487. </b:if>
  1488. </span> <span class='post-icons'>
  1489. <!-- email post links -->
  1490. <b:if cond='data:post.emailPostUrl'>
  1491. <span class='item-action'>
  1492. <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
  1493. <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
  1494. </a>
  1495. </span>
  1496. </b:if>
  1497.  
  1498. <!-- quickedit pencil -->
  1499. <b:include data='post' name='postQuickEdit'/>
  1500. </span> </div>
  1501.  
  1502. <div class='post-footer-line post-footer-line-2'><span class='post-labels'>
  1503. <b:if cond='data:post.labels'>
  1504. <data:postLabelsLabel/>
  1505. <b:loop values='data:post.labels' var='label'>
  1506. <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
  1507. </b:loop>
  1508. </b:if>
  1509. </span> </div>
  1510.  
  1511. <div class='post-footer-line post-footer-line-3'/>
  1512. <b:if cond='data:post.authorAboutMe'>
  1513. <div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1514. <b:if cond='data:post.authorPhoto.url'>
  1515. <img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
  1516. </b:if>
  1517. <div>
  1518. <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
  1519. <span itemprop='name'><data:post.author/></span>
  1520. </a>
  1521. </div>
  1522. <span itemprop='description'><data:post.authorAboutMe/></span>
  1523. </div>
  1524. </b:if>
  1525. </div>
  1526. </div>
  1527. </b:includable>
  1528. <b:includable id='postQuickEdit' var='post'>
  1529. <b:if cond='data:post.editUrl'>
  1530. <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
  1531. <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
  1532. <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
  1533. </a>
  1534. </span>
  1535. </b:if>
  1536. </b:includable>
  1537. <b:includable id='shareButtons' var='post'>
  1538. <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.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></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.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
  1539. </b:includable>
  1540. <b:includable id='status-message'>
  1541. <b:if cond='data:navMessage'>
  1542. <div class='status-msg-wrap'>
  1543. <div class='status-msg-body'>
  1544. <data:navMessage/>
  1545. </div>
  1546. <div class='status-msg-border'>
  1547. <div class='status-msg-bg'>
  1548. <div class='status-msg-hidden'><data:navMessage/></div>
  1549. </div>
  1550. </div>
  1551. </div>
  1552. <div style='clear: both;'/>
  1553. </b:if>
  1554. </b:includable>
  1555. <b:includable id='threaded-comment-form' var='post'>
  1556. <div class='comment-form'>
  1557. <a name='comment-form'/>
  1558. <b:if cond='data:mobile'>
  1559. <p><data:blogCommentMessage/></p>
  1560. <data:blogTeamBlogMessage/>
  1561. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1562. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
  1563. <b:else/>
  1564. <p><data:blogCommentMessage/></p>
  1565. <data:blogTeamBlogMessage/>
  1566. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1567. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  1568. </b:if>
  1569. <data:post.friendConnectJs/>
  1570. <data:post.cmtfpIframe/>
  1571. <script type='text/javascript'>
  1572. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  1573. </script>
  1574. </div>
  1575. </b:includable>
  1576. <b:includable id='threaded_comment_js' var='post'>
  1577. <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  1578.  
  1579. <script type='text/javascript'>
  1580. (function() {
  1581. var items = <data:post.commentJso/>;
  1582. var msgs = <data:post.commentMsgs/>;
  1583. var config = <data:post.commentConfig/>;
  1584.  
  1585. // <![CDATA[
  1586. var cursor = null;
  1587. if (items && items.length > 0) {
  1588. cursor = parseInt(items[items.length - 1].timestamp) + 1;
  1589. }
  1590.  
  1591. var bodyFromEntry = function(entry) {
  1592. if (entry.gd$extendedProperty) {
  1593. for (var k in entry.gd$extendedProperty) {
  1594. if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
  1595. return '<span class="deleted-comment">' + entry.content.$t + '</span>';
  1596. }
  1597. }
  1598. }
  1599. return entry.content.$t;
  1600. }
  1601.  
  1602. var parse = function(data) {
  1603. cursor = null;
  1604. var comments = [];
  1605. if (data && data.feed && data.feed.entry) {
  1606. for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
  1607. var comment = {};
  1608. // comment ID, parsed out of the original id format
  1609. var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
  1610. comment.id = id ? id[2] : null;
  1611. comment.body = bodyFromEntry(entry);
  1612. comment.timestamp = Date.parse(entry.published.$t) + '';
  1613. if (entry.author && entry.author.constructor === Array) {
  1614. var auth = entry.author[0];
  1615. if (auth) {
  1616. comment.author = {
  1617. name: (auth.name ? auth.name.$t : undefined),
  1618. profileUrl: (auth.uri ? auth.uri.$t : undefined),
  1619. avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
  1620. };
  1621. }
  1622. }
  1623. if (entry.link) {
  1624. if (entry.link[2]) {
  1625. comment.link = comment.permalink = entry.link[2].href;
  1626. }
  1627. if (entry.link[3]) {
  1628. var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
  1629. if (pid && pid[1]) {
  1630. comment.parentId = pid[1];
  1631. }
  1632. }
  1633. }
  1634. comment.deleteclass = 'item-control blog-admin';
  1635. if (entry.gd$extendedProperty) {
  1636. for (var k in entry.gd$extendedProperty) {
  1637. if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
  1638. comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
  1639. } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
  1640. comment.displayTime = entry.gd$extendedProperty[k].value;
  1641. }
  1642. }
  1643. }
  1644. comments.push(comment);
  1645. }
  1646. }
  1647. return comments;
  1648. };
  1649.  
  1650. var paginator = function(callback) {
  1651. if (hasMore()) {
  1652. var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
  1653. if (cursor) {
  1654. url += '&published-min=' + new Date(cursor).toISOString();
  1655. }
  1656. window.bloggercomments = function(data) {
  1657. var parsed = parse(data);
  1658. cursor = parsed.length < 50 ? null
  1659. : parseInt(parsed[parsed.length - 1].timestamp) + 1
  1660. callback(parsed);
  1661. window.bloggercomments = null;
  1662. }
  1663. url += '&callback=bloggercomments';
  1664. var script = document.createElement('script');
  1665. script.type = 'text/javascript';
  1666. script.src = url;
  1667. document.getElementsByTagName('head')[0].appendChild(script);
  1668. }
  1669. };
  1670. var hasMore = function() {
  1671. return !!cursor;
  1672. };
  1673. var getMeta = function(key, comment) {
  1674. if ('iswriter' == key) {
  1675. var matches = !!comment.author
  1676. && comment.author.name == config.authorName
  1677. && comment.author.profileUrl == config.authorUrl;
  1678. return matches ? 'true' : '';
  1679. } else if ('deletelink' == key) {
  1680. return config.baseUri + '/delete-comment.g?blogID='
  1681. + config.blogId + '&postID=' + comment.id;
  1682. } else if ('deleteclass' == key) {
  1683. return comment.deleteclass;
  1684. }
  1685. return '';
  1686. };
  1687.  
  1688. var replybox = null;
  1689. var replyUrlParts = null;
  1690. var replyParent = undefined;
  1691.  
  1692. var onReply = function(commentId, domId) {
  1693. if (replybox == null) {
  1694. // lazily cache replybox, and adjust to suit this style:
  1695. replybox = document.getElementById('comment-editor');
  1696. if (replybox != null) {
  1697. replybox.height = '250px';
  1698. replybox.style.display = 'block';
  1699. replyUrlParts = replybox.src.split('#');
  1700. }
  1701. }
  1702. if (replybox && (commentId !== replyParent)) {
  1703. document.getElementById(domId).insertBefore(replybox, null);
  1704. replybox.src = replyUrlParts[0]
  1705. + (commentId ? '&parentID=' + commentId : '')
  1706. + '#' + replyUrlParts[1];
  1707. replyParent = commentId;
  1708. }
  1709. };
  1710.  
  1711. var hash = (window.location.hash || '#').substring(1);
  1712. var startThread, targetComment;
  1713. if (/^comment-form_/.test(hash)) {
  1714. startThread = hash.substring('comment-form_'.length);
  1715. } else if (/^c[0-9]+$/.test(hash)) {
  1716. targetComment = hash.substring(1);
  1717. }
  1718.  
  1719. // Configure commenting API:
  1720. var configJso = {
  1721. 'maxDepth': config.maxThreadDepth
  1722. };
  1723. var provider = {
  1724. 'id': config.postId,
  1725. 'data': items,
  1726. 'loadNext': paginator,
  1727. 'hasMore': hasMore,
  1728. 'getMeta': getMeta,
  1729. 'onReply': onReply,
  1730. 'rendered': true,
  1731. 'initComment': targetComment,
  1732. 'initReplyThread': startThread,
  1733. 'config': configJso,
  1734. 'messages': msgs
  1735. };
  1736.  
  1737. var render = function() {
  1738. if (window.goog && window.goog.comments) {
  1739. var holder = document.getElementById('comment-holder');
  1740. window.goog.comments.render(holder, provider);
  1741. }
  1742. };
  1743.  
  1744. // render now, or queue to render when library loads:
  1745. if (window.goog && window.goog.comments) {
  1746. render();
  1747. } else {
  1748. window.goog = window.goog || {};
  1749. window.goog.comments = window.goog.comments || {};
  1750. window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
  1751. window.goog.comments.loadQueue.push(render);
  1752. }
  1753. })();
  1754. // ]]>
  1755. </script>
  1756. </b:includable>
  1757. <b:includable id='threaded_comments' var='post'>
  1758. <div class='comments' id='comments'>
  1759. <a name='comments'/>
  1760. <h4><data:post.commentLabelFull/>:</h4>
  1761.  
  1762. <div class='comments-content'>
  1763. <b:if cond='data:post.embedCommentForm'>
  1764. <b:include data='post' name='threaded_comment_js'/>
  1765. </b:if>
  1766. <div id='comment-holder'>
  1767. <data:post.commentHtml/>
  1768. </div>
  1769. </div>
  1770.  
  1771. <p class='comment-footer'>
  1772. <b:if cond='data:post.allowNewComments'>
  1773. <b:include data='post' name='threaded-comment-form'/>
  1774. <b:else/>
  1775. <data:post.noNewCommentsText/>
  1776. </b:if>
  1777. </p>
  1778.  
  1779. <b:if cond='data:showCmtPopup'>
  1780. <div id='comment-popup'>
  1781. <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  1782. </iframe>
  1783. </div>
  1784. </b:if>
  1785.  
  1786. <div id='backlinks-container'>
  1787. <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  1788. <b:if cond='data:post.showBacklinks'>
  1789. <b:include data='post' name='backlinks'/>
  1790. </b:if>
  1791. </div>
  1792. </div>
  1793. </div>
  1794. </b:includable>
  1795. </b:widget>
  1796. </b:section>
  1797. </div>
  1798. </div>
  1799.  
  1800. <div class='column-left-outer'>
  1801. <div class='column-left-inner'>
  1802. <aside>
  1803. <macro:include id='main-column-left-sections' name='sections'>
  1804. <macro:param default='0' name='num' value='0'/>
  1805. <macro:param default='sidebar-left' name='idPrefix'/>
  1806. <macro:param default='sidebar' name='class'/>
  1807. <macro:param default='true' name='includeBottom'/>
  1808. </macro:include>
  1809. </aside>
  1810. </div>
  1811. </div>
  1812.  
  1813. <div class='column-right-outer'>
  1814. <div class='column-right-inner'>
  1815. <aside>
  1816. <macro:include id='main-column-right-sections' name='sections'>
  1817. <macro:param default='2' name='num' value='1'/>
  1818. <macro:param default='sidebar-right' name='idPrefix'/>
  1819. <macro:param default='sidebar' name='class'/>
  1820. <macro:param default='true' name='includeBottom'/>
  1821. </macro:include>
  1822. </aside>
  1823. </div>
  1824. </div>
  1825.  
  1826. </div>
  1827.  
  1828. <div style='clear: both'/>
  1829. <!-- columns -->
  1830. </div>
  1831.  
  1832. <!-- main -->
  1833. </div>
  1834. </div>
  1835. <div class='main-cap-bottom cap-bottom'>
  1836. <div class='cap-left'/>
  1837. <div class='cap-right'/>
  1838. </div>
  1839. </div>
  1840.  
  1841. <footer>
  1842. <div class='footer-outer'>
  1843. <div class='footer-cap-top cap-top'>
  1844. <div class='cap-left'/>
  1845. <div class='cap-right'/>
  1846. </div>
  1847. <div class='fauxborder-left footer-fauxborder-left'>
  1848. <div class='fauxborder-right footer-fauxborder-right'/>
  1849. <div class='region-inner footer-inner'>
  1850. <macro:include id='footer-sections' name='sections'>
  1851. <macro:param default='2' name='num'/>
  1852. <macro:param default='footer' name='idPrefix'/>
  1853. <macro:param default='foot' name='class'/>
  1854. <macro:param default='false' name='includeBottom'/>
  1855. </macro:include>
  1856. <!-- outside of the include in order to lock Attribution widget -->
  1857.  
  1858. </div>
  1859. </div>
  1860. <div class='footer-cap-bottom cap-bottom'>
  1861. <div class='cap-left'/>
  1862. <div class='cap-right'/>
  1863. </div>
  1864. </div>
  1865. </footer>
  1866.  
  1867. <!-- content -->
  1868. </div>
  1869. </div>
  1870. <div class='content-cap-bottom cap-bottom'>
  1871. <div class='cap-left'/>
  1872. <div class='cap-right'/>
  1873. </div>
  1874. </div>
  1875. </div>
  1876.  
  1877. <script type='text/javascript'>
  1878. window.setTimeout(function() {
  1879. document.body.className = document.body.className.replace(&#39;loading&#39;, &#39;&#39;);
  1880. }, 10);
  1881. </script>
  1882.  
  1883. </body>
  1884.  
  1885. <macro:includable id='sections' var='col'>
  1886. <macro:if cond='data:col.num == 0'>
  1887. <macro:else/>
  1888. <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-1&quot;' preferred='yes' showaddelement='yes'/>
  1889.  
  1890. <macro:if cond='data:col.num &gt;= 2'>
  1891. <table border='0' cellpadding='0' cellspacing='0' mexpr:class='&quot;section-columns columns-&quot; + data:col.num'>
  1892. <tbody>
  1893. <tr>
  1894. <td class='first columns-cell'>
  1895. <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-1&quot;'/>
  1896. </td>
  1897.  
  1898. <td class='columns-cell'>
  1899. <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-2&quot;'/>
  1900. </td>
  1901.  
  1902. <macro:if cond='data:col.num &gt;= 3'>
  1903. <td class='columns-cell'>
  1904. <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-3&quot;'/>
  1905. </td>
  1906. </macro:if>
  1907.  
  1908. <macro:if cond='data:col.num &gt;= 4'>
  1909. <td class='columns-cell'>
  1910. <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-4&quot;'/>
  1911. </td>
  1912. </macro:if>
  1913. </tr>
  1914. </tbody>
  1915. </table>
  1916.  
  1917. <macro:if cond='data:col.includeBottom'>
  1918. <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-3&quot;' showaddelement='no'/>
  1919. </macro:if>
  1920. </macro:if>
  1921. </macro:if>
  1922. </macro:includable>
  1923.  
  1924. <b:section-contents id='sidebar-right-1'>
  1925. <b:widget id='HTML3' locked='false' title='The Paradise ~(ू•ᴗ•ू❁)' type='HTML'>
  1926. <b:includable id='main'>
  1927. <!-- only display title if it's non-empty -->
  1928. <b:if cond='data:title != &quot;&quot;'>
  1929. <h2 class='title'><data:title/></h2>
  1930. </b:if>
  1931. <div class='widget-content'>
  1932. <data:content/>
  1933. </div>
  1934.  
  1935. <b:include name='quickedit'/>
  1936. </b:includable>
  1937. </b:widget>
  1938. <b:widget id='HTML1' locked='false' title='The DeadLine ~(●´□`)♡' type='HTML'>
  1939. <b:includable id='main'>
  1940. <!-- only display title if it's non-empty -->
  1941. <b:if cond='data:title != &quot;&quot;'>
  1942. <h2 class='title'><data:title/></h2>
  1943. </b:if>
  1944. <div class='widget-content'>
  1945. <data:content/>
  1946. </div>
  1947.  
  1948. <b:include name='quickedit'/>
  1949. </b:includable>
  1950. </b:widget>
  1951. <b:widget id='HTML5' locked='false' title='Menu ~(◍•ᴗ•◍)❤' type='HTML'>
  1952. <b:includable id='main'>
  1953. <!-- only display title if it's non-empty -->
  1954. <b:if cond='data:title != &quot;&quot;'>
  1955. <h2 class='title'><data:title/></h2>
  1956. </b:if>
  1957. <div class='widget-content'>
  1958. <data:content/>
  1959. </div>
  1960.  
  1961. <b:include name='quickedit'/>
  1962. </b:includable>
  1963. </b:widget>
  1964. <b:widget id='HTML2' locked='false' title='Calling you ~♥(ˆ⌣ˆԅ)' type='HTML'>
  1965. <b:includable id='main'>
  1966. <!-- only display title if it's non-empty -->
  1967. <b:if cond='data:title != &quot;&quot;'>
  1968. <h2 class='title'><data:title/></h2>
  1969. </b:if>
  1970. <div class='widget-content'>
  1971. <data:content/>
  1972. </div>
  1973.  
  1974. <b:include name='quickedit'/>
  1975. </b:includable>
  1976. </b:widget>
  1977. </b:section-contents><b:section-contents id='footer-1'>
  1978. <b:widget id='HTML10' locked='false' title='' type='HTML'>
  1979. <b:includable id='main'>
  1980. <!-- only display title if it's non-empty -->
  1981. <b:if cond='data:title != &quot;&quot;'>
  1982. <h2 class='title'><data:title/></h2>
  1983. </b:if>
  1984. <div class='widget-content'>
  1985. <data:content/>
  1986. </div>
  1987.  
  1988. <b:include name='quickedit'/>
  1989. </b:includable>
  1990. </b:widget>
  1991. </b:section-contents><b:section-contents id='footer-2-1'/><b:section-contents id='footer-2-2'/></html>
Add Comment
Please, Sign In to add comment