Guest User

Código do Layout China

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