Namish

Layout Estilo Tumblr

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