Advertisement
SweetMinnette

Codigo Base - Ruan Azevedo

Jun 15th, 2013
1,905
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 73.21 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