GiiuLeite

Layout 01 - Demons Critics

Oct 15th, 2014
270
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 77.79 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. Designer: Giulia Leite
  16. Flickr: https://www.flickr.com/photos/125947437@N06/
  17. ---------
  18. Código por: Daniel Andrade
  19. Adaptações de Código: Mariana Sousa
  20. 2014 - Todos os Direitos Reservados!
  21. ----------------------------------------------- */
  22. /* Content
  23. ----------------------------------------------- */
  24. body {
  25. font-family: Tahoma, Helvetica, san-serif;
  26. font-size: 13px;
  27. color: #000;
  28. background-image:url(http://2.bp.blogspot.com/-ooji2sh8ktg/VD7bWrVSVII/AAAAAAAAAa0/1BEL_XB030w/s1600/header.png);
  29. background-repeat: repeat-x;
  30. background-position:top;
  31. margin:0;
  32. }
  33. html {
  34. background: url(http://1.bp.blogspot.com/-7tlSK1sV3Ok/VD7aub2rPbI/AAAAAAAAAas/g3_RQDSxZHQ/s1600/bg.png) repeat-y;
  35. background-position:top;
  36. }
  37. html body .region-inner {
  38. min-width: 0;
  39. max-width: 100%;
  40. width: auto;
  41. }
  42. a:link {
  43. text-decoration:none;
  44. color: #faab63;
  45. }
  46. a:visited {
  47. text-decoration:none;
  48. color: #faab63;
  49. }
  50. a:hover {
  51. text-decoration:none;
  52. color: #fff;
  53. }
  54. .content-outer .content-cap-top {
  55. height: $(content.imageBorder.top.space);
  56. background: transparent $(content.imageBorder.top) repeat-x scroll top center;
  57. }
  58. .content-outer {
  59. margin: 0 auto;
  60. padding-top: $(content.margin);
  61. }
  62. .content-inner {
  63. background: $(content.background);
  64. background-position: left -$(content.imageBorder.top.space);
  65. background-color: $(content.background.color);
  66. padding: $(content.padding);
  67. }
  68. .main-inner .date-outer {
  69. margin-bottom: 2em;
  70. }
  71. /* Tabs
  72. ----------------------------------------------- */
  73. .tabs-inner {
  74. padding: 0;
  75. background: url() no-repeat;
  76. background-position:center;
  77. background-repeat: repeat;
  78. padding-top: 510px;
  79. }
  80. .tabs-inner .section {
  81. margin: 0;
  82. }
  83. .tabs-inner .widget ul {
  84. padding: 0;
  85. background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll top center;
  86. }
  87. .tabs-inner .widget li {
  88. border: none;
  89. }
  90. .tabs-inner .widget li a {
  91. display: inline-block;
  92. padding: 1em 1.5em;
  93. color: $(tabs.text.color);
  94. font: $(tabs.font);
  95. }
  96. .tabs-inner .widget li.selected a,
  97. .tabs-inner .widget li a:hover {
  98. position: relative;
  99. z-index: 1;
  100. background: $(tabs.selected.background.color) $(tabs.selected.background.gradient) repeat scroll top center;
  101. color: $(tabs.selected.text.color);
  102. }
  103. /* Columns
  104. ----------------------------------------------- */
  105. .main-outer {
  106. border-top: $(main.border.width) solid $(body.rule.color);
  107. }
  108.  
  109. .fauxcolumn-left-outer .fauxcolumn-inner {
  110. border-right: 1px solid $(body.rule.color);
  111. }
  112.  
  113. .fauxcolumn-right-outer .fauxcolumn-inner {
  114. border-left: 1px solid $(body.rule.color);
  115. }
  116.  
  117. /* Headings
  118. ----------------------------------------------- */
  119. h2 {
  120. font: Arial;
  121. color:#fff;
  122. text-shadow: 1px 1px #9dc6ba;
  123. }
  124. .sidebar h2
  125. {
  126. width: 300px;
  127. height: 100px;
  128. padding-top: 118px;
  129. background: url(http://1.bp.blogspot.com/-NhbHyXZMUJs/VD6OneqgDaI/AAAAAAAAAZc/lpIzh0_89F0/s1600/side1.png) no-repeat;
  130. font-family: 'Lavanderia', cursive;
  131. font-size: 40px;
  132. color:#fff;
  133. text-shadow: 2px 0px #a7a7a7;
  134. text-align: center;
  135. font-weight: normal;
  136. }
  137. .sidebar .widget
  138. {
  139. text-align: justify;
  140. padding-bottom:140px;
  141. background:url(http://3.bp.blogspot.com/-CftLu_JVEiQ/VD6MvfoOgOI/AAAAAAAAAY0/1AtedBXOen0/s1600/side3.png) bottom no-repeat;
  142. width: 300px;
  143. weight: 200px;
  144. }
  145. /* Widgets
  146. ----------------------------------------------- */
  147. .sidebar a {
  148. color: #fff;
  149. text-decoration:none;
  150. }
  151. .sidebar a:visited {
  152. color: #7b485a;
  153. text-decoration:none;
  154. }
  155. .sidebar a:hover {
  156. color: #fff;
  157. text-decoration:none;
  158. }
  159. .sidebar .widget {
  160. font: normal normal 11px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
  161. color: #fff;
  162. text-shadow: 1px 1px 0px #faab64;
  163. }
  164. .sidebar ul
  165. {
  166. list-style:none;
  167. margin:0;
  168. padding:0;
  169. }
  170. .sidebar li
  171. {
  172. padding:5px 0;
  173. }
  174. .sidebar .widget-content
  175. {
  176. background: url(http://3.bp.blogspot.com/-0gj8d1wYINo/VD6Mu8EOlhI/AAAAAAAAAYo/gXw8DCvbLVs/s1600/side2.png);
  177. margin: -10px 0px auto 0px;
  178. padding-top: 10px;
  179. padding-bottom: 3px;
  180. padding-left: 20px;
  181. padding-right: 15px;
  182. }
  183. .main .Blog
  184. {
  185. border-bottom-width:0;
  186. }
  187. /* Posts
  188. ----------------------------------------------- */
  189. .main-inner h2.date-header {
  190. height: 20px;
  191. padding-top: 0px;
  192. text-align: center;
  193. font-size: 12px;
  194. color: #fff;
  195. font-family: calibri;
  196. }
  197. h3.post-title {
  198. text-align: center;
  199. color: #fff;
  200. text-shadow: 1px 0px 0px #6c758e;
  201. height: 54px;
  202. font-size: 20px;
  203. font-family: 'bebas neue';
  204. font-weight: normal;
  205. background: url(http://4.bp.blogspot.com/-u5cwYoIo8H8/VD6MplSFBnI/AAAAAAAAAYQ/NXKKaO7_sp0/s1600/post1.png) no-repeat;
  206. padding-top: 160px;
  207. margin-top: 0px;
  208. }
  209. h3.post-title a {
  210. text-decoration: none;
  211. color: #fff;
  212. text-shadow: 1px 0px 0px #4a485a;
  213. }
  214. h3.post-title a:hover {
  215. text-decoration: none;
  216. color: #4a485a;
  217. text-shadow: 1px 0px 0px #fff;
  218. }
  219. .main-inner .column-center-outer {
  220. margin-top: -5px;
  221. _background-image: none;
  222. }
  223. .post-body {
  224. padding-top: 6px;
  225. padding-bottom: 10px;
  226. padding-left: 30px;
  227. padding-right: 30px;
  228. margin-top: -17px;;
  229. text-align: justify;
  230. line-height: 1.4;
  231. position: center;
  232. width: 510px;
  233. COLOR: #fff;
  234. text-shadow: 0px 1px 0px #4a485a;
  235. background: url(http://4.bp.blogspot.com/-k8-J9Vz9ixk/VD6MuQXufBI/AAAAAAAAAYY/AkpKnDb2Hfg/s1600/post2.png);
  236. }
  237. .post-header {
  238. margin: 0 0 1em;
  239. line-height: 1.6;
  240. }
  241. .post-footer {
  242. height: 240px;
  243. background: url(http://4.bp.blogspot.com/-brnqdxauU4I/VD6MuqxVqyI/AAAAAAAAAYc/ikNq1eADTTk/s1600/post3.png) no-repeat;
  244. margin-bottom:0px;
  245. text-transform:none;
  246. text-align: center;
  247. letter-spacing:.1em;
  248. font-family: Tahoma, Helvetica, san-serif; font-size: 11px;
  249. font-size: 12px;
  250. }
  251. margin: .5em 0;
  252. line-height: 1.6;
  253. }
  254. #blog-pager {
  255. font-size: 140%;
  256. }
  257. #comments {
  258. background: #transparent;
  259. padding-left: 13px;
  260. padding-right: 13px;
  261. padding-top: 13px;
  262. padding-bottom: 13px;
  263. }
  264. #comments .comment-author {
  265. padding-top: 1.5em;
  266. }
  267. #comments h4,
  268. #comments .comment-author a,
  269. #comments .comment-timestamp a {
  270. color: $(post.title.text.color);
  271. }
  272. #comments .comment-author:first-child {
  273. padding-top: 0;
  274. border-top: #d7d7d7;
  275. }
  276. .avatar-image-container {
  277. margin: .2em 0 0;
  278. }
  279. #comments .avatar-image-container img {
  280. border: 5px solid $(image.border.color);
  281. }
  282.  
  283. /* Comments
  284. ----------------------------------------------- */
  285. .comments .comments-content .icon.blog-author {
  286. background-repeat: no-repeat;
  287. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);
  288. }
  289.  
  290. .comments .comments-content .loadmore a {
  291. border-top: 1px solid $(widget.alternate.text.color);
  292. border-bottom: 1px solid $(widget.alternate.text.color);
  293. }
  294.  
  295. .comments .comment-thread.inline-thread {
  296. background-color: $(post.footer.background.color);
  297. }
  298.  
  299. .comments .continue {
  300. border-top: 2px solid $(widget.alternate.text.color);
  301. }
  302.  
  303. /* Accents
  304. ---------------------------------------------- */
  305. .section-columns td.columns-cell {
  306. border-$startSide: 1px solid $(body.rule.color);
  307. }
  308.  
  309. .blog-pager {
  310. background: $(paging.background);
  311. }
  312.  
  313. .blog-pager-older-link, .home-link,
  314. .blog-pager-newer-link {
  315. background-color: $(content.background.color);
  316. padding: 5px;
  317. }
  318.  
  319. .footer-outer {
  320. border-top: $(footer.bevel) dashed #bbbbbb;
  321. }
  322.  
  323. /* Mobile
  324. ----------------------------------------------- */
  325. body.mobile {
  326. background-size: $(mobile.background.size);
  327. }
  328.  
  329. .mobile .body-fauxcolumn-outer {
  330. background: $(mobile.background.overlay);
  331. }
  332.  
  333. .mobile .body-fauxcolumn-outer .cap-top {
  334. background-size: 100% auto;
  335. }
  336.  
  337. .mobile .content-outer {
  338. -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15);
  339. box-shadow: 0 0 3px rgba(0, 0, 0, .15);
  340. }
  341.  
  342. body.mobile .AdSense {
  343. margin: 0 -$(content.shadow.spread);
  344. }
  345.  
  346. .mobile .tabs-inner .widget ul {
  347. margin-left: 0;
  348. margin-right: 0;
  349. }
  350.  
  351. .mobile .post {
  352. margin: 0;
  353. }
  354.  
  355. .mobile .main-inner .column-center-inner .section {
  356. margin: 0;
  357. }
  358.  
  359. .mobile .date-header span {
  360. padding: 0.1em 10px;
  361. margin: 0 -10px;
  362. }
  363.  
  364. .mobile h3.post-title {
  365. margin: 0;
  366. }
  367.  
  368. .mobile .blog-pager {
  369. background: transparent none no-repeat scroll top center;
  370. }
  371.  
  372. .mobile .footer-outer {
  373. border-top: none;
  374. }
  375.  
  376. .mobile .main-inner, .mobile .footer-inner {
  377. background-color: $(content.background.color);
  378. }
  379.  
  380. .mobile-index-contents {
  381. color: $(body.text.color);
  382. }
  383.  
  384. .mobile-link-button {
  385. background-color: $(link.color);
  386. }
  387.  
  388. .mobile-link-button a:link, .mobile-link-button a:visited {
  389. color: $(mobile.button.color);
  390. }
  391.  
  392. .mobile .tabs-inner .section:first-child {
  393. border-top: none;
  394. }
  395.  
  396. .mobile .tabs-inner .PageList .widget-content {
  397. background-color: $(tabs.selected.background.color);
  398. color: $(tabs.selected.text.color);
  399. border-top: $(tabs.border.width) solid $(tabs.border.color);
  400. border-bottom: $(tabs.border.width) solid $(tabs.border.color);
  401. }
  402.  
  403. .mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
  404. border-$startSide: 1px solid $(tabs.border.color);
  405. }
  406. #navbar-iframe {
  407. height: 0px; visibility: transparent;
  408. display: transparent;
  409. }
  410. .post img{
  411. -moz-transition-property: background-position, border, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-moz-transition-duration: 1s;
  412. -webkit-transition-property: background-position, border, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-webkit-transition-duration: 0s;
  413. -o-transition-property: background-position, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-o-transition-duration: 1s;
  414. background: #3f485a;
  415. background-position: center;
  416. padding: 3px;
  417. border: 1px solid transparent;
  418. }
  419. .post img:hover {
  420. -moz-transition-property: background-position, border, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-moz-transition-duration: 1s;
  421. -webkit-transition-property: background-position, border, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-webkit-transition-duration: 0s;
  422. -o-transition-property: background-position, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-o-transition-duration: 1s;
  423. background: #b3485a;
  424. background-position: center;
  425. border: 1px solid transparent;
  426. }order: 1px solid transparent;
  427. }
  428. a img {
  429. -moz-transition-property: background-position, border, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-moz-transition-duration: 1s;
  430. -webkit-transition-property: background-position, border, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-webkit-transition-duration: 0s;
  431. -o-transition-property: background-position, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-o-transition-duration: 1s;
  432. background: #f9a050;
  433. background-position: center;
  434. padding: 3px;
  435. border: 1px solid transparent;
  436. }
  437. a:hover img {
  438. -moz-transition-property: background-position, border, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-moz-transition-duration: 1s;
  439. -webkit-transition-property: background-position, border, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-webkit-transition-duration: 0s;
  440. -o-transition-property: background-position, -webkit-box-shadow, -moz-box-shadow, box-shadow, color;-o-transition-duration: 1s;
  441. background: #e08637;
  442. background-position: center;
  443. border: 1px solid transparent;
  444. }
  445. .footer-wrapper {
  446. repeat: repeat-y;
  447. font-size: 30px;
  448. background-color: #transparent;
  449. border-top: 5px solid #transparent;
  450. padding-top: 50px;
  451. height: 100px;
  452. color: #e9bcc4;
  453. text-shadow: 0px 0px 10px #ddc0a5;
  454. text-align: center;
  455. font-family: 'redressed';
  456. }
  457. blockquote {
  458. background: #3f485a;
  459. padding:4px;
  460. overflow: hidden;
  461. border-radius:0px;
  462. color:#fff;
  463. border-top: 3px solid #fff;
  464. font-family:tahoma;
  465. font-size:11px;
  466. line-height:17px;
  467. transition-duration: 1s; /* transição */
  468. -moz-transition-duration: 1s; /* transição */
  469. -webkit-transition-duration: 1s; /* transição */
  470. }
  471. blockquote:hover {
  472. background: #b3485a;
  473. padding:4px;
  474. overflow: hidden;
  475. -moz-border-radius:20px 0;
  476. -webkit-border-radius:20px 0;
  477. border-radius:20px 0;
  478. color:#fff;
  479. border-top: 3px solid #fff;
  480. font-family:tahoma;
  481. font-size:11px;
  482. line-height:17px;
  483. }
  484.  
  485. .jump-link{
  486. background: url(http://4.bp.blogspot.com/-k8-J9Vz9ixk/VD6MuQXufBI/AAAAAAAAAYY/AkpKnDb2Hfg/s1600/post2.png) no-repeat;
  487. width: 563px;
  488. height: 17px;
  489. padding-left: 55px;
  490. padding-right: 0px;
  491. padding-bottom: 5px;
  492. padding-top: 6px;
  493. font-size: 12px;
  494. color: #fff;
  495. text-align: left;
  496. }
  497. #links {
  498. position:absolute;
  499. overflow:hidden;
  500. top: 30px;
  501. left: 410px;
  502. }
  503. #links a {
  504. margin-right: 50px;
  505. text-align: center;
  506. display:block;
  507. float:left;
  508. color:#fff;
  509. font-family: 'Alégre Sans';
  510. font-size: 20px;
  511. font-weight: normal;
  512. text-shadow:1px 1px 5px #faae68;
  513. }
  514. #links a:hover {
  515. margin-top: 3px;
  516. }
  517. .flash{
  518. position:absolute;
  519. top:145px;
  520. left:683px;
  521. }
  522. .flash{
  523. position:absolute;
  524. top:145px;
  525. left:683px;
  526. }
  527. .flash{
  528. position:absolute;
  529. top:300px;
  530. left:683px;
  531. }
  532. .flash{
  533. position:absolute;
  534. top:300px;
  535. left:683px;
  536. }
  537. .flash{
  538. position:absolute;
  539. top:145px;
  540. left:683px;
  541. }
  542. ::-moz-selection {
  543. background:#transparent; /*Cor do fundo*/
  544. color:#f5509e; /*Cor da fonte*/
  545. }
  546. ::selection {
  547. background:#transparent;/*Cor do fundo*/
  548. color:#faae68; /*Cor da fonte*/
  549. }
  550. 1
  551. img {-webkit-filter: saturate(100%) ;-webkit-transition-duration: .90s;}.post img:hover {-webkit-filter: saturate(50%) ;-webkit-transition-duration: .90s;}
  552.  
  553.  
  554.  
  555. @font-face { font-family: 'dolce'; src: url('http://static.tumblr.com/rwcju0q/LJCmxchhj/dolce_vita_light.ttf'); }
  556. @-webkit-keyframes bass {
  557. 0% {transform: rotate(0deg); -webkit-transform: rotate(0deg) ; -moz-transform: rotate(0deg) ; -o-transform: rotate(0deg); -ms-transform: rotate(0deg);}
  558. 25% {transform: rotate(20deg) ; -webkit-transform: rotate(60deg) ; -moz-transform: rotate(20deg) ; -o-transform: rotate(20deg); -ms-transform: rotate(20deg); }
  559. 50% {transform: rotate(-20deg) scale(1.5); -webkit-transform: rotate(-60deg) scale(1.5); -moz-transform: rotate(-20deg) scale(1.5); -o-transform: rotate(-20deg) scale(1.5); -ms-transform: rotate(-20deg) scale(1.5);}
  560. 75% {transform: rotate(20deg) ; -webkit-transform: rotate(60deg) ; -moz-transform: rotate(20deg) ; -o-transform: rotate(20deg) ; -ms-transform: rotate(20deg) ;}
  561. 100% {transform: rotate(0deg) ; -webkit-transform: rotate(0deg) ; -moz-transform: rotate(0deg) ; -o-transform: rotate(0deg) ; -ms-transform: rotate(0deg) ;}
  562. }
  563. .bass {-webkit-transition: .9s; border-radius: 5px; }
  564. .bass:hover {-webkit-animation: bass .9s alternate ease;}
  565. .post-body img {-webkit-transition-duration: .90s;}
  566. .post-body img:hover{-webkit-transition-duration: .90s;-webkit-filter: grayscale(100%);}#fecha {
  567. color: #dfa8a9; /*Edite a cor da data*/
  568. padding-top: 5px; /*Margem interna superior da data*/
  569. padding-right: 5px; /*Margem interna direira da data*/
  570. padding-left: 5px; /*Margem interna esquerda da data*/
  571. padding-bottom: 5px; /*Margem interna inferior da data*/
  572. margin-right: -50px; /*Margem externa direita */
  573. margin-left: -0px; /*Margem externa esquerda*/
  574. margin-top: 50px; /*Margem externa acima*/
  575. float:right;
  576. text-align:center;
  577. border: 1px none #; /*Coloque borda se quiser*/
  578. list-style:none;
  579. display: block;
  580. background: url('URL AQUI') no-repeat; /*Imagem de fundo*/
  581. height: 30px; /*Altura da imagem*/
  582. width: 30px; /*Largura da imagem*/
  583. }
  584. .fecha_dia {
  585. display:block;
  586. font-size:20px; /*Tamanho da fonte*/
  587. line-height:16px; /*Altura da Linha*/
  588. font-family:'Arial';
  589. letter-spacing:-1px
  590. }
  591. .fecha_mes {
  592. font-size:10px; /*Tamanho da fonte*/
  593. line-height:9px; /*Altura da Linha*/
  594. text-transform:uppercase;
  595. display:block;
  596. }
  597. .fecha_anio {
  598. font-size:9px; /*Tamanho da fonte*/
  599. line-height:8px; /*Altura da Linha*/
  600. display:block;
  601. }
  602. #recomendo {position:absolute; overflow:hidden; top:383px; left:960px;}
  603. ]]></b:skin>
  604. <b:template-skin>
  605. <b:variable default='960px' name='content.width' type='length' value='1000px'/>
  606. <b:variable default='0' name='main.column.left.width' type='length' value='350px'/>
  607. <b:variable default='410px' name='main.column.right.width' type='length' value='0px'/>
  608.  
  609. <![CDATA[
  610. body {
  611. min-width: $(content.width);
  612. }
  613.  
  614. .content-outer, .content-fauxcolumn-outer, .region-inner {
  615. min-width: $(content.width);
  616. max-width: $(content.width);
  617. _width: $(content.width);
  618. }
  619.  
  620. .main-inner .columns {
  621. padding-left: $(main.column.left.width);
  622. padding-right: $(main.column.right.width);
  623. }
  624.  
  625. .main-inner .fauxcolumn-center-outer {
  626. left: $(main.column.left.width);
  627. right: $(main.column.right.width);
  628. /* IE6 does not respect left and right together */
  629. _width: expression(this.parentNode.offsetWidth -
  630. parseInt("$(main.column.left.width)") -
  631. parseInt("$(main.column.right.width)") + 'px');
  632. }
  633.  
  634. .main-inner .fauxcolumn-left-outer {
  635. width: $(main.column.left.width);
  636. }
  637.  
  638. .main-inner .fauxcolumn-right-outer {
  639. width: $(main.column.right.width);
  640. }
  641.  
  642. .main-inner .column-left-outer {
  643. width: $(main.column.left.width);
  644. right: 100%;
  645. margin-left: -$(main.column.left.width);
  646. }
  647.  
  648. .main-inner .column-right-outer {
  649. width: $(main.column.right.width);
  650. margin-right: -$(main.column.right.width);
  651. }
  652.  
  653. #layout {
  654. min-width: 0;
  655. }
  656.  
  657. #layout .content-outer {
  658. min-width: 0;
  659. width: 800px;
  660. }
  661.  
  662. #layout .region-inner {
  663. min-width: 0;
  664. width: auto;
  665. }
  666.  
  667. ]]>
  668. </b:template-skin>
  669. </head>
  670. <script>
  671. function remplaza_fecha(d){
  672. var da = d.split(&#39; &#39;);
  673. dia = &quot;<div class='fecha_dia'>&quot;+da[0]+&quot;</div>&quot;;
  674. mes = &quot;<div class='fecha_mes'>&quot;+da[1].slice(0,3)+&quot;</div>&quot;;
  675. anio = &quot;<div class='fecha_anio'>&quot;+da[2]+&quot;</div>&quot;;
  676. document.write(dia+mes+anio);
  677. }
  678. </script>
  679.  
  680. <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
  681. <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
  682. <b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar'>
  683. <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
  684. function setAttributeOnload(object, attribute, val) {
  685. if(window.addEventListener) {
  686. window.addEventListener(&#39;load&#39;,
  687. function(){ object[attribute] = val; }, false);
  688. } else {
  689. window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
  690. }
  691. }
  692. &lt;/script&gt;
  693. &lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
  694. &lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
  695. &lt;script type=&quot;text/javascript&quot;&gt;
  696. gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {
  697. if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {
  698. gapi.iframes.getContext().openChild({
  699. url: &#39;https://www.blogger.com/navbar.g?targetBlogID\0757816796774004510904\46blogName\75TESTES+GIULIA+LEITE+%7C+HAD+%7C+1\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://testedagiu4.blogspot.com/search\46blogLocale\75pt_BR\46v\0752\46homepageUrl\75http://testedagiu4.blogspot.com/\46vt\758070632955279136769&#39;,
  700. where: document.getElementById(&quot;navbar-iframe-container&quot;),
  701. id: &quot;navbar-iframe&quot;
  702. });
  703. }
  704. });
  705. &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
  706. (function() {
  707. var script = document.createElement(&#39;script&#39;);
  708. script.type = &#39;text/javascript&#39;;
  709. script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
  710. var head = document.getElementsByTagName(&#39;head&#39;)[0];
  711. if (head) {
  712. head.appendChild(script);
  713. }})();
  714. &lt;/script&gt;
  715. </b:includable>
  716. </b:widget>
  717. </b:section>
  718.  
  719. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  720. <div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
  721. <meta expr:content='data:blog.title' itemprop='name'/>
  722. <b:if cond='data:blog.metaDescription'>
  723. <meta expr:content='data:blog.metaDescription' itemprop='description'/>
  724. </b:if>
  725. </div>
  726. </b:if>
  727.  
  728. <div class='body-fauxcolumns'>
  729. <div class='fauxcolumn-outer body-fauxcolumn-outer'>
  730. <div class='cap-top'>
  731. <div class='cap-left'/>
  732. <div class='cap-right'/>
  733. </div>
  734. <div class='fauxborder-left'>
  735. <div class='fsauxborder-right'/>
  736. <div class='fauxcolumn-inner'>
  737. </div>
  738. </div>
  739. <div class='cap-bottom'>
  740. <div class='cap-left'/>
  741. <div class='cap-right'/>
  742. </div>
  743. </div>
  744. </div>
  745.  
  746. <div class='content'>
  747. <div class='content-fauxcolumns'>
  748. <div class='fauxcolumn-outer content-fauxcolumn-outer'>
  749. <div class='cap-top'>
  750. <div class='cap-left'/>
  751. <div class='cap-right'/>
  752. </div>
  753. <div class='fauxborder-left'>
  754. <div class='fauxborder-right'/>
  755. <div class='fauxcolumn-inner'>
  756. </div>
  757. </div>
  758. <div class='cap-bottom'>
  759. <div class='cap-left'/>
  760. <div class='cap-right'/>
  761. </div>
  762. </div>
  763. </div>
  764.  
  765. <div class='content-outer'>
  766. <div class='content-cap-top cap-top'>
  767. <div class='cap-left'/>
  768. <div class='cap-right'/>
  769. </div>
  770. <div class='fauxborder-left content-fauxborder-left'>
  771. <div class='fauxborder-right content-fauxborder-right'/>
  772. <div class='content-inner'>
  773.  
  774. <header>
  775. <div class='header-outer'>
  776. <div class='header-cap-top cap-top'>
  777. <div class='cap-left'/>
  778. <div class='cap-right'/>
  779. </div>
  780. <div class='fauxborder-left header-fauxborder-left'>
  781. <div class='fauxborder-right header-fauxborder-right'/>
  782. <div class='region-inner header-inner'>
  783. <b:section class='header' id='header' maxwidgets='1' showaddelement='no'/>
  784. </div>
  785. </div>
  786. <div class='header-cap-bottom cap-bottom'>
  787. <div class='cap-left'/>
  788. <div class='cap-right'/>
  789. </div>
  790. </div>
  791.  
  792. <div id='navi2' style='position: absolute; overflow: visible; z-index: 10; text-align: left; width: -30px; height: 5px; top:290px; left:620px;'><!--Deine Links hier -->
  793. <object data='http://flash-mp3-player.net/medias/player_mp3_mini.swf' height='18' type='application/x-shockwave-flash' width='160'>
  794. <param name='movie' value='http://flash-mp3-player.net/medias/player_mp3_mini.swf'/>
  795. <param name='wmode' value='transparent'/>
  796. <param name='FlashVars' value='mp3=http://1j4.b.sscdn.co/1/b/4/d/henriqueejulianooficial-recaidas.mp3;autoplay=1'/>
  797. </object>
  798. </div>
  799. </header>
  800.  
  801. <div class='tabs-outer'>
  802. <div class='tabs-cap-top cap-top'>
  803. <div class='cap-left'/>
  804. <div class='cap-right'/>
  805. </div>
  806. <div class='fauxborder-left tabs-fauxborder-left'>
  807. <div class='fauxborder-right tabs-fauxborder-right'/>
  808. <div class='region-inner tabs-inner'>
  809. <b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'/>
  810. <b:section class='tabs' id='crosscol-overflow' showaddelement='no'/>
  811. </div>
  812. </div>
  813. <div class='tabs-cap-bottom cap-bottom'>
  814. <div class='cap-left'/>
  815. <div class='cap-right'/>
  816. </div>
  817. </div>
  818.  
  819. <div class='main-outer'>
  820. <div class='main-cap-top cap-top'>
  821. <div class='cap-left'/>
  822. <div class='cap-right'/>
  823. </div>
  824.  
  825. <div class='fauxborder-left main-fauxborder-left'>
  826. <div class='fauxborder-right main-fauxborder-right'/>
  827. <div class='region-inner main-inner'>
  828.  
  829. <div class='columns fauxcolumns'>
  830.  
  831. <div class='fauxcolumn-outer fauxcolumn-center-outer'>
  832. <div class='cap-top'>
  833. <div class='cap-left'/>
  834. <div class='cap-right'/>
  835. </div>
  836. <div class='fauxborder-left'>
  837. <div class='fauxborder-right'/>
  838. <div class='fauxcolumn-inner'>
  839. </div>
  840. </div>
  841. <div class='cap-bottom'>
  842. <div class='cap-left'/>
  843. <div class='cap-right'/>
  844. </div>
  845. </div>
  846.  
  847. <div class='fauxcolumn-outer fauxcolumn-left-outer'>
  848. <div class='cap-top'>
  849. <div class='cap-left'/>
  850. <div class='cap-right'/>
  851. </div>
  852. <div class='fauxborder-left'>
  853. <div class='fauxborder-right'/>
  854. <div class='fauxcolumn-inner'>
  855. </div>
  856. </div>
  857. <div class='cap-bottom'>
  858. <div class='cap-left'/>
  859. <div class='cap-right'/>
  860. </div>
  861. </div>
  862.  
  863. <div class='fauxcolumn-outer fauxcolumn-right-outer'>
  864. <div class='cap-top'>
  865. <div class='cap-left'/>
  866. <div class='cap-right'/>
  867. </div>
  868. <div class='fauxborder-left'>
  869. <div class='fauxborder-right'/>
  870. <div class='fauxcolumn-inner'>
  871. </div>
  872. </div>
  873. <div class='cap-bottom'>
  874. <div class='cap-left'/>
  875. <div class='cap-right'/>
  876. </div>
  877. </div>
  878.  
  879. <!-- corrects IE6 width calculation -->
  880. <div class='columns-inner'>
  881.  
  882. <div class='column-center-outer'>
  883. <div class='column-center-inner'>
  884. <b:section class='main' id='main' showaddelement='no'>
  885. <b:widget id='Blog1' locked='false' title='Postagens no blog' type='Blog'>
  886. <b:includable id='main' var='top'>
  887. <b:if cond='data:mobile == &quot;false&quot;'>
  888.  
  889. <!-- posts -->
  890. <div class='blog-posts hfeed'>
  891.  
  892. <b:include data='top' name='status-message'/>
  893.  
  894. <data:defaultAdStart/>
  895. <b:loop values='data:posts' var='post'>
  896. <b:if cond='data:post.isDateStart'>
  897. <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
  898. &lt;/div&gt;&lt;/div&gt;
  899. </b:if>
  900. </b:if>
  901. <b:if cond='data:post.isDateStart'>
  902. &lt;div class=&quot;date-outer&quot;&gt;
  903. </b:if>
  904. <b:if cond='data:post.dateHeader'>
  905. <div id='fecha'>
  906. <script>remplaza_fecha(&#39;<data:post.dateHeader/>&#39;);</script>
  907. </div>
  908. </b:if>
  909. <a expr:name='data:post.id'/>
  910. <b:if cond='data:post.isDateStart'>
  911. &lt;div class=&quot;date-posts&quot;&gt;
  912. </b:if>
  913. <div class='post-outer'>
  914. <b:include data='post' name='post'/>
  915. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  916. <b:include data='post' name='comment_picker'/>
  917. </b:if>
  918. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  919. <b:include data='post' name='comment_picker'/>
  920. </b:if>
  921. </div>
  922. <b:if cond='data:post.includeAd'>
  923. <b:if cond='data:post.isFirstPost'>
  924. <data:defaultAdEnd/>
  925. <b:else/>
  926. <data:adEnd/>
  927. </b:if>
  928. <div class='inline-ad'>
  929. <data:adCode/>
  930. </div>
  931. <data:adStart/>
  932. </b:if>
  933. </b:loop>
  934. <b:if cond='data:numPosts != 0'>
  935. &lt;/div&gt;&lt;/div&gt;
  936. </b:if>
  937. <data:adEnd/>
  938. </div>
  939.  
  940. <!-- navigation -->
  941. <b:include name='nextprev'/>
  942.  
  943. <!-- feed links -->
  944. <b:include name='feedLinks'/>
  945.  
  946. <b:if cond='data:top.showStars'>
  947. <script src='//www.google.com/jsapi' type='text/javascript'/>
  948. <script type='text/javascript'>
  949. google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
  950. function initialize() {
  951. google.annotations.setApplicationId(<data:top.blogspotReviews/>);
  952. google.annotations.createAll();
  953. google.annotations.fetch();
  954. }
  955. google.setOnLoadCallback(initialize);
  956. </script>
  957. </b:if>
  958.  
  959. <b:else/>
  960. <b:include name='mobile-main'/>
  961. </b:if>
  962.  
  963. <b:if cond='data:top.showDummy'>
  964. <data:top.dummyBootstrap/>
  965. </b:if>
  966.  
  967. </b:includable>
  968. <b:includable id='backlinkDeleteIcon' var='backlink'>
  969. <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
  970. <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
  971. <img src='//www.blogger.com/img/icon_delete13.gif'/>
  972. </a>
  973. </span>
  974. </b:includable>
  975. <b:includable id='backlinks' var='post'>
  976. <a name='links'/><h4><data:post.backlinksLabel/></h4>
  977. <b:if cond='data:post.numBacklinks != 0'>
  978. <dl class='comments-block' id='comments-block'>
  979. <b:loop values='data:post.backlinks' var='backlink'>
  980. <div class='collapsed-backlink backlink-control'>
  981. <dt class='comment-title'>
  982. <span class='backlink-toggle-zippy'>&#160;</span>
  983. <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
  984. <b:include data='backlink' name='backlinkDeleteIcon'/>
  985. </dt>
  986. <dd class='comment-body collapseable'>
  987. <data:backlink.snippet/>
  988. </dd>
  989. <dd class='comment-footer collapseable'>
  990. <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
  991. <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
  992. </dd>
  993. </div>
  994. </b:loop>
  995. </dl>
  996. </b:if>
  997. <p class='comment-footer'>
  998. <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>
  999. </p>
  1000. </b:includable>
  1001. <b:includable id='comment-form' var='post'>
  1002. <div class='comment-form'>
  1003. <a name='comment-form'/>
  1004. <b:if cond='data:mobile'>
  1005. <h4 id='comment-post-message'>
  1006. <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
  1007. <p><data:blogCommentMessage/></p>
  1008. <data:blogTeamBlogMessage/>
  1009. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1010. <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%'/>
  1011. <b:else/>
  1012. <h4 id='comment-post-message'><data:postCommentMsg/></h4>
  1013. <p><data:blogCommentMessage/></p>
  1014. <data:blogTeamBlogMessage/>
  1015. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1016. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  1017. </b:if>
  1018. <data:post.friendConnectJs/>
  1019. <data:post.cmtfpIframe/>
  1020. <script type='text/javascript'>
  1021. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  1022. </script>
  1023. </div>
  1024. </b:includable>
  1025. <b:includable id='commentDeleteIcon' var='comment'>
  1026. <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
  1027. <b:if cond='data:showCmtPopup'>
  1028. <div class='goog-toggle-button'>
  1029. <div class='goog-inline-block comment-action-icon'/>
  1030. </div>
  1031. <b:else/>
  1032. <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
  1033. <img src='//www.blogger.com/img/icon_delete13.gif'/>
  1034. </a>
  1035. </b:if>
  1036. </span>
  1037. </b:includable>
  1038. <b:includable id='comment_count_picker' var='post'>
  1039. <b:if cond='data:post.commentSource == 1'>
  1040. <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'>
  1041. </span>
  1042. <b:else/>
  1043. <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  1044. <data:post.commentLabelFull/>:
  1045. </a>
  1046. </b:if>
  1047. </b:includable>
  1048. <b:includable id='comment_picker' var='post'>
  1049. <b:if cond='data:post.commentSource == 1'>
  1050. <b:include data='post' name='iframe_comments'/>
  1051. <b:else/>
  1052. <b:if cond='data:post.showThreadedComments'>
  1053. <b:include data='post' name='threaded_comments'/>
  1054. <b:else/>
  1055. <b:include data='post' name='comments'/>
  1056. </b:if>
  1057. </b:if>
  1058. </b:includable>
  1059. <b:includable id='comments' var='post'>
  1060. <div class='comments' id='comments'>
  1061. <a name='comments'/>
  1062. <b:if cond='data:post.allowComments'>
  1063. <h4><data:post.commentLabelFull/>:</h4>
  1064.  
  1065. <b:if cond='data:post.commentPagingRequired'>
  1066. <span class='paging-control-container'>
  1067. <b:if cond='data:post.hasOlderLinks'>
  1068. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
  1069. &#160;
  1070. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
  1071. &#160;
  1072. </b:if>
  1073.  
  1074. <data:post.commentRangeText/>
  1075.  
  1076. <b:if cond='data:post.hasNewerLinks'>
  1077. &#160;
  1078. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
  1079. &#160;
  1080. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
  1081. </b:if>
  1082. </span>
  1083. </b:if>
  1084.  
  1085. <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
  1086. <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
  1087. <b:loop values='data:post.comments' var='comment'>
  1088. <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
  1089. <b:if cond='data:comment.favicon'>
  1090. <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
  1091. </b:if>
  1092. <a expr:name='data:comment.anchorName'/>
  1093. <b:if cond='data:blog.enabledCommentProfileImages'>
  1094. <data:comment.authorAvatarImage/>
  1095. </b:if>
  1096. <b:if cond='data:comment.authorUrl'>
  1097. <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
  1098. <b:else/>
  1099. <data:comment.author/>
  1100. </b:if>
  1101. <data:commentPostedByMsg/>
  1102. </dt>
  1103. <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
  1104. <b:if cond='data:comment.isDeleted'>
  1105. <span class='deleted-comment'><data:comment.body/></span>
  1106. <b:else/>
  1107. <p>
  1108. <data:comment.body/>
  1109. </p>
  1110. </b:if>
  1111. </dd>
  1112. <dd class='comment-footer'>
  1113. <span class='comment-timestamp'>
  1114. <a expr:href='data:comment.url' title='comment permalink'>
  1115. <data:comment.timestamp/>
  1116. </a>
  1117. <b:include data='comment' name='commentDeleteIcon'/>
  1118. </span>
  1119. </dd>
  1120. </b:loop>
  1121. </dl>
  1122. </div>
  1123.  
  1124. <b:if cond='data:post.commentPagingRequired'>
  1125. <span class='paging-control-container'>
  1126. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
  1127. <data:post.oldestLinkText/>
  1128. </a>
  1129. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
  1130. <data:post.olderLinkText/>
  1131. </a>
  1132. &#160;
  1133. <data:post.commentRangeText/>
  1134. &#160;
  1135. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
  1136. <data:post.newerLinkText/>
  1137. </a>
  1138. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
  1139. <data:post.newestLinkText/>
  1140. </a>
  1141. </span>
  1142. </b:if>
  1143.  
  1144. <p class='comment-footer'>
  1145. <b:if cond='data:post.embedCommentForm'>
  1146. <b:if cond='data:post.allowNewComments'>
  1147. <b:include data='post' name='comment-form'/>
  1148. <b:else/>
  1149. <data:post.noNewCommentsText/>
  1150. </b:if>
  1151. <b:else/>
  1152. <b:if cond='data:post.allowComments'>
  1153. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  1154. </b:if>
  1155. </b:if>
  1156.  
  1157. </p>
  1158. </b:if>
  1159. <b:if cond='data:showCmtPopup'>
  1160. <div id='comment-popup'>
  1161. <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  1162. </iframe>
  1163. </div>
  1164. </b:if>
  1165.  
  1166. <div id='backlinks-container'>
  1167. <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  1168. <b:if cond='data:post.showBacklinks'>
  1169. <b:include data='post' name='backlinks'/>
  1170. </b:if>
  1171. </div>
  1172. </div>
  1173. </div>
  1174. </b:includable>
  1175. <b:includable id='feedLinks'>
  1176. <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
  1177. <b:if cond='data:feedLinks'>
  1178. <div class='blog-feeds'>
  1179. <b:include data='feedLinks' name='feedLinksBody'/>
  1180. </div>
  1181. </b:if>
  1182.  
  1183. <b:else/> <!--Post feed links -->
  1184. <div class='post-feeds'>
  1185. <b:loop values='data:posts' var='post'>
  1186. <b:if cond='data:post.allowComments'>
  1187. <b:if cond='data:post.feedLinks'>
  1188. <b:include data='post.feedLinks' name='feedLinksBody'/>
  1189. </b:if>
  1190. </b:if>
  1191. </b:loop>
  1192. </div>
  1193. </b:if>
  1194. </b:includable>
  1195. <b:includable id='feedLinksBody' var='links'>
  1196. <div class='feed-links'>
  1197. <data:feedLinksMsg/>
  1198. <b:loop values='data:links' var='f'>
  1199. <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  1200. </b:loop>
  1201. </div>
  1202. </b:includable>
  1203. <b:includable id='iframe_comments' var='post'>
  1204.  
  1205. <b:if cond='data:post.allowIframeComments'>
  1206. <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
  1207. <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
  1208.  
  1209. <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
  1210. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  1211. </b:if>
  1212. </b:if>
  1213. </b:includable>
  1214. <b:includable id='mobile-index-post' var='post'>
  1215. <div class='mobile-date-outer date-outer'>
  1216. <b:if cond='data:post.dateHeader'>
  1217. <div class='date-header'>
  1218. <span><data:post.dateHeader/></span>
  1219. </div>
  1220. </b:if>
  1221.  
  1222. <div class='mobile-post-outer'>
  1223. <a expr:href='data:post.url'>
  1224. <h3 class='mobile-index-title entry-title' itemprop='name'>
  1225. <data:post.title/>
  1226. </h3>
  1227.  
  1228. <div class='mobile-index-arrow'>&amp;rsaquo;</div>
  1229.  
  1230. <div class='mobile-index-contents'>
  1231. <b:if cond='data:post.thumbnailUrl'>
  1232. <div class='mobile-index-thumbnail'>
  1233. <div class='Image'>
  1234. <img expr:src='data:post.thumbnailUrl'/>
  1235. </div>
  1236. </div>
  1237. </b:if>
  1238.  
  1239. <div class='post-body'>
  1240. <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
  1241. </div>
  1242. </div>
  1243.  
  1244. <div style='clear: both;'/>
  1245. </a>
  1246.  
  1247. <div class='mobile-index-comment'>
  1248. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1249. <b:if cond='data:post.allowComments'>
  1250. <b:if cond='data:post.numComments != 0'>
  1251. <b:include data='post' name='comment_count_picker'/>
  1252. </b:if>
  1253. </b:if>
  1254. </b:if>
  1255. </div>
  1256. </div>
  1257. </div>
  1258. </b:includable>
  1259. <b:includable id='mobile-main' var='top'>
  1260. <!-- posts -->
  1261. <div class='blog-posts hfeed'>
  1262.  
  1263. <b:include data='top' name='status-message'/>
  1264.  
  1265. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  1266. <b:loop values='data:posts' var='post'>
  1267. <b:include data='post' name='mobile-index-post'/>
  1268. </b:loop>
  1269. <b:else/>
  1270. <b:loop values='data:posts' var='post'>
  1271. <b:include data='post' name='mobile-post'/>
  1272. </b:loop>
  1273. </b:if>
  1274. </div>
  1275.  
  1276. <b:include name='mobile-nextprev'/>
  1277. </b:includable>
  1278. <b:includable id='mobile-nextprev'>
  1279. <div class='blog-pager' id='blog-pager'>
  1280. <b:if cond='data:newerPageUrl'>
  1281. <div class='mobile-link-button' id='blog-pager-newer-link'>
  1282. <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>
  1283. </div>
  1284. </b:if>
  1285.  
  1286. <b:if cond='data:olderPageUrl'>
  1287. <div class='mobile-link-button' id='blog-pager-older-link'>
  1288. <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>
  1289. </div>
  1290. </b:if>
  1291.  
  1292. <div class='mobile-link-button' id='blog-pager-home-link'>
  1293. <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  1294. </div>
  1295.  
  1296. <div class='mobile-desktop-link'>
  1297. <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
  1298. </div>
  1299.  
  1300. </div>
  1301. <div class='clear'/>
  1302. </b:includable>
  1303. <b:includable id='mobile-post' var='post'>
  1304. <div class='date-outer'>
  1305. <b:if cond='data:post.dateHeader'>
  1306. <div id='fecha'>
  1307. <script>remplaza_fecha(&#39;<data:post.dateHeader/>&#39;);</script>
  1308. </div>
  1309. </b:if>
  1310. <div class='date-posts'>
  1311. <div class='post-outer'>
  1312.  
  1313. <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  1314. <b:if cond='data:post.thumbnailUrl'>
  1315. <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
  1316. </b:if>
  1317. <meta expr:content='data:blog.blogId' itemprop='blogId'/>
  1318. <meta expr:content='data:post.id' itemprop='postId'/>
  1319.  
  1320. <a expr:name='data:post.id'/>
  1321. <b:if cond='data:post.title'>
  1322. <h3 class='post-title entry-title' itemprop='name'>
  1323. <b:if cond='data:post.link'>
  1324. <a expr:href='data:post.link'><data:post.title/></a>
  1325. <b:else/>
  1326. <b:if cond='data:post.url'>
  1327. <b:if cond='data:blog.url != data:post.url'>
  1328. <a expr:href='data:post.url'><data:post.title/></a>
  1329. <b:else/>
  1330. <data:post.title/>
  1331. </b:if>
  1332. <b:else/>
  1333. <data:post.title/>
  1334. </b:if>
  1335. </b:if>
  1336. </h3>
  1337. </b:if>
  1338.  
  1339. <div class='post-header'>
  1340. <div class='post-header-line-1'/>
  1341. </div>
  1342.  
  1343. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  1344. <data:post.body/>
  1345. <div style='clear: both;'/> <!-- clear for photos floats -->
  1346. </div>
  1347.  
  1348. <div class='post-footer'>
  1349. <div class='post-footer-line post-footer-line-1'>
  1350. <span class='post-author vcard'>
  1351. <b:if cond='data:top.showAuthor'>
  1352. <b:if cond='data:post.authorProfileUrl'>
  1353. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1354. <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  1355. <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  1356. <span itemprop='name'><data:post.author/></span>
  1357. </a>
  1358. </span>
  1359. <b:else/>
  1360. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1361. <span itemprop='name'><data:post.author/></span>
  1362. </span>
  1363. </b:if>
  1364. </b:if>
  1365. </span>
  1366.  
  1367. <span class='post-timestamp'>
  1368. <b:if cond='data:top.showTimestamp'>
  1369. <data:top.timestampLabel/>
  1370. <b:if cond='data:post.url'>
  1371. <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
  1372. <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>
  1373. </b:if>
  1374. </b:if>
  1375. </span>
  1376.  
  1377. <span class='post-comment-link'>
  1378. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1379. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1380. <b:if cond='data:post.allowComments'>
  1381. <b:include data='post' name='comment_count_picker'/>
  1382. </b:if>
  1383. </b:if>
  1384. </b:if>
  1385. </span>
  1386. </div>
  1387.  
  1388. <div class='post-footer-line post-footer-line-2'>
  1389. <b:if cond='data:top.showMobileShare'>
  1390. <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
  1391. <a href='javascript:void(0);'><data:shareMsg/></a>
  1392. </div>
  1393. </b:if>
  1394. <b:if cond='data:top.showDummy'>
  1395. <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
  1396. </b:if>
  1397. </div>
  1398.  
  1399. </div>
  1400. </div>
  1401.  
  1402. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1403. <b:include data='post' name='comment_picker'/>
  1404. </b:if>
  1405. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1406. <b:include data='post' name='comment_picker'/>
  1407. </b:if>
  1408. </div>
  1409. </div>
  1410. </div>
  1411. </b:includable>
  1412. <b:includable id='nextprev'>
  1413. <div class='blog-pager' id='blog-pager'>
  1414. <b:if cond='data:newerPageUrl'>
  1415. <span id='blog-pager-newer-link'>
  1416. <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>
  1417. </span>
  1418. </b:if>
  1419.  
  1420. <b:if cond='data:olderPageUrl'>
  1421. <span id='blog-pager-older-link'>
  1422. <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>
  1423. </span>
  1424. </b:if>
  1425.  
  1426. <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  1427.  
  1428. <b:if cond='data:mobileLinkUrl'>
  1429. <div class='blog-mobile-link'>
  1430. <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
  1431. </div>
  1432. </b:if>
  1433.  
  1434. </div>
  1435. <div class='clear'/>
  1436. </b:includable>
  1437. <b:includable id='post' var='post'>
  1438. <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  1439. <b:if cond='data:post.firstImageUrl'>
  1440. <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
  1441. </b:if>
  1442. <meta expr:content='data:blog.blogId' itemprop='blogId'/>
  1443. <meta expr:content='data:post.id' itemprop='postId'/>
  1444.  
  1445. <a expr:name='data:post.id'/>
  1446. <b:if cond='data:post.title'>
  1447. <h3 class='post-title entry-title' itemprop='name'>
  1448. <b:if cond='data:post.link'>
  1449. <a expr:href='data:post.link'><data:post.title/></a>
  1450. <b:else/>
  1451. <b:if cond='data:post.url'>
  1452. <b:if cond='data:blog.url != data:post.url'>
  1453. <a expr:href='data:post.url'><data:post.title/></a>
  1454. <b:else/>
  1455. <data:post.title/>
  1456. </b:if>
  1457. <b:else/>
  1458. <data:post.title/>
  1459. </b:if>
  1460. </b:if>
  1461. </h3>
  1462. </b:if>
  1463.  
  1464. <div class='post-header'>
  1465. <div class='post-header-line-1'/>
  1466. </div>
  1467.  
  1468. <b:if cond='data:blog.metaDescription == &quot;&quot;'>
  1469. <!-- Then use the post body as the schema.org description,
  1470. for good G+/FB snippeting. -->
  1471. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'>
  1472. <data:post.body/>
  1473. <div style='clear: both;'/> <!-- clear for photos floats -->
  1474. </div>
  1475. <b:else/>
  1476. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  1477. <data:post.body/>
  1478. <div style='clear: both;'/> <!-- clear for photos floats -->
  1479. </div>
  1480. </b:if>
  1481.  
  1482. <b:if cond='data:post.hasJumpLink'>
  1483. <div class='jump-link'>
  1484. <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
  1485. </div>
  1486. </b:if>
  1487.  
  1488. <div class='post-footer'>
  1489. <div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
  1490. <b:if cond='data:top.showAuthor'>
  1491. <data:top.authorLabel/>
  1492. <b:if cond='data:post.authorProfileUrl'>
  1493. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1494. <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  1495. <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  1496. <span itemprop='name'><data:post.author/></span>
  1497. </a>
  1498. </span>
  1499. <b:else/>
  1500. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1501. <span itemprop='name'><data:post.author/></span>
  1502. </span>
  1503. </b:if>
  1504. </b:if>
  1505. </span> <span class='post-timestamp'>
  1506. <b:if cond='data:top.showTimestamp'>
  1507. <data:top.timestampLabel/>
  1508. <b:if cond='data:post.url'>
  1509. <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
  1510. <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>
  1511. </b:if>
  1512. </b:if>
  1513. </span> <span class='post-comment-link'>
  1514. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1515. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1516. <b:if cond='data:post.allowComments'>
  1517. <b:include data='post' name='comment_count_picker'/>
  1518. </b:if>
  1519. </b:if>
  1520. </b:if>
  1521. </span> <span class='post-icons'>
  1522. <!-- email post links -->
  1523. <b:if cond='data:post.emailPostUrl'>
  1524. <span class='item-action'>
  1525. <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
  1526. <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
  1527. </a>
  1528. </span>
  1529. </b:if>
  1530.  
  1531. <!-- quickedit pencil -->
  1532. <b:include data='post' name='postQuickEdit'/>
  1533. </span> <div class='post-share-buttons goog-inline-block'>
  1534. <b:if cond='data:post.sharePostUrl'>
  1535. <b:include data='post' name='shareButtons'/>
  1536. </b:if>
  1537. </div> </div>
  1538.  
  1539. <div class='post-footer-line post-footer-line-2'><span class='post-labels'>
  1540. <b:if cond='data:post.labels'>
  1541. <data:postLabelsLabel/>
  1542. <b:loop values='data:post.labels' var='label'>
  1543. <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
  1544. </b:loop>
  1545. </b:if>
  1546. </span> </div>
  1547.  
  1548. <div class='post-footer-line post-footer-line-3'><span class='post-location'>
  1549. <b:if cond='data:top.showLocation'>
  1550. <b:if cond='data:post.location'>
  1551. <data:postLocationLabel/>
  1552. <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
  1553. </b:if>
  1554. </b:if>
  1555. </span> </div>
  1556. <b:if cond='data:post.authorAboutMe'>
  1557. <div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1558. <b:if cond='data:post.authorPhoto.url'>
  1559. <img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
  1560. </b:if>
  1561. <div>
  1562. <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
  1563. <span itemprop='name'><data:post.author/></span>
  1564. </a>
  1565. </div>
  1566. <span itemprop='description'><data:post.authorAboutMe/></span>
  1567. </div>
  1568. </b:if>
  1569. </div>
  1570. </div>
  1571. </b:includable>
  1572. <b:includable id='postQuickEdit' var='post'>
  1573. <b:if cond='data:post.editUrl'>
  1574. <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
  1575. <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
  1576. <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
  1577. </a>
  1578. </span>
  1579. </b:if>
  1580. </b:includable>
  1581. <b:includable id='shareButtons' var='post'>
  1582. <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.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
  1583. </b:includable>
  1584. <b:includable id='status-message'>
  1585. <b:if cond='data:navMessage'>
  1586. <div class='status-msg-wrap'>
  1587. <div class='status-msg-body'>
  1588. <data:navMessage/>
  1589. </div>
  1590. <div class='status-msg-border'>
  1591. <div class='status-msg-bg'>
  1592. <div class='status-msg-hidden'><data:navMessage/></div>
  1593. </div>
  1594. </div>
  1595. </div>
  1596. <div style='clear: both;'/>
  1597. </b:if>
  1598. </b:includable>
  1599. <b:includable id='threaded-comment-form' var='post'>
  1600. <div class='comment-form'>
  1601. <a name='comment-form'/>
  1602. <b:if cond='data:mobile'>
  1603. <p><data:blogCommentMessage/></p>
  1604. <data:blogTeamBlogMessage/>
  1605. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1606. <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%'/>
  1607. <b:else/>
  1608. <p><data:blogCommentMessage/></p>
  1609. <data:blogTeamBlogMessage/>
  1610. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1611. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  1612. </b:if>
  1613. <data:post.friendConnectJs/>
  1614. <data:post.cmtfpIframe/>
  1615. <script type='text/javascript'>
  1616. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  1617. </script>
  1618. </div>
  1619. </b:includable>
  1620. <b:includable id='threaded_comment_js' var='post'>
  1621. <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  1622.  
  1623. <script type='text/javascript'>
  1624. (function() {
  1625. var items = <data:post.commentJso/>;
  1626. var msgs = <data:post.commentMsgs/>;
  1627. var config = <data:post.commentConfig/>;
  1628.  
  1629. // <![CDATA[
  1630. var cursor = null;
  1631. if (items && items.length > 0) {
  1632. cursor = parseInt(items[items.length - 1].timestamp) + 1;
  1633. }
  1634.  
  1635. var bodyFromEntry = function(entry) {
  1636. if (entry.gd$extendedProperty) {
  1637. for (var k in entry.gd$extendedProperty) {
  1638. if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
  1639. return '<span class="deleted-comment">' + entry.content.$t + '</span>';
  1640. }
  1641. }
  1642. }
  1643. return entry.content.$t;
  1644. }
  1645.  
  1646. var parse = function(data) {
  1647. cursor = null;
  1648. var comments = [];
  1649. if (data && data.feed && data.feed.entry) {
  1650. for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
  1651. var comment = {};
  1652. // comment ID, parsed out of the original id format
  1653. var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
  1654. comment.id = id ? id[2] : null;
  1655. comment.body = bodyFromEntry(entry);
  1656. comment.timestamp = Date.parse(entry.published.$t) + '';
  1657. if (entry.author && entry.author.constructor === Array) {
  1658. var auth = entry.author[0];
  1659. if (auth) {
  1660. comment.author = {
  1661. name: (auth.name ? auth.name.$t : undefined),
  1662. profileUrl: (auth.uri ? auth.uri.$t : undefined),
  1663. avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
  1664. };
  1665. }
  1666. }
  1667. if (entry.link) {
  1668. if (entry.link[2]) {
  1669. comment.link = comment.permalink = entry.link[2].href;
  1670. }
  1671. if (entry.link[3]) {
  1672. var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
  1673. if (pid && pid[1]) {
  1674. comment.parentId = pid[1];
  1675. }
  1676. }
  1677. }
  1678. comment.deleteclass = 'item-control blog-admin';
  1679. if (entry.gd$extendedProperty) {
  1680. for (var k in entry.gd$extendedProperty) {
  1681. if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
  1682. comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
  1683. } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
  1684. comment.displayTime = entry.gd$extendedProperty[k].value;
  1685. }
  1686. }
  1687. }
  1688. comments.push(comment);
  1689. }
  1690. }
  1691. return comments;
  1692. };
  1693.  
  1694. var paginator = function(callback) {
  1695. if (hasMore()) {
  1696. var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
  1697. if (cursor) {
  1698. url += '&published-min=' + new Date(cursor).toISOString();
  1699. }
  1700. window.bloggercomments = function(data) {
  1701. var parsed = parse(data);
  1702. cursor = parsed.length < 50 ? null
  1703. : parseInt(parsed[parsed.length - 1].timestamp) + 1
  1704. callback(parsed);
  1705. window.bloggercomments = null;
  1706. }
  1707. url += '&callback=bloggercomments';
  1708. var script = document.createElement('script');
  1709. script.type = 'text/javascript';
  1710. script.src = url;
  1711. document.getElementsByTagName('head')[0].appendChild(script);
  1712. }
  1713. };
  1714. var hasMore = function() {
  1715. return !!cursor;
  1716. };
  1717. var getMeta = function(key, comment) {
  1718. if ('iswriter' == key) {
  1719. var matches = !!comment.author
  1720. && comment.author.name == config.authorName
  1721. && comment.author.profileUrl == config.authorUrl;
  1722. return matches ? 'true' : '';
  1723. } else if ('deletelink' == key) {
  1724. return config.baseUri + '/delete-comment.g?blogID='
  1725. + config.blogId + '&postID=' + comment.id;
  1726. } else if ('deleteclass' == key) {
  1727. return comment.deleteclass;
  1728. }
  1729. return '';
  1730. };
  1731.  
  1732. var replybox = null;
  1733. var replyUrlParts = null;
  1734. var replyParent = undefined;
  1735.  
  1736. var onReply = function(commentId, domId) {
  1737. if (replybox == null) {
  1738. // lazily cache replybox, and adjust to suit this style:
  1739. replybox = document.getElementById('comment-editor');
  1740. if (replybox != null) {
  1741. replybox.height = '250px';
  1742. replybox.style.display = 'block';
  1743. replyUrlParts = replybox.src.split('#');
  1744. }
  1745. }
  1746. if (replybox && (commentId !== replyParent)) {
  1747. document.getElementById(domId).insertBefore(replybox, null);
  1748. replybox.src = replyUrlParts[0]
  1749. + (commentId ? '&parentID=' + commentId : '')
  1750. + '#' + replyUrlParts[1];
  1751. replyParent = commentId;
  1752. }
  1753. };
  1754.  
  1755. var hash = (window.location.hash || '#').substring(1);
  1756. var startThread, targetComment;
  1757. if (/^comment-form_/.test(hash)) {
  1758. startThread = hash.substring('comment-form_'.length);
  1759. } else if (/^c[0-9]+$/.test(hash)) {
  1760. targetComment = hash.substring(1);
  1761. }
  1762.  
  1763. // Configure commenting API:
  1764. var configJso = {
  1765. 'maxDepth': config.maxThreadDepth
  1766. };
  1767. var provider = {
  1768. 'id': config.postId,
  1769. 'data': items,
  1770. 'loadNext': paginator,
  1771. 'hasMore': hasMore,
  1772. 'getMeta': getMeta,
  1773. 'onReply': onReply,
  1774. 'rendered': true,
  1775. 'initComment': targetComment,
  1776. 'initReplyThread': startThread,
  1777. 'config': configJso,
  1778. 'messages': msgs
  1779. };
  1780.  
  1781. var render = function() {
  1782. if (window.goog && window.goog.comments) {
  1783. var holder = document.getElementById('comment-holder');
  1784. window.goog.comments.render(holder, provider);
  1785. }
  1786. };
  1787.  
  1788. // render now, or queue to render when library loads:
  1789. if (window.goog && window.goog.comments) {
  1790. render();
  1791. } else {
  1792. window.goog = window.goog || {};
  1793. window.goog.comments = window.goog.comments || {};
  1794. window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
  1795. window.goog.comments.loadQueue.push(render);
  1796. }
  1797. })();
  1798. // ]]>
  1799. </script>
  1800. </b:includable>
  1801. <b:includable id='threaded_comments' var='post'>
  1802. <div class='comments' id='comments'>
  1803. <a name='comments'/>
  1804. <h4><data:post.commentLabelFull/>:</h4>
  1805.  
  1806. <div class='comments-content'>
  1807. <b:if cond='data:post.embedCommentForm'>
  1808. <b:include data='post' name='threaded_comment_js'/>
  1809. </b:if>
  1810. <div id='comment-holder'>
  1811. <data:post.commentHtml/>
  1812. </div>
  1813. </div>
  1814.  
  1815. <p class='comment-footer'>
  1816. <b:if cond='data:post.allowNewComments'>
  1817. <b:include data='post' name='threaded-comment-form'/>
  1818. <b:else/>
  1819. <data:post.noNewCommentsText/>
  1820. </b:if>
  1821. </p>
  1822.  
  1823. <b:if cond='data:showCmtPopup'>
  1824. <div id='comment-popup'>
  1825. <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  1826. </iframe>
  1827. </div>
  1828. </b:if>
  1829.  
  1830. <div id='backlinks-container'>
  1831. <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  1832. <b:if cond='data:post.showBacklinks'>
  1833. <b:include data='post' name='backlinks'/>
  1834. </b:if>
  1835. </div>
  1836. </div>
  1837. </div>
  1838. </b:includable>
  1839. </b:widget>
  1840. </b:section>
  1841. </div>
  1842. </div>
  1843.  
  1844. <div class='column-left-outer'>
  1845. <div class='column-left-inner'>
  1846. <aside>
  1847. <macro:include id='main-column-left-sections' name='sections'>
  1848. <macro:param default='0' name='num' value='1'/>
  1849. <macro:param default='sidebar-left' name='idPrefix'/>
  1850. <macro:param default='sidebar' name='class'/>
  1851. <macro:param default='true' name='includeBottom'/>
  1852. </macro:include>
  1853. </aside>
  1854. </div>
  1855. </div>
  1856.  
  1857. <div class='column-right-outer'>
  1858. <div class='column-right-inner'>
  1859. <aside>
  1860. <macro:include id='main-column-right-sections' name='sections'>
  1861. <macro:param default='2' name='num' value='0'/>
  1862. <macro:param default='sidebar-right' name='idPrefix'/>
  1863. <macro:param default='sidebar' name='class'/>
  1864. <macro:param default='true' name='includeBottom'/>
  1865. </macro:include>
  1866. </aside>
  1867. </div>
  1868. </div>
  1869.  
  1870. </div>
  1871.  
  1872. <div style='clear: both'/>
  1873. <!-- columns -->
  1874. </div>
  1875.  
  1876. <!-- main -->
  1877. </div>
  1878. </div>
  1879. <div class='main-cap-bottom cap-bottom'>
  1880. <div class='cap-left'/>
  1881. <div class='cap-right'/>
  1882. </div>
  1883. </div>
  1884.  
  1885. <footer>
  1886. <div class='footer-outer'>
  1887. <div class='footer-cap-top cap-top'>
  1888. <div class='cap-left'/>
  1889. <div class='cap-right'/>
  1890. </div>
  1891. <div class='fauxborder-left footer-fauxborder-left'>
  1892. <div class='fauxborder-right footer-fauxborder-right'/>
  1893. <div class='region-inner footer-inner'>
  1894. <macro:include id='footer-sections' name='sections'>
  1895. <macro:param default='2' name='num'/>
  1896. <macro:param default='footer' name='idPrefix'/>
  1897. <macro:param default='foot' name='class'/>
  1898. <macro:param default='false' name='includeBottom'/>
  1899. </macro:include>
  1900. <!-- outside of the include in order to lock Attribution widget -->
  1901. <b:section class='foot' id='footer-3' showaddelement='no'>
  1902. <b:widget id='Attribution1' locked='false' title='' type='Attribution'>
  1903. <b:includable id='main'>
  1904. <b:if cond='data:feedbackSurveyLink'>
  1905. <div class='mobile-survey-link' style='text-align: center;'>
  1906. <data:feedbackSurveyLink/>
  1907. </div>
  1908. </b:if>
  1909.  
  1910. <div class='widget-content' style='text-align: center;'>
  1911. <b:if cond='data:attribution != &quot;&quot;'>
  1912. <data:attribution/>
  1913. </b:if>
  1914. </div>
  1915.  
  1916. <b:include name='quickedit'/>
  1917. </b:includable>
  1918. </b:widget>
  1919. </b:section>
  1920. </div>
  1921. </div>
  1922. <div class='footer-cap-bottom cap-bottom'>
  1923. <div class='cap-left'/>
  1924. <div class='cap-right'/>
  1925. </div>
  1926. </div>
  1927. </footer>
  1928.  
  1929. <!-- content -->
  1930. </div>
  1931. </div>
  1932. <div class='content-cap-bottom cap-bottom'>
  1933. <div class='cap-left'/>
  1934. <div class='cap-right'/>
  1935. </div>
  1936. </div>
  1937. </div>
  1938.  
  1939. <center><script type='text/javascript'>
  1940. window.setTimeout(function() {
  1941. document.body.className = document.body.className.replace(&#39;loading&#39;, &#39;&#39;);
  1942. }, 10);
  1943. </script>
  1944. <div id='footer-wrapper'><img src='http://1.bp.blogspot.com/-x-W-KtfUR0s/VD6MpKasp8I/AAAAAAAAAYI/18BDLZwDNZs/s1600/logo.png'/><br/>&#169; 2014 Todos os Direitos Reservados - <a href='http://demonscritics.blogspot.com.br/'>Demons Critics</a><br/>
  1945. Design e Codificação: <a href='http://pretty-littledesign.blogspot.com.br/'> Giulia Leite </a> // Adaptações de Código:<a href='https://www.flickr.com/photos/124082547@N04/'> Mariana Sousa </a> // Codigo por:<a href='http://xtreemgraphics.blogspot.com.br/'> Daniel Andrade.</a></div></center>
  1946.  
  1947.  
  1948. <div style='position: absolute; margin-top: 50px; top: 30px; margin-left: 400px; width: 300px; height: 330px;'>
  1949. <embed height='400' src='http://static.tumblr.com/jl6jlph/34smc71ox/flash.swf' width='590' wmode='transparent'/></div>
  1950. <div style='position: absolute; margin-top: 50px; top: 30px; margin-left: 400px; width: 300px; height: 330px;'>
  1951. <embed height='400' src='http://static.tumblr.com/cxhc2fz/hlGmfa9yk/sin_t__tulo-1.swf' width='590' wmode='transparent'/></div>
  1952. <div style='position: absolute; margin-top: 50px; top: 30px; margin-left: 400px; width: 300px; height: 330px;'>
  1953. <embed height='400' src='http://fc03.deviantart.net/fs71/f/2013/152/0/6/flashdemilovatonline_by_loveforyourway-d67faq0.swf' width='590' wmode='transparent'/></div>
  1954. <div style='position: absolute; margin-top: 50px; top: 30px; margin-left: 400px; width: 300px; height: 330px;'>
  1955. <embed height='400' src='http://dl.dropboxusercontent.com/u/103470038/layoutswiftt.swf' width='590' wmode='transparent'/></div>
  1956.  
  1957. <div id='links'>
  1958. <a href='http://demonscritics.blogspot.com.br/'>Home</a>
  1959. <a href='http://demonscritics.blogspot.com.br/p/regras.html'>Regras</a>
  1960. <a href='http://demonscritics.blogspot.com.br/p/encomende.html'>Encomende</a>
  1961. <a href='http://demonscritics.blogspot.com.br/p/cronograma.html'>Cronograma</a>
  1962. <a href='http://demonscritics.blogspot.com.br/p/extras.html'>Extras</a>
  1963. </div>
  1964.  
  1965. <div id='recomendo'>
  1966. </div>
  1967.  
  1968. </body>
  1969.  
  1970. <macro:includable id='sections' var='col'>
  1971. <macro:if cond='data:col.num == 0'>
  1972. <macro:else/>
  1973. <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-1&quot;' preferred='yes' showaddelement='yes'/>
  1974.  
  1975. <macro:if cond='data:col.num &gt;= 2'>
  1976. <table border='0' cellpadding='0' cellspacing='0' mexpr:class='&quot;section-columns columns-&quot; + data:col.num'>
  1977. <tbody>
  1978. <tr>
  1979. <td class='first columns-cell'>
  1980. <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-1&quot;'/>
  1981. </td>
  1982.  
  1983. <td class='columns-cell'>
  1984. <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-2&quot;'/>
  1985. </td>
  1986.  
  1987. <macro:if cond='data:col.num &gt;= 3'>
  1988. <td class='columns-cell'>
  1989. <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-3&quot;'/>
  1990. </td>
  1991. </macro:if>
  1992.  
  1993. <macro:if cond='data:col.num &gt;= 4'>
  1994. <td class='columns-cell'>
  1995. <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-4&quot;'/>
  1996. </td>
  1997. </macro:if>
  1998. </tr>
  1999. </tbody>
  2000. </table>
  2001.  
  2002. <macro:if cond='data:col.includeBottom'>
  2003. <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-3&quot;' showaddelement='no'/>
  2004. </macro:if>
  2005. </macro:if>
  2006. </macro:if>
  2007. </macro:includable>
  2008.  
  2009. <b:section-contents id='sidebar-left-1'>
  2010. <b:widget id='HTML5' locked='false' title='Status' type='HTML'>
  2011. <b:includable id='main'>
  2012. <!-- only display title if it's non-empty -->
  2013. <b:if cond='data:title != &quot;&quot;'>
  2014. <h2 class='title'><data:title/></h2>
  2015. </b:if>
  2016. <div class='widget-content'>
  2017. <data:content/>
  2018. </div>
  2019.  
  2020. <b:include name='quickedit'/>
  2021. </b:includable>
  2022. </b:widget>
  2023. <b:widget id='HTML3' locked='false' title='Cbox' type='HTML'>
  2024. <b:includable id='main'>
  2025. <!-- only display title if it's non-empty -->
  2026. <b:if cond='data:title != &quot;&quot;'>
  2027. <h2 class='title'><data:title/></h2>
  2028. </b:if>
  2029. <div class='widget-content'>
  2030. <data:content/>
  2031. </div>
  2032.  
  2033. <b:include name='quickedit'/>
  2034. </b:includable>
  2035. </b:widget>
  2036. <b:widget id='Followers1' locked='false' title='Lawrencers' type='Followers'>
  2037. <b:includable id='main'>
  2038. <b:if cond='data:title != &quot;&quot;'>
  2039. <b:if cond='data:codeSnippet != &quot;&quot;'>
  2040. <h2 class='title'><data:title/></h2>
  2041. <b:else/>
  2042. <b:if cond='data:totalFollowerCount != &quot;&quot;'>
  2043. <h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2>
  2044. </b:if>
  2045. </b:if>
  2046. </b:if>
  2047. <div class='widget-content'>
  2048. <div expr:id='data:widget.instanceId + &quot;-wrapper&quot;'>
  2049. <b:if cond='data:codeSnippet != &quot;&quot;'>
  2050. <div style='margin-right:2px;'>
  2051. <data:codeSnippet/>
  2052. </div>
  2053. <b:else/>
  2054. <b:if cond='data:totalFollowerCount == &quot;&quot;'>
  2055. <span class='item-control following-not-admin'>
  2056. <b><data:failureSnippet/></b>
  2057. </span>
  2058. <span class='item-control blog-admin'>
  2059. <b><data:adminFailureSnippet/></b>
  2060. </span>
  2061. <b:else/>
  2062. <b:if cond='data:followingLinkPresent'>
  2063. <div class='follow-this profile-link item-control following-follow-this'>
  2064. <a expr:href='&quot;javascript:_FollowersView._openPopup(\&quot;&quot; + data:followUri + &quot;\&quot;);&quot;'>
  2065. <data:followThisMessage/>
  2066. </a>
  2067. </div>
  2068. <div class='follow-this profile-link item-control following-stop-following-this'>
  2069. <a expr:href='&quot;javascript:_FollowersView._openPopup(\&quot;&quot; + data:followUri + &quot;\&quot;);&quot;'>
  2070. <data:stopFollowingMessage/>
  2071. </a>
  2072. </div>
  2073. </b:if>
  2074.  
  2075. <div class='followers-grid'>
  2076. <b:if cond='data:totalFollowerCount == 0'>
  2077. <div class='profile-link item-control following-follow-this'>
  2078. <data:emptyFollowersMessage/>
  2079. </div>
  2080. </b:if>
  2081. <!--
  2082. Relies on the js written out in navbar.gxp
  2083. -->
  2084. <b:loop values='data:followers' var='follower'>
  2085. <div class='follower'>
  2086. <a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'>
  2087. <img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight' expr:onerror='&quot;this.onerror=null;this.src=\&quot;&quot; + data:anonFollowerImageUrl + &quot;\&quot;;&quot;' expr:onload='&quot;setAttributeOnload(this, \&quot;src\&quot;, \&quot;&quot; + data:follower.imageUrl + &quot;\&quot;)&quot;' expr:width='data:follower.imageWidth' src='http://img1.blogblog.com/img/blank.gif'/>
  2088. </a>
  2089. </div>
  2090. </b:loop>
  2091. <div class='clear'/>
  2092. </div>
  2093.  
  2094. <div class='followers-canvas profile-link'>
  2095. <data:followersFooterMessage/>
  2096. <span class='item-control following-not-admin'>
  2097. <a expr:href='data:followersUri'>
  2098. <data:viewAllMessage/>
  2099. </a>
  2100. </span>
  2101. <span class='item-control blog-admin'>
  2102. <a expr:href='data:manageFollowersUri'>
  2103. <data:manageFollowersMessage/>
  2104. </a>
  2105. </span>
  2106. </div>
  2107. </b:if>
  2108. </b:if>
  2109. </div>
  2110. <b:include name='quickedit'/>
  2111. </div>
  2112. </b:includable>
  2113. </b:widget>
  2114. <b:widget id='HTML4' locked='false' title='Afiliados' type='HTML'>
  2115. <b:includable id='main'>
  2116. <!-- only display title if it's non-empty -->
  2117. <b:if cond='data:title != &quot;&quot;'>
  2118. <h2 class='title'><data:title/></h2>
  2119. </b:if>
  2120. <div class='widget-content'>
  2121. <data:content/>
  2122. </div>
  2123.  
  2124. <b:include name='quickedit'/>
  2125. </b:includable>
  2126. </b:widget>
  2127. <b:widget id='HTML1' locked='false' title='Link-us|Banner' type='HTML'>
  2128. <b:includable id='main'>
  2129. <!-- only display title if it's non-empty -->
  2130. <b:if cond='data:title != &quot;&quot;'>
  2131. <h2 class='title'><data:title/></h2>
  2132. </b:if>
  2133. <div class='widget-content'>
  2134. <data:content/>
  2135. </div>
  2136.  
  2137. <b:include name='quickedit'/>
  2138. </b:includable>
  2139. </b:widget>
  2140. <b:widget id='HTML2' locked='false' title='Publicidade' type='HTML'>
  2141. <b:includable id='main'>
  2142. <!-- only display title if it's non-empty -->
  2143. <b:if cond='data:title != &quot;&quot;'>
  2144. <h2 class='title'><data:title/></h2>
  2145. </b:if>
  2146. <div class='widget-content'>
  2147. <data:content/>
  2148. </div>
  2149.  
  2150. <b:include name='quickedit'/>
  2151. </b:includable>
  2152. </b:widget>
  2153. <b:widget id='Stats1' locked='false' title='Visitas' type='Stats'>
  2154. <b:includable id='main'>
  2155. <b:if cond='data:title'><h2><data:title/></h2></b:if>
  2156. <div class='widget-content'>
  2157. <!-- Content is going to be visible when data will be fetched from server. -->
  2158. <div expr:id='data:widget.instanceId + &quot;_content&quot;' style='display: none;'>
  2159. <!-- Counter and image will be injected later via AJAX call. -->
  2160. <b:if cond='data:showSparkline'>
  2161. <img alt='Sparkline' expr:id='data:widget.instanceId + &quot;_sparkline&quot;' height='30' width='75'/>
  2162. </b:if>
  2163. <b:if cond='data:showGraphicalCounter'>
  2164. <span class='counter-wrapper graph-counter-wrapper' expr:id='data:widget.instanceId + &quot;_totalCount&quot;'/>
  2165. <b:else/>
  2166. <span class='counter-wrapper text-counter-wrapper' expr:id='data:widget.instanceId + &quot;_totalCount&quot;'/>
  2167. </b:if>
  2168. <b:include name='quickedit'/>
  2169. </div>
  2170. </div>
  2171. </b:includable>
  2172. </b:widget>
  2173. </b:section-contents><b:section-contents id='footer-1'/><b:section-contents id='footer-2-1'/><b:section-contents id='footer-2-2'/></html>
Add Comment
Please, Sign In to add comment