Advertisement
mariaeduardafnsc

Código Base - Ruan Azevedo

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