API tools faq
paste
Advertisement
Drwendy

Vue Neutre

Drwendy
Jun 4th, 2017
347
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 101.77 KB | None | 0 0
raw download clone embed print report
  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://fonts.googleapis.com/css?family=Arima+Madurai' rel='stylesheet' type='text/css'/>
  6. <link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'/>
  7. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'/>
  8. <link href='http://fonts.googleapis.com/css?family=Cookie' rel='stylesheet' type='text/css'/>
  9. <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'/>
  10. <b:if cond='data:blog.isMobile'>
  11. <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
  12. <b:else/>
  13. <meta content='width=1100' name='viewport'/>
  14. </b:if>
  15. <b:include data='blog' name='all-head-content'/>
  16. <title><data:blog.pageTitle/></title>
  17.  
  18. <b:skin><![CDATA[/*
  19. -----------------------------------------------
  20. BASE FEITA E EDITADA POR DRW WENDY
  21. BASEADO NO CORPO E MODELO TRAVEL
  22. POR FAVOR, NAO REMOVA OS CREDITOS
  23.  
  24. WEBUNNYCRAZY.BLOGSPOT.COM
  25. ----------------------------------------------- */
  26.  
  27. /* Variable definitions
  28. ====================
  29. <Variable name="keycolor" description="Main Color" type="color" default="#539bcd" value="#cfd9f6"/>
  30.  
  31. <Group description="Page Text" selector="body">
  32. <Variable name="body.font" description="Font" type="font"
  33. default="normal normal 13px 'Trebuchet MS',Trebuchet,sans-serif" value="normal normal 13px &#39;Trebuchet MS&#39;,Trebuchet,sans-serif"/>
  34. <Variable name="body.text.color" description="Text Color" type="color" default="#bbbbbb" value="#666666"/>
  35. </Group>
  36.  
  37. <Group description="Backgrounds" selector=".body-fauxcolumns-outer">
  38. <Variable name="body.background.color" description="Outer Background" type="color" default="#539bcd" value="rgba(0, 0, 0, 0)"/>
  39. <Variable name="content.background.color" description="Main Background" type="color" default="transparent" value="transparent"/>
  40. </Group>
  41.  
  42. <Group description="Links" selector=".main-outer">
  43. <Variable name="link.color" description="Link Color" type="color" default="#ff9900" value="#538cd6"/>
  44. <Variable name="link.visited.color" description="Visited Color" type="color" default="#b87209" value="#436590"/>
  45. <Variable name="link.hover.color" description="Hover Color" type="color" default="#ff9900" value="#ff9900"/>
  46. </Group>
  47.  
  48. <Group description="Blog Title" selector=".header h1">
  49. <Variable name="header.font" description="Font" type="font"
  50. default="normal normal 60px 'Trebuchet MS',Trebuchet,sans-serif" value="normal normal 50px &#39;Trebuchet MS&#39;,Trebuchet,sans-serif"/>
  51. <Variable name="header.text.color" description="Text Color" type="color" default="#ffffff" value="#000000"/>
  52. </Group>
  53.  
  54. <Group description="Blog Description" selector=".header .description">
  55. <Variable name="description.text.color" description="Description Color" type="color"
  56. default="$(body.text.color)" value="#666666"/>
  57. </Group>
  58.  
  59. <Group description="Tabs Text" selector=".tabs-inner .widget li a">
  60. <Variable name="tabs.font" description="Font" type="font"
  61. default="normal bold 16px 'Trebuchet MS',Trebuchet,sans-serif" value="normal bold 16px &#39;Trebuchet MS&#39;,Trebuchet,sans-serif"/>
  62. <Variable name="tabs.text.color" description="Text Color" type="color" default="#ffffff" value="#ffffff"/>
  63. <Variable name="tabs.selected.text.color" description="Selected Color" type="color" default="#ffffff" value="#ffffff"/>
  64. </Group>
  65.  
  66. <Group description="Tabs Background" selector=".tabs-outer .PageList">
  67. <Variable name="tabs.background.color" description="Background Color" type="color" default="transparent" value="#000000"/>
  68. <Variable name="tabs.selected.background.color" description="Selected Color" type="color" default="transparent" value="#333333"/>
  69. </Group>
  70.  
  71. <Group description="Date Header" selector=".main-inner h2.date-header">
  72. <Variable name="date.font" description="Font" type="font"
  73. default="normal normal 14px 'Trebuchet MS',Trebuchet,sans-serif" value="normal normal 14px &#39;Trebuchet MS&#39;,Trebuchet,sans-serif"/>
  74. <Variable name="date.text.color" description="Text Color" type="color" default="$(body.text.color)" value="#666666"/>
  75. </Group>
  76.  
  77. <Group description="Post Title" selector="h3.post-title a">
  78. <Variable name="post.title.font" description="Font" type="font"
  79. default="normal bold 20px 'Trebuchet MS',Trebuchet,sans-serif" value="normal bold 20px &#39;Trebuchet MS&#39;,Trebuchet,sans-serif"/>
  80. <Variable name="post.title.text.color" description="Text Color" type="color"
  81. default="#ffffff" value="#000000"/>
  82. </Group>
  83.  
  84. <Group description="Post Background" selector=".column-center-inner">
  85. <Variable name="post.background.color" description="Background Color" type="color"
  86. default="transparent" value="rgba(0, 0, 0, 0)"/>
  87. <Variable name="post.background.url" description="Post Background URL" type="url" default="none" value="none"/>
  88. </Group>
  89.  
  90. <Group description="Gadget Title Color" selector="h2">
  91. <Variable name="widget.title.font" description="Font" type="font"
  92. default="normal bold 14px 'Trebuchet MS',Trebuchet,sans-serif" value="normal bold 14px &#39;Trebuchet MS&#39;,Trebuchet,sans-serif"/>
  93. <Variable name="widget.title.text.color" description="Title Color" type="color" default="#ffffff" value="#000000"/>
  94. </Group>
  95.  
  96. <Group description="Gadget Text" selector=".footer-inner .widget, .sidebar .widget">
  97. <Variable name="widget.font" description="Font" type="font"
  98. default="$(body.font)" value="normal normal 13px &#39;Trebuchet MS&#39;,Trebuchet,sans-serif"/>
  99. <Variable name="widget.text.color" description="Text Color" type="color" default="$(body.text.color)" value="#666666"/>
  100. </Group>
  101.  
  102. <Group description="Gadget Links" selector=".sidebar .widget">
  103. <Variable name="widget.link.color" description="Link Color" type="color" default="$(body.text.color)" value="#666666"/>
  104. <Variable name="widget.link.visited.color" description="Visited Color" type="color" default="$(link.visited.color)" value="#436590"/>
  105. <Variable name="widget.alternate.text.color" description="Alternate Color" type="color" default="#ffffff" value="#000000"/>
  106. </Group>
  107.  
  108. <Group description="Sidebar Background" selector=".column-left-inner .column-right-inner">
  109. <Variable name="widget.outer.background.color" description="Background Color" type="color" default="transparent" value="transparent"/>
  110. <Variable name="widget.border.bevel.color" description="Bevel Color" type="color" default="transparent" value="transparent"/>
  111. </Group>
  112.  
  113. <Variable name="body.background" description="Body Background" type="background"
  114. color="$(body.background.color)" default="$(color) none repeat-x scroll top center" value="$(color) none no-repeat scroll center center"/>
  115. <Variable name="content.background" description="Content Background" type="background"
  116. color="$(content.background.color)" default="$(color) none repeat scroll top center" value="#ffffff url(//www.blogblog.com/1kt/travel/bg_container.png) repeat-x scroll top left"/>
  117. <Variable name="comments.background" description="Comments Background" type="background"
  118. default="#cccccc none repeat scroll top center" value="#cccccc none repeat scroll top center"/>
  119.  
  120. <Variable name="content.imageBorder.top.space" description="Content Image Border Top Space" type="length" default="0" value="5px"/>
  121. <Variable name="content.imageBorder.top" description="Content Image Border Top" type="url" default="none" value="url(//www.blogblog.com/1kt/travel/bg_container.png)"/>
  122.  
  123. <Variable name="content.margin" description="Content Margin Top" type="length" default="20px" value="20px"/>
  124. <Variable name="content.padding" description="Content Padding" type="length" default="20px" value="20px"/>
  125. <Variable name="content.posts.padding" description="Posts Content Padding" type="length" default="10px" value="10px"/>
  126.  
  127. <Variable name="tabs.background.gradient" description="Tabs Background Gradient" type="url"
  128. default="url(//www.blogblog.com/1kt/travel/bg_black_50.png)" value="none"/>
  129. <Variable name="tabs.selected.background.gradient" description="Tabs Selected Background Gradient" type="url"
  130. default="url(//www.blogblog.com/1kt/travel/bg_black_50.png)" value="none"/>
  131. <Variable name="widget.outer.background.gradient" description="Sidebar Gradient" type="url"
  132. default="url(//www.blogblog.com/1kt/travel/bg_black_50.png)" value="none"/>
  133. <Variable name="footer.background.gradient" description="Footer Background Gradient" type="url" default="none" value="none"/>
  134. <Variable name="mobile.background.overlay" description="Mobile Background Overlay" type="string"
  135. default="transparent none repeat scroll top left" value="transparent none repeat scroll top left"/>
  136. <Variable name="mobile.button.color" description="Mobile Button Color" type="color" default="#ffffff" value="#ffffff"/>
  137. <Variable name="startSide" description="Side where text starts in blog language" type="automatic" default="left"/>
  138. <Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right"/>
  139. */
  140.  
  141. /* Content
  142. ----------------------------------------------- */
  143. body, html {
  144. height: 400px;
  145. margin: 0;
  146. padding: 0; }
  147.  
  148.  
  149. body {
  150. font: $(body.font);
  151. color: $(body.text.color);
  152. background:#f3f3f3 url("https://3.bp.blogspot.com/-Ic7NHqxqNX0/WTOrHAj0nzI/AAAAAAAAFUE/Detyig3EuR4M4OFkpYAQSEeB-0jsnCx3QCLcB/s1600/Banner.png") no-repeat;
  153. background-position:top center;
  154. }
  155.  
  156. html {
  157. background:#f3f3f3 url("URL do 2º background") repeat; }
  158.  
  159. /* Cor dos links da postagem
  160. ----------------------------------------------- */
  161. a:link {
  162. color: #ffbda2; /* Cor do link*/
  163. text-decoration: none;
  164. -webkit-transition: color 0.7s ease-out;-moz-transition:
  165. color 0.7s ease-out;transition: color 0.7s ease-out;
  166. }
  167. a:visited {
  168. color: #ffbda2; /*Cor dos links visitados*/
  169. text-decoration:none;
  170. filter:alpha(opacity=100);
  171. -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
  172. }
  173. a:hover {
  174. color: #bac9c5; /*Cor do link quando passa o mouse*/
  175. text-decoration:none;
  176. filter:alpha(opacity=100);
  177. -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
  178. }
  179.  
  180. .content-outer .content-cap-top {
  181. height:
  182. background:
  183. }
  184.  
  185. .content-outer {
  186. margin: 0 auto;
  187. }
  188.  
  189. .content-inner {
  190. background:
  191. background-position:
  192. background-color:
  193. padding:
  194. }
  195.  
  196. .main-inner .date-outer {
  197. margin-bottom: 2em;
  198. }
  199.  
  200. /* Header
  201. ----------------------------------------------- */
  202. .header-inner .Header .titlewrapper,
  203. .header-inner .Header .descriptionwrapper {
  204. padding-left: 10px;
  205. padding-right: 10px;
  206. }
  207.  
  208. .Header h1 {
  209. font-family: 'Dancing Script', cursive;
  210. font-size: 78px;
  211. margin-top: 10px;
  212. margin-left: -190px;
  213. text-align: center;
  214. color: #f3f3f3;
  215. }
  216.  
  217. .Header h1 a {
  218. color: #f3f3f3;
  219. }
  220.  
  221. .Header .description {
  222. font-size: 130%;
  223. }
  224.  
  225. /* Tabs
  226. ----------------------------------------------- */
  227. .tabs-inner {
  228. margin: 1em 0 0;
  229. padding: 0;
  230. }
  231.  
  232. .tabs-inner .section {
  233. margin: 0;
  234. }
  235.  
  236. .tabs-inner .widget ul {
  237. padding: 0;
  238. background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll top center;
  239. }
  240.  
  241. .tabs-inner .widget li {
  242. border: none;
  243. }
  244.  
  245. .tabs-inner .widget li a {
  246. display: inline-block;
  247. padding: 1em 1.5em;
  248. color: $(tabs.text.color);
  249. font: $(tabs.font);
  250. }
  251.  
  252. .tabs-inner .widget li.selected a,
  253. .tabs-inner .widget li a:hover {
  254. position: relative;
  255. z-index: 1;
  256. background: $(tabs.selected.background.color) $(tabs.selected.background.gradient) repeat scroll top center;
  257. color: $(tabs.selected.text.color);
  258. }
  259.  
  260.  
  261. /* Data
  262. ----------------------------------------------- */
  263. .main-inner h2.date-header{
  264. z-index: 2;
  265. width: LARGURA DA SUA FAIXApx;
  266. height: ALTURA DA SUA FAIXApx;
  267. text-align: center;
  268. font-family: 'Dancing Script', cursive;
  269. font-size: 16px;
  270. font-weight:normal;
  271. padding-left: -94px;
  272. padding-top: 2px;
  273. padding-bottom: 2px;
  274. background: url(http://static.tumblr.com/xpo2exu/zsongbc1s/date.png) no-repeat left;
  275. color: #8c8b87;
  276. text-shadow: 1px 1px 1px #ffbda2;
  277. margin-top: 16px; /* Vá mexendo aquiaté ficar do seu jeito */
  278. margin-left: 13px; /* Vá mexendo aquiaté ficar do seu jeito */
  279. float: left; /* Flutuação, esquerda, direita... */
  280. }
  281. /* Codigos de ocultar
  282. ----------------------------------------------- */
  283. #Attribution1 {
  284. clear: both;
  285. line-height: 2.5em;
  286. display: none;
  287. }
  288.  
  289. #navbar-iframe {
  290. height: 0px;
  291. visibility: hidden;
  292. display: none;
  293. }
  294.  
  295. #tabdiv li, .sidebar li {
  296. list-style-type:none;
  297. }
  298.  
  299. .feed-links {
  300. height:0px;
  301. visibility:hidden;
  302. display:none
  303. }
  304.  
  305. .status-msg-wrap,
  306. .status-msg-body,
  307. .status-msg-border,
  308. .status-msg-bg,
  309. .status-msg-hidden {
  310. display: none;
  311. }
  312.  
  313. /* Area da postagem editada
  314. ----------------------------------------------- */
  315. .main-inner {
  316. margin-top: -40px;
  317. padding: $(content.padding) 0;
  318. }
  319.  
  320. .main-inner .column-center-inner {
  321. padding: $(content.posts.padding) 0;
  322. }
  323.  
  324. .main-inner .column-center-inner .section {
  325. margin: 0 $(content.posts.padding);
  326. }
  327.  
  328. .main-inner .column-right-inner {
  329. margin-left: $(content.padding);
  330. }
  331.  
  332. .main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
  333. margin-left: $(content.padding);
  334. background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;
  335. }
  336.  
  337. .main-inner .column-left-inner {
  338. margin-right: $(content.padding);
  339. }
  340.  
  341. .main-inner .fauxcolumn-left-outer .fauxcolumn-inner {
  342. margin-right: $(content.padding);
  343. background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;
  344. }
  345.  
  346. .main-inner .column-left-inner,
  347. .main-inner .column-right-inner {
  348. padding: 15px 0;
  349. }
  350.  
  351. /* Titulo das Postagens
  352. ----------------------------------------------- */
  353. h3.post-title {
  354. text-align: right;
  355. border-bottom: 1px dotted #c0c0c0;
  356. margin-bottom: -6px;
  357. font: normal 20pt cambria, georgia;
  358. color: #ffbda2;
  359. cursor: default;
  360. text-transform:lowercase;
  361. font-style:italic;
  362. letter-spacing: 1px;
  363. font-weight: 300;
  364. }
  365.  
  366. h3.post-title a {
  367. font: normal 20pt cambria, georgia;
  368. color: #ffbda2;
  369. text-transform:lowercase;
  370. font-style:italic;
  371. letter-spacing: 1px;
  372. font-weight: 300;
  373. }
  374.  
  375. h3.post-title a:hover {
  376. font: normal 20pt cambria, georgia;
  377. color: #bac9c5;
  378. text-transform:lowercase;
  379. font-style:italic;
  380. letter-spacing: 1px;
  381. font-weight: 300;
  382. }
  383.  
  384.  
  385. /* Area da postagem automatica
  386. ----------------------------------------------- */
  387. .main-inner .column-center-outer {
  388. background: $(post.background.color) $(post.background.url) repeat scroll top left;
  389. background-image: url(https://1.bp.blogspot.com/-ePAGJL-r4ac/WTOslNZmTUI/AAAAAAAAFUQ/h5KYrlu_DwkQ1gr7WhAqAA6E2DMJexF1QCLcB/s1600/barra%2Bpostagem.png);
  390. background-position: center top;
  391. background-repeat:no-repeat;
  392. padding-top: 112px;
  393. }
  394.  
  395. .post {
  396. font-size: 15px;
  397. color: #868581;
  398. margin-bottom:18px; /* distância entre uma caixa e outra */
  399. padding-right: 15px; /* espaço à esquerda */
  400. padding-left: 15px; /* espaço à direita */
  401. padding-bottom: 6px; /* espaço abaixo */
  402. padding-top:10px; /* espaço acima */
  403. background:#fff;
  404. box-shadow: inset 0px 0px 0px #f5f5f5, 0px 0px 3px #dadada;
  405. box-shadow: inset 0 0 15xp #f7f7f7; 0 0 5px #f7f7f7;
  406. }
  407.  
  408. .post img{
  409. opacity:0.8;
  410. -webkit-transition-duration: .50s;
  411. }
  412.  
  413. .post img:hover{
  414. opacity:0.6;
  415. -webkit-transition-duration: .50s;
  416. }
  417.  
  418. .post-body {
  419. line-height: 1.4;
  420. position: relative;
  421. }
  422.  
  423. .post-header {
  424. margin: 0 0 1em;
  425. line-height: 1.6;
  426. }
  427.  
  428. .post-footer {
  429. margin: .5em 0;
  430. line-height: 1.6;
  431. }
  432.  
  433. #blog-pager {
  434. font-size: 140%;
  435. }
  436.  
  437. #blog-pager {
  438. clear:both;
  439. text-align: center;
  440. margin:0px auto;
  441. padding-top:4px;
  442. padding-bottom:5px;
  443. padding-right:7px;
  444. padding-left:7px;
  445. }
  446. #blog-pager a:link, #blog-pager a:visited{
  447. color: #ffbda2;
  448. font-family:Arima Madurai;
  449. font-size:19px;
  450. -moz-transition:all 0.5s ease-out;
  451. -webkit-transition:all 0.5s ease-out;
  452. -o-transiotion: all 0.5s ease-out;
  453. -ms-transition: all 0.5s ease-out;
  454. transition: all 0.5s ease-out;
  455. }
  456. #blog-pager a:hover{
  457. color: #bac9c5;
  458. -moz-transition:all 0.5s ease-out;
  459. -webkit-transition:all 0.5s ease-out;
  460. -o-transiotion: all 0.5s ease-out;
  461. -ms-transition: all 0.5s ease-out;
  462. transition: all 0.5s ease-out;
  463. }
  464. #blog-pager-newer-link {
  465. float: left;
  466. }
  467. #blog-pager-older-link {
  468. float: right;
  469. }
  470.  
  471. #footer-wrapper {
  472. background: #;
  473. background-repeat: no-repeat;
  474. font-family:Arima Madurai;
  475. z-index: 1000;
  476. height: 15px;
  477. clear: both;
  478. font-size: 14px;
  479. color: #bda997;
  480. text-align: Left;
  481. padding: 5px;
  482. padding-left: 15px;
  483. }
  484. /* Comentarios
  485. ----------------------------------------------- */
  486. /**======================================================================
  487. =======================AREA GERAL DOS COMMENTS===========================
  488. ========================================================================**/
  489.  
  490. @font-face {font-family:'Gabriela';font-style:normal;font-weight: 400;src:local('Gabriela'), local('Gabriela-Regular'), url(http://themes.googleusercontent.com/static/fonts/gabriela/v1/fLaucCvjCt_Hmc9smyo_rPesZW2xOQ-xsNqO47m55DA.woff) format('woff')}
  491.  
  492. .comments{
  493. width:100% !important; /* TAMANHO DA AREA DOS COMMENTS - se passar da coluna diminua */
  494. margin:0 auto;
  495. font:italic 14px georgia !important; /* FONT DO TEXTO - se preferir troque */
  496. background:#fff url() !important;
  497. box-shadow: inset 0px 0px 0px #f5f5f5, 0px 0px 3px #dadada;
  498. box-shadow: inset 0 0 15xp #ccc; 0 0 5px #ccc;
  499. border-radius:0;
  500. }
  501. /**=======================================================================
  502. HEADING DOS COMMENTS (1 comentario, 2 comentários...)
  503. ========================================================================**/
  504. .comments h3,.comments h4{
  505. margin-top: 30px;
  506. width:98%;
  507. padding:7px;
  508. margin-bottom:10px;
  509. color:#bac9c5 !important; /* COR DO TEXTO - se preferir troque */
  510. font-family:'Dancing Script' !important;/* FONT-FAMILY - se preferir troque */
  511. font-size:32px !important; /* TAMANHO DO TEXTO - se preferir troque */
  512. }
  513.  
  514. /** ==================================================================
  515. BLOCO DOS COMMENTS (engloba: botões, avatar, data, icone ...)
  516. ====================================================================**/
  517. .comments .comment-block {
  518. margin-left: 7px;
  519. position:static !important; /* MANTÉM O AVATAR NA FRENTE DO BLOCO - NÃO MUDE */
  520. background:#fff; /* COR DO FUNDO */
  521. padding:0 15px 5px 5px;
  522. border-top:5px #dddddd solid;
  523. min-height:100px!important
  524. font-family: Trebuchet MS; /* fonte dos comentário */
  525. font-size: 13px; /* tamanho do texto */
  526. color: #9c9c9c; /* cor da fonte do comentário */
  527. text-decoration:none;
  528. padding: 7px;
  529. padding-bottom: 40px;
  530. }
  531.  
  532. /**==Area dos comentarios ==**/
  533. .comments .comments-content .comment-content {}
  534.  
  535.  
  536. /* estilos para o nome do autor do comentário */
  537. .comments .comments-content .user a{
  538. background:none !important;
  539. color:#ffbda2 !important;
  540. font:normal 20px 'gabriela';
  541. font-weight:400!important;
  542. margin-top:-2px
  543. }
  544. .comments .comments-content .user{
  545. color:#ffbda2 !important;
  546. font:normal 20px 'gabriela';
  547. font-weight:400!important;
  548. padding:4px 16px;
  549. margin-top:-2px
  550. }
  551.  
  552. /* estilo da data */
  553. .comments .comments-content .datetime a{
  554. background:none !important;
  555. font:bold 11px courier new;
  556. float:right;
  557. font-size:10px;
  558. color:#bac9c5 !important;
  559. border:0 !important
  560. }
  561.  
  562. /*avatar*/
  563. .comments .avatar-image-container { max-height: 80px; width: 80px; margin-left: 12px; margin-top: 11px;}
  564. .comments .avatar-image-container img { max-width: 80px; width: 150%; }
  565.  
  566.  
  567. /** ==================================================================
  568. =====================TEXTO DO COMENTÁRIO=============================
  569. ====================================================================**/
  570. .comments p{
  571. background:transparent !important;
  572. border:0 !important;
  573. text-shadow:0 1px #eee !important;
  574. padding-left:30px !important;
  575. color:#888 !important
  576. }
  577. /** ==================================================================
  578. =======================BOTAO - RESPONDER==============================
  579. ====================================================================**/
  580. /* botao responder do segundo nível */
  581. .comments .continue a {
  582. background: #bac9c5 !important;
  583. color:#fff!important;
  584. float:right;
  585. padding:2px 4px!important;
  586. height:23px;line-height:23px !important;
  587. margin-top:-40px !important;
  588. text-shadow:0 0!important;
  589. }
  590. /* botao responder do primeiro nível, mais estilos para o botao do segundo nível */
  591. .comments .comment .comment-actions a,.comments .continue a {
  592. float:right!important;
  593. font:normal 11px verdana !important;
  594. color:#fff!important;
  595. padding:3px 6px;
  596. border:0 !important;
  597. line-height:20px!important;
  598. margin:5px;
  599. margin-left:15px;
  600. text-shadow: 0 0;
  601. background: #ffbda2;
  602. font-weight:800;
  603. }
  604. /* botao hover*/
  605. .comments .comment .comment-actions a:hover,.comments .comments-content .user a:hover,.comments .continue a:hover { text-decoration:none !important; opacity:0.7!important } /* estilos para bloco de respostas */ .comments .comment-thread.inline-thread { background-color:transparent !important; padding:0.5em 1em; border-radius:5px; border:0!important; margin-right:-15px } .comments .comments-content .comment-replies { margin-top:1em; margin-left:46px !important } .comments .continue { border-top:0 !important; margin-top:10px !important } .comments .thread-toggle,.icon.blog-author {display:none !important} #comment-editor{opacity:0.6} .avatar-image-container img{opacity:0.8} /** ================================================================== Fim [by Gizaa// http://candylland.blogspot.com] ====================================================================**/
  606.  
  607. /* Titulo dos widgets
  608. ----------------------------------------------- */
  609. .sidebar h2 {
  610. margin-bottom: 10px;
  611. font: normal 12pt cambria, georgia;
  612. text-transform: uppercase;
  613. letter-spacing: 3px;
  614. color: #82b3b8;
  615. border-bottom: 4px solid #afced2;
  616. text-align: center;
  617. word-spacing:.4em;
  618. -webkit-transition-duration: .50s;
  619. }
  620. .sidebar h2:hover {
  621. letter-spacing: 9px;
  622. color: #c2d8db;
  623. -webkit-transition-duration: .50s;
  624. }
  625.  
  626.  
  627. /* Modelo dos widgets
  628. ----------------------------------------------- */
  629. .sidebar .widget {
  630. background: #fff; /* Cor de fundo*/
  631. box-shadow: inset 0px 0px 0px #f5f5f5, 0px 0px 3px #dadada;
  632. box-shadow: inset 0 0 15xp #f7f7f7; 0 0 5px #f7f7f7;
  633. padding: 5px 10px;
  634. }
  635.  
  636. .footer-inner .widget,
  637. .sidebar .widget {
  638. font: normal normal 12px;
  639. color: #9c9c9c;
  640. }
  641.  
  642. /* Cor dos links da sidebar
  643. ----------------------------------------------- */
  644. .sidebar .widget a:link {
  645. color: #ffa17b; /* Cor do link*/
  646. text-decoration: none;
  647. -webkit-transition: color 0.7s ease-out;-moz-transition:
  648. color 0.7s ease-out;transition: color 0.7s ease-out;
  649. }
  650.  
  651. .sidebar .widget a:visited {
  652. color: #ffa17b; /*Cor dos links visitados*/
  653. text-decoration:none;
  654. filter:alpha(opacity=100);
  655. -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
  656. }
  657.  
  658. .sidebar .widget a:hover {
  659. color: #afced2; /*Cor do link quando passa o mouse*/
  660. text-decoration:underline overline;
  661. filter:alpha(opacity=100);
  662. -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
  663. }
  664.  
  665. /* Cor dos links do footer
  666. ----------------------------------------------- */
  667. .footer-inner .widget a:link {
  668. color: #c298a4; /* Cor do link*/
  669. text-decoration: none;
  670. -webkit-transition: color 0.7s ease-out;-moz-transition:
  671. color 0.7s ease-out;transition: color 0.7s ease-out;
  672. }
  673.  
  674. .footer-inner .widget a:visited {
  675. color: #d5b4bd; /*Cor dos links visitados*/
  676. text-decoration:none;
  677. filter:alpha(opacity=100);
  678. -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
  679. }
  680.  
  681. .footer-inner .widget a:hover {
  682. color: #5a222c; /*Cor do link quando passa o mouse*/
  683. text-decoration:none;
  684. filter:alpha(opacity=100);
  685. -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
  686. }
  687.  
  688.  
  689. /* Modelo do footer
  690. ----------------------------------------------- */
  691. .footer-inner {
  692. background: transparent $(footer.background.gradient) repeat scroll top center;
  693. }
  694.  
  695. .widget .zippy {
  696. color: $(widget.alternate.text.color);
  697. }
  698.  
  699. /* Mobile
  700. ----------------------------------------------- */
  701. body.mobile {
  702. background-size: 100% auto;
  703. }
  704.  
  705. body.mobile .AdSense {
  706. margin: 0 -10px;
  707. }
  708.  
  709. .mobile .body-fauxcolumn-outer {
  710. background: $(mobile.background.overlay);
  711. }
  712.  
  713. .mobile .footer-inner .widget a:link {
  714. color: $(widget.link.color);
  715. text-decoration: none;
  716. }
  717.  
  718. .mobile .footer-inner .widget a:visited {
  719. color: $(widget.link.visited.color);
  720. }
  721.  
  722. .mobile-post-outer a {
  723. color: $(post.title.text.color);
  724. }
  725.  
  726. .mobile-link-button {
  727. background-color: $(link.color);
  728. }
  729.  
  730. .mobile-link-button a:link, .mobile-link-button a:visited {
  731. color: $(mobile.button.color);
  732. }
  733.  
  734. .mobile-index-contents {
  735. color: $(body.text.color);
  736. }
  737.  
  738. .mobile .tabs-inner .PageList .widget-content {
  739. background: $(tabs.selected.background.color) $(tabs.selected.background.gradient) repeat scroll top center;
  740. color: $(tabs.selected.text.color);
  741. }
  742.  
  743. .mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
  744. border-$startSide: 1px solid $(tabs.selected.text.color);
  745. }
  746.  
  747.  
  748. /* Menu principal
  749. ----------------------------------------------- */
  750. #header_menu {
  751. left: 0px;
  752. top: 0px;
  753. right: 0px;
  754. width: 100%;
  755. height: 40px;
  756. padding-top: 25px;
  757. background: #f3f3f3; /* cor do fundo da caixa do menu */
  758. text-align: center;
  759. z-index: 9999; /* cuidado para que o botão de follow possa desapareça, se caso acontecer, diminua este número */ }
  760. #menu {
  761. position: relative;
  762. margin: 0 auto;
  763. display: inline-block;
  764. width: auto; }
  765. #menu a { text-decoration: none;
  766. display: inline-block;
  767. float: left;
  768. color: #a8a8a8; /* Cor do link do menu */
  769. background: transparent; /* Está transparente, mas se quiser, pode adicionar uma cor ao fundo dos links */
  770. margin-left: 4px;
  771. margin-top: 15px;
  772. width: 80px; /* Tamanho dos links, se diminuir ficará desajustado, recomendo que se quiser mexer, se caso o nome do link for grande, que aumente esse número */
  773. font: 11px Calibri; /* Tamanho e fonte do menu */
  774. text-transform: uppercase; /* Para letrar ficar maiúscula, se quiser, pode apagar essa parte */
  775. letter-spacing: 1px;
  776. transition-duration: .80s;
  777. padding-bottom: 10px;
  778. border-bottom: 3px solid #ccc; /* coloquei a borda para aparecer só quando o mouse passar por cima, mas você pode alterar */
  779. -webkit-transition-duration: .80s;
  780. -moz-transition-duration: .80s;
  781. -o-transition-duration: .80s;
  782. -ms-transition-duration: .80s; }
  783. #menu a:hover {
  784. border-bottom: 10px solid rgba(0,0,0,0.2); -webkit-transition-duration: .80s;
  785. -moz-transition-duration: .80s;
  786. -o-transition-duration: .80s;
  787. -ms-transition-duration: .80s; /* Aqui é quando a borda aparece quando passa o mouse. O 0.2 é a opacidade dele, mude se quiser que a cor fique mais sólida, se diminuir, a cor ficará mais transparente */ }
  788.  
  789. /* Menu Painel
  790. ----------------------------------------------- */
  791. .admin-controll,.admin-controll * {
  792. margin: 0;
  793. padding: 0;
  794. list-style: none;
  795. list-style-type: none;
  796. line-height: 1.0;
  797. }
  798. .admin-controll ul {
  799. position: absolute;
  800. top: -999em;
  801. width: 100%;
  802. }
  803. .admin-controll ul li {
  804. width: 100%;
  805. background: 333333;
  806. }
  807. .admin-controll li:hover {
  808. visibility: inherit;
  809. }
  810. .admin-controll li {
  811. float: left;
  812. position: relative;
  813. }
  814. .admin-controll a {
  815. display: block;
  816. position: relative;
  817. }
  818. .admin-controll li:hover ul,.admin-controll li.sfHover ul {
  819. left: 0;
  820. top: 100%;
  821. z-index: 99;
  822. }
  823. .admin-controll li:hover li ul,.admin-controll li.sfHover li ul {
  824. top: -999em;
  825. }
  826. .admin-controll li li:hover ul,.admin-controll li li.sfHover ul {
  827. left: 100%;
  828. top: 0;
  829. }
  830. .admin-controll li li:hover li ul,.admin-controll li li.sfHover li ul {
  831. top: -999em;
  832. }
  833. .admin-controll li li li:hover ul,.admin-controll li li li.sfHover ul {
  834. left: 100%;
  835. top: 0;
  836. }
  837. .mbl-admin-bar {
  838. margin: 0px;
  839. direction: ltr;
  840. color: #ccc;
  841. font: 400 13px/32px "Open Sans",sans-serif;
  842. height: 32px;
  843. position: fixed;
  844. top: 0;
  845. left: 0;
  846. width: 100%;
  847. min-width: 600px;
  848. z-index: 99999;
  849. background: #222;
  850. float: left;
  851. }
  852. .mbl-admin-bar li a {
  853. display: block;
  854. color: #fff;
  855. padding: 7px 15px;
  856. font-weight: 400;
  857. text-decoration: none;
  858. font-size: 14px;
  859. }
  860. .mbl-admin-bar li li a {
  861. font-size: 15px;
  862. color: #fff;
  863. float: none;
  864. padding: 0px;
  865. width: 0;
  866. }
  867. ul.children {
  868. color: #fff;
  869. background: #333333;
  870. font-size: 18px;
  871. min-width: 230px;
  872. padding: 10px;
  873. float: right;
  874. margin-left: -98px;
  875. }
  876. .mbl-admin-bar li a:hover,.mbl-admin-bar li a:active,.mbl-admin-bar li a:focus,.mbl-admin-bar li:hover > a,.mbl-admin-bar li.current-cat > a,.mbl-admin-bar li.current_page_item > a,.mbl-admin-bar li.current-menu-item > a {
  877. color: #38b8f0;
  878. background: #333333;
  879. }
  880. .fa {
  881. font-size: 18px;
  882. color: #999;
  883. margin-right: 5px;
  884. }
  885. .fa.fa-user {
  886. font-size: 50px;
  887. float: left;
  888. padding: 20px;
  889. border: 1px solid #212121;
  890. background: #575757;
  891. }
  892. ul.children img {
  893. width: 80px;
  894. height: auto;
  895. float: left;
  896. margin-right: 10px;
  897. }
  898. ul.children a {
  899. margin-top: 10px;
  900. }
  901. li.mright {
  902. float: right;
  903. }
  904. li.mblogo a {
  905. padding: 3px 15px 3px 15px!important;
  906. }
  907. ul.child1 {
  908. min-width: 180px;
  909. color: #fff; background: #333333;
  910. }
  911. ul.child1 li a {
  912. padding: 10px;
  913. width: 100%;
  914. background: #333333;
  915. }
  916.  
  917. /* Efeitos no texto
  918. ----------------------------------------------- */
  919. b {
  920. color: #ffbda2;
  921. text-decoration: none;
  922. -webkit-transition-duration: .70s;
  923. cursor: default;
  924. }
  925. b:hover {
  926. color: #bac9c5;
  927. text-decoration: none;
  928. -webkit-transition-duration: .70s;
  929. cursor: default;
  930. }
  931. i {
  932. color: #bac9c5;
  933. text-decoration: none;
  934. -webkit-transition-duration: .50s;
  935. cursor: default;
  936. }
  937. i:hover {
  938. color: #ffbda2;
  939. text-decoration: none;
  940. -webkit-transition-duration: .50s;
  941. cursor: default;
  942. }
  943. u {
  944. color: #ffbda2;
  945. text-decoration: none;
  946. border-bottom: 1px solid #ffbda2;
  947. -webkit-transition-duration: .50s;
  948. cursor: default;
  949. }
  950. u:hover {
  951. color: #bac9c5;
  952. text-decoration: none;
  953. border-bottom: 1px solid #bac9c5;
  954. -webkit-transition-duration: .50s;
  955. cursor: default;
  956. }
  957. s, strike { color: #bac9c5;
  958. cursor: default;
  959. }
  960.  
  961.  
  962. /* Bara de rolagem + seleção
  963. ----------------------------------------------- */
  964. ::-webkit-scrollbar{
  965. width: 17px; /*Largura da barra vertical*/
  966. height: 5px; /*Largura da barra horizontal*/
  967. }
  968. ::-webkit-scrollbar-track-piece{
  969. background: #f3f3f3;/*Leito da barra*/
  970. }
  971. ::-webkit-scrollbar-thumb:vertical{
  972. background:#afced2; /*Barra que se move*/
  973. -webkit-border-radius: 3px;
  974. -moz-border-radius: 3px;
  975. border-radius: 3px;
  976. }
  977. ::-webkit-scrollbar-thumb:horizontal{
  978. background:#afced2; /*Barra que se move*/
  979. -webkit-border-radius: 3px;
  980. -moz-border-radius: 3px;
  981. border-radius: 3px;
  982. }
  983.  
  984. ::-moz-selection {
  985. color:#fff;
  986. background: #afced2;
  987. }
  988. ::selection {
  989. color:#fff;
  990. background: #afced2;
  991. }
  992.  
  993. /* Blockquote
  994. ----------------------------------------------- */
  995. blockquote {
  996. color:#888 !important
  997. text-align: left;
  998. background: #f3f4f4;
  999. padding: 8px;
  1000. font:italic 14px georgia !important;
  1001. border: 1px dotted #bac9c5;
  1002. -webkit-transition-duration: .50s;
  1003. }
  1004.  
  1005. /* Tooltip
  1006. ----------------------------------------------- */
  1007. div#qTip{
  1008. display:none;
  1009. z-index:1000;
  1010. margin: 5px 0;
  1011. padding:3px 5px 3px 5px;
  1012. background:#7aa3a9;
  1013. color:#fff;
  1014. text-transform:uppercase;
  1015. text-align: center;
  1016. font-family: Calibri;
  1017. font-size: 8px;
  1018. position:absolute;
  1019. }
  1020. /* Borda e texto dos marcadores
  1021. ----------------------------------------------- */
  1022. .post-footer-line-1{
  1023. }
  1024. .post-footer-line-2{
  1025. font-size:15px;
  1026. text-align: left;
  1027. margin-top: -3px;
  1028. margin-bottom: 0px;
  1029. font-family: Open Sans Condensed; /*Fonte*/
  1030. text-transform: uppercase;
  1031. }
  1032.  
  1033. /* Biografia
  1034. ----------------------------------------------- */
  1035. .autorbox {
  1036. position: relative;
  1037. margin: 0px auto;
  1038. border: 0px solid #CAE3F2; /*cor da borda do box*/
  1039. border-top: 1px solid #b7b7b7;
  1040. border-bottom: 1px solid #b7b7b7;
  1041. padding: 5px;
  1042. margin-bottom: 5px;
  1043. margin-top: 20px;
  1044. -webkit-transition: all 0.3s ease-in;
  1045. -moz-transition: all 0.3s ease-in;
  1046. -ms-transition: all 0.3s ease-in;
  1047. -o-transition: all 0.3s ease-in;
  1048. transition: all 0.3s ease-in;
  1049. }
  1050. .autoravatar {
  1051. background: #fff;
  1052. border: 1px solid #ccc9bd; /*cor da borda do avatar*/
  1053. float: left;
  1054. height: 100px;
  1055. padding: 2px;
  1056. position: relative;
  1057. -webkit-border-radius: 4px;
  1058. -moz-border-radius: 4px;
  1059. border-radius: 4px;
  1060. -webkit-box-shadow: 0 0 4px 0 #d9d9d9;
  1061. -moz-box-shadow: 0 0 4px 0 #d9d9d9;
  1062. box-shadow: 0 0 4px 0 #d9d9d9;
  1063. width: 100px;
  1064. }
  1065. .autoravatar img {
  1066. height: 100px;
  1067. width: 100px;
  1068. }
  1069. .autorcontent {
  1070. margin-left: 120px;
  1071. }
  1072. .autorhead {
  1073. border-bottom: 1px solid #ddd;
  1074. margin-bottom: 12px;
  1075. padding: 0 160px 5px 0;
  1076. position: relative;
  1077. }
  1078. .autorbox h3 {
  1079. font-family: 'Dancing Script', cursive;
  1080. color: #bac9c5; /*cor da fonte do nome do autor*/
  1081. font-size: 24px;
  1082. font-weight: bold;
  1083. line-height: 30px;
  1084. margin: 0;
  1085. border: none;
  1086. text-decoration: none;
  1087. -webkit-transition: all 0.2s ease-in-out;
  1088. -moz-transition: all 0.2s ease-in-out;
  1089. -ms-transition: all 0.2s ease-in-out;
  1090. -o-transition: all 0.2s ease-in-out;
  1091. transition: all 0.2s ease-in-out;
  1092. }
  1093. .autorbox h3:hover {
  1094. color: #b2c5c0; /*cor da fonte do nome do autor com mouse em cima*/
  1095. -webkit-transition: all 0.2s ease-in-out;
  1096. -moz-transition: all 0.2s ease-in-out;
  1097. -ms-transition: all 0.2s ease-in-out;
  1098. -o-transition: all 0.2s ease-in-out;
  1099. transition: all 0.2s ease-in-out;
  1100. }
  1101. .autorbox h3 a {
  1102. color: #bac9c5!important; /*cor da fonte do nome do autor*/
  1103. text-decoration: none;
  1104. -webkit-transition: all 0.2s ease-in-out;
  1105. -moz-transition: all 0.2s ease-in-out;
  1106. -ms-transition: all 0.2s ease-in-out;
  1107. -o-transition: all 0.2s ease-in-out;
  1108. transition: all 0.2s ease-in-out;
  1109. }
  1110. .autorbox h3 a:hover {
  1111. color: #b2c5c0!important; /*cor da fonte do nome do autor com mouse em cima*/
  1112. -webkit-transition: all 0.2s ease-in-out;
  1113. -moz-transition: all 0.2s ease-in-out;
  1114. -ms-transition: all 0.2s ease-in-out;
  1115. -o-transition: all 0.2s ease-in-out;
  1116. transition: all 0.2s ease-in-out;
  1117. }
  1118. .autorsocial {
  1119. list-style: none;
  1120. margin: 0;
  1121. padding: 0;
  1122. position: absolute;
  1123. top: 2px;
  1124. right: 0;
  1125. }
  1126. .autorsocial li {
  1127. float: left;
  1128. margin-right: 4px;
  1129. padding: 0;
  1130. }
  1131. .autorsocial li a {
  1132. display:block;
  1133. width:32px;
  1134. height:32px;
  1135. margin:0 2px;
  1136. background:transparent url(http://static.tumblr.com/xpo2exu/x1cng7vf4/soci.png) no-repeat;
  1137. text-indent:-9000px;
  1138. position: relative;
  1139. overflow:hidden;
  1140. }
  1141. .autorsocial li a.autorFacebook {
  1142. background-position: 0 0;
  1143. }
  1144. .autorsocial li a.autorGooglePlus {
  1145. background-position: 0 -32px;
  1146. }
  1147. .autorsocial li a.autorTwitter {
  1148. background-position: -64px -32px;
  1149. }
  1150. .autorsocial li a.autorLinkedin{
  1151. background-position: -64px 0px;
  1152. }
  1153. .autorsocial li a.autorLinkedin:hover {
  1154. background-position: -96px 0px;
  1155. }
  1156. .autorsocial li a.autorFacebook:hover {
  1157. background-position:-32px 0;
  1158. }
  1159. .autorsocial li a.autorGooglePlus:hover {
  1160. background-position: -32px -32px;
  1161. }
  1162. .autorsocial li a.autorTwitter:hover {
  1163. background-position: -96px -32px;
  1164. }
  1165. .autorbox p.bio {
  1166. font-family: 'lucida sans unicode', 'lucida grande', sans-serif;
  1167. font-size: 12px;
  1168. line-height: 18px;
  1169. }
  1170.  
  1171.  
  1172. /* Leia mais
  1173. ----------------------------------------------- */
  1174. .jump-link {
  1175. font-family: 'Open Sans Condensed';
  1176. -moz-border-radius: 3px;
  1177. font-size: 19px;
  1178. padding-right:3px;
  1179. text-transform:uppercase;
  1180. -webkit-border-radius: 3px;
  1181. text-align:left;
  1182. margin-top:5px;
  1183. margin-bottom:-12px;
  1184. }
  1185. .jump-link a:link {
  1186. color: #ffbda2; /* Cor do link*/
  1187. text-decoration: none;
  1188. -webkit-transition: color 0.7s ease-out;-moz-transition:
  1189. color 0.7s ease-out;transition: color 0.7s ease-out;
  1190. }
  1191. .jump-link a:visited {
  1192. color: #ffbda2; /*Cor dos links visitados*/
  1193. text-decoration:none;
  1194. filter:alpha(opacity=100);
  1195. -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
  1196. }
  1197. .jump-link a:hover {
  1198. color: #ffbda2; /*Cor do link quando passa o mouse*/
  1199. text-decoration:none;
  1200. filter:alpha(opacity=100);
  1201. -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
  1202. }
  1203.  
  1204.  
  1205. /* Biografia da sidebar
  1206. ----------------------------------------------- */
  1207. .iam img {
  1208. margin-bottom: 5px;
  1209. width: 190px;
  1210. height: 190px;
  1211. border-radius: 100%;
  1212. border: 5px solid #e1e0e0;
  1213. object-fit:cover;
  1214. -webkit-filter: saturate(2);
  1215. -webkit-transition-duration: .90s;
  1216. }
  1217.  
  1218. .iamname{
  1219. text-align: center;
  1220. color: #3f3f3f;
  1221. font-size: 28px;
  1222. font-family: 'Allura', sans-serif;
  1223. }
  1224. .iam {
  1225. font-size: 14px;
  1226. text-align: center;
  1227. color: #8e8e8e;
  1228. padding-top: 9px;
  1229. padding-bottom: -9px;
  1230. }
  1231.  
  1232.  
  1233.  
  1234. /* Pesquisa
  1235. ----------------------------------------------- */
  1236. .search{
  1237. float: center;
  1238. font-family: Calibri;
  1239. font-size: 10px;
  1240. }
  1241. .searchbar{
  1242. width: 182px;
  1243. height:15px;
  1244. line-height:10px;
  1245. background: #d1e5e8;
  1246. border: 1px solid #afced2;
  1247. box-shadow: inset 0 0 10px #afced2;
  1248. padding: 8px 8px 8px 8px;
  1249. font-family: Calibri;
  1250. font-size: 10px;
  1251. color: #82b3b8;
  1252. text-shadow: 1px 1px 1px #FFF;
  1253. }
  1254. .searchbut{
  1255. width: 38px;
  1256. height:34px;
  1257. background: #d1e5e8;
  1258. border: 1px solid #afced2;
  1259. box-shadow: inset 0 0 10px #afced2;
  1260. padding-top: 8px 8px 8px 8px;
  1261. font-family: Calibri;
  1262. font-size: 10px;
  1263. color: #82b3b8;
  1264. text-shadow: 1px 1px 1px #FFF;
  1265. }
  1266.  
  1267.  
  1268. /* Menu lista
  1269. ----------------------------------------------- */
  1270. #Label1 a{
  1271. padding:1px;
  1272. display: block;
  1273. font: normal 12pt cambria, georgia;
  1274. letter-spacing: 1px;
  1275. text-transform:lowercase;
  1276. font-style:italic;
  1277. background-image: url(http://lh3.ggpht.com/_NZJzdRm10Y0/TTSXS5yzNrI/AAAAAAAAAFY/cYCKZt7z-0k/s800/gif15.gif);
  1278. text-indent: 12px;
  1279. background-repeat: no-repeat;
  1280. background-position: left center;
  1281. }
  1282. ]]></b:skin>
  1283.  
  1284. <style>
  1285.  
  1286. .caixapesquisa{
  1287. text-align: center;
  1288. margin-left: 31px;
  1289. width: 268px;
  1290. Height: 40px;
  1291. padding-top: 5px;
  1292. border-bottom: 4px solid #ffc3ab;
  1293. background: $(post.background.color) $(post.background.url) repeat scroll top left;
  1294. background-image: url(https://2.bp.blogspot.com/-oSKNlHJRHKE/WTOqXeu4JJI/AAAAAAAAFT4/iJa8ElXnngMDea2_bOUn5ZavWMaNJCFfgCLcB/s1600/Barra%2BSidebar.png);
  1295. background-position: center top;
  1296. background-repeat:no-repeat;
  1297. padding-top: 75px;
  1298. }
  1299.  
  1300. .sidebarmestre{
  1301. margin-left: 31px;
  1302. width: 248px;
  1303. Height: auto;
  1304. float: center;
  1305. text-align: center;
  1306. color: #9c9c9c;
  1307. font: normal 12pt cambria, georgia;
  1308. letter-spacing: 1px;
  1309. text-transform:lowercase;
  1310. font-style:italic;
  1311. border-right: 4px solid #ffc3ab;
  1312. background: #fff; /* Cor de fundo*/
  1313. box-shadow: inset 0px 0px 0px #f5f5f5, 0px 0px 3px #dadada;
  1314. padding: 5px 10px;
  1315. }
  1316. </style>
  1317.  
  1318.  
  1319. <b:template-skin>
  1320. <b:variable default='960px' name='content.width' type='length' value='1070px'/>
  1321. <b:variable default='0' name='main.column.left.width' type='length' value='0px'/>
  1322. <b:variable default='310px' name='main.column.right.width' type='length' value='320px'/>
  1323.  
  1324. <![CDATA[
  1325. body {
  1326. min-width: $(content.width);
  1327. }
  1328.  
  1329. .content-outer, .content-fauxcolumn-outer, .region-inner {
  1330. min-width: $(content.width);
  1331. max-width: $(content.width);
  1332. _width: $(content.width);
  1333. }
  1334.  
  1335. .main-inner .columns {
  1336. padding-left: $(main.column.left.width);
  1337. padding-right: $(main.column.right.width);
  1338. }
  1339.  
  1340. .main-inner .fauxcolumn-center-outer {
  1341. left: $(main.column.left.width);
  1342. right: $(main.column.right.width);
  1343. /* IE6 does not respect left and right together */
  1344. _width: expression(this.parentNode.offsetWidth -
  1345. parseInt("$(main.column.left.width)") -
  1346. parseInt("$(main.column.right.width)") + 'px');
  1347. }
  1348.  
  1349. .main-inner .fauxcolumn-left-outer {
  1350. width: $(main.column.left.width);
  1351. }
  1352.  
  1353. .main-inner .fauxcolumn-right-outer {
  1354. width: $(main.column.right.width);
  1355. }
  1356.  
  1357. .main-inner .column-left-outer {
  1358. margin-top: 14px;
  1359. width: $(main.column.left.width);
  1360. right: 100%;
  1361. margin-left: -$(main.column.left.width);
  1362. }
  1363.  
  1364. .main-inner .column-right-outer {
  1365. margin-top: 56px;
  1366. width: $(main.column.right.width);
  1367. margin-right: -$(main.column.right.width);
  1368. }
  1369.  
  1370. #layout {
  1371. min-width: 0;
  1372. }
  1373.  
  1374. #layout .content-outer {
  1375. min-width: 0;
  1376. width: 800px;
  1377. }
  1378.  
  1379. #layout .region-inner {
  1380. min-width: 0;
  1381. width: auto;
  1382. }
  1383. ]]>
  1384. </b:template-skin>
  1385. <b:include data='blog' name='google-analytics'/>
  1386.  
  1387. <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/><script language='JavaScript' src='http://static.tumblr.com/oiizew6/8B5lzwf17/script.js' type='text/JavaScript'/>
  1388.  
  1389.  
  1390. </head>
  1391.  
  1392. <div id='header_menu'>
  1393. <div id='menu'>
  1394. <a href='/'>Inicio</a>
  1395. <a href='/'>Sobre mim</a>
  1396. <a href='/'>Tags</a>
  1397. <a href='/'>Diy&#39;s</a>
  1398. <a href='/'>Amigos</a>
  1399. <a href='/'>Blog</a>
  1400. </div>
  1401. </div>
  1402.  
  1403. <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
  1404.  
  1405.  
  1406.  
  1407. <link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>
  1408. <link href='http://fonts.googleapis.com/css?family=Open Sans:400' rel='stylesheet' type='text/css'/>
  1409. <span class='item-control blog-admin'>
  1410. <div class='span-24'>
  1411. <div class='mbl-cpanel'>
  1412. <ul class='admin-controll mbl-admin-bar'>
  1413. <li class='mblogo'><a href='http://webunny.blogspot.com.br/'><img src='http://1.bp.blogspot.com/-YyMN2VM2FGc/VDka36seHBI/AAAAAAAAFH0/gxXlBTMcJPU/s1600/v.pn'/></a></li>
  1414. <li class='blog-title'><a expr:href='data:blog.homepageUrl'><i class='fa fa-tachometer'/> <data:blog.title/></a></li>
  1415. <li><a href='http://www.blogger.com/home'><i class='fa fa-puzzle-piece'/> Painel</a></li>
  1416. <li><a href='#'><i class='fa fa-pencil'/> Postagens</a>
  1417. <ul class='child1'>
  1418. <li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#editor/src=sidebar&quot;'><i class='fa fa-pencil'/> Novo Post</a></li>
  1419. <li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#editor/target=page&quot;'><i class='fa fa-file'/> Nova Página</a></li>
  1420. <li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#posts&quot;'><i class='fa fa-th-list'/> Todos Posts</a></li>
  1421. <li><a expr:href='&quot;https://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#editor/target=post;postID=&quot; + data:blog.postId + &quot;&quot;'><i class='fa fa-pencil-square'/>Editar Post</a></li>
  1422. </ul>
  1423. </li>
  1424. <li><a href='#'><i class='fa fa-cogs'/> Personalizar</a>
  1425. <ul class='child1'>
  1426. <li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#pageelements&quot;'><i class='fa fa-wrench'/> Layout</a></li>
  1427. <li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#templatehtml&quot;'><i class='fa fa-pencil-square-o'/> Editar Template</a></li>
  1428. </ul>
  1429. </li>
  1430. <li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#comments&quot;'><i class='fa fa-comment'/> Comentários</a>
  1431. <ul class='child1'>
  1432. <li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#pendingcomments&quot;'><i class='fa fa-bullhorn'/> Pendentes</a></li>
  1433. <li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#spamcomments&quot;'><i class='fa fa-ban'/> Spam</a></li>
  1434. </ul>
  1435. </li>
  1436. <li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#basicsettings&quot;'><i class='fa fa-cog'/> Configurações</a>
  1437. <ul class='child1'>
  1438. <li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#basicsettings&quot;'><i class='fa fa-heart-o'/> Básicos</a></li>
  1439. <li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#postandcommentsettings&quot;'><i class='fa fa-comments'/> Posts &amp; Comentários</a></li>
  1440. <li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#emailandmobilesettings&quot;'><i class='fa fa-mobile'/> Celular &amp; Email</a></li>
  1441. <li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#languageandformattingsettings&quot;'><i class='fa fa-calendar-o'/> Idioma</a></li>
  1442. <li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#searchsettings&quot;'><i class='fa fa-search-plus'/> Pref. de Pesquisa</a></li>
  1443. <li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#othersettings&quot;'><i class='fa fa-code'/> Outro</a></li>
  1444. <li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#overviewstats&quot;'><i class='fa fa-signal'/>Status</a></li>
  1445. </ul>
  1446. </li>
  1447. <li class='mright'><a href='#'><i class='fa fa-signal'/> Olá, Admin.</a>
  1448. <ul class='children'>
  1449. <li><img src='http://lh3.googleusercontent.com/-9yOM-7DiQM4/AAAAAAAAAAI/AAAAAAAACn4/6glDXtin7Uo/s512-c/photo.jpg'/>
  1450. <div class='mauthor'><br/>W Chan</div>
  1451. <a href='http://www.blogger.com/logout.g'> Sair</a></li>
  1452. </ul>
  1453. </li>
  1454. </ul>
  1455. </div>
  1456. </div>
  1457. </span>
  1458. <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
  1459. <b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar' version='1'>
  1460. <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
  1461. function setAttributeOnload(object, attribute, val) {
  1462. if(window.addEventListener) {
  1463. window.addEventListener(&#39;load&#39;,
  1464. function(){ object[attribute] = val; }, false);
  1465. } else {
  1466. window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
  1467. }
  1468. }
  1469. &lt;/script&gt;
  1470. &lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
  1471. &lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
  1472. &lt;script type=&quot;text/javascript&quot;&gt;
  1473. gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {
  1474. if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {
  1475. gapi.iframes.getContext().openChild({
  1476. url: &#39;https://www.blogger.com/navbar.g?targetBlogID\x3d8854642178983755429\x26blogName\x3dVue+Neutre\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dLIGHT\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttps://w-chanteste71.blogspot.com/search\x26blogLocale\x3dpt_BR\x26v\x3d2\x26homepageUrl\x3dhttps://w-chanteste71.blogspot.com/\x26vt\x3d719411192429623182&#39;,
  1477. where: document.getElementById(&quot;navbar-iframe-container&quot;),
  1478. id: &quot;navbar-iframe&quot;
  1479. });
  1480. }
  1481. });
  1482. &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
  1483. (function() {
  1484. var script = document.createElement(&#39;script&#39;);
  1485. script.type = &#39;text/javascript&#39;;
  1486. script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
  1487. var head = document.getElementsByTagName(&#39;head&#39;)[0];
  1488. if (head) {
  1489. head.appendChild(script);
  1490. }})();
  1491. &lt;/script&gt;
  1492. </b:includable>
  1493. </b:widget>
  1494. </b:section>
  1495.  
  1496. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  1497. <div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
  1498. <meta expr:content='data:blog.title' itemprop='name'/>
  1499. <b:if cond='data:blog.metaDescription'>
  1500. <meta expr:content='data:blog.metaDescription' itemprop='description'/>
  1501. </b:if>
  1502. </div>
  1503. </b:if>
  1504.  
  1505. <div class='body-fauxcolumns'>
  1506. <div class='fauxcolumn-outer body-fauxcolumn-outer'>
  1507. <div class='cap-top'>
  1508. <div class='cap-left'/>
  1509. <div class='cap-right'/>
  1510. </div>
  1511. <div class='fauxborder-left'>
  1512. <div class='fauxborder-right'/>
  1513. <div class='fauxcolumn-inner'>
  1514. </div>
  1515. </div>
  1516. <div class='cap-bottom'>
  1517. <div class='cap-left'/>
  1518. <div class='cap-right'/>
  1519. </div>
  1520. </div>
  1521. </div>
  1522.  
  1523. <div class='content'>
  1524. <div class='content-fauxcolumns'>
  1525. <div class='fauxcolumn-outer content-fauxcolumn-outer'>
  1526. <div class='cap-top'>
  1527. <div class='cap-left'/>
  1528. <div class='cap-right'/>
  1529. </div>
  1530. <div class='fauxborder-left'>
  1531. <div class='fauxborder-right'/>
  1532. <div class='fauxcolumn-inner'>
  1533. </div>
  1534. </div>
  1535. <div class='cap-bottom'>
  1536. <div class='cap-left'/>
  1537. <div class='cap-right'/>
  1538. </div>
  1539. </div>
  1540. </div>
  1541.  
  1542. <div class='content-outer'>
  1543. <div class='content-cap-top cap-top'>
  1544. <div class='cap-left'/>
  1545. <div class='cap-right'/>
  1546. </div>
  1547. <div class='fauxborder-left content-fauxborder-left'>
  1548. <div class='fauxborder-right content-fauxborder-right'/>
  1549. <div class='content-inner'>
  1550.  
  1551. <header>
  1552. <div class='header-outer'>
  1553. <div class='header-cap-top cap-top'>
  1554. <div class='cap-left'/>
  1555. <div class='cap-right'/>
  1556. </div>
  1557. <div class='fauxborder-left header-fauxborder-left'>
  1558. <div class='fauxborder-right header-fauxborder-right'/>
  1559. <div class='region-inner header-inner'>
  1560. <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
  1561. <b:widget id='Header1' locked='false' title='Vue Neutre (Cabeçalho)' type='Header'>
  1562. <b:widget-settings>
  1563. <b:widget-setting name='displayUrl'/>
  1564. <b:widget-setting name='displayHeight'>0</b:widget-setting>
  1565. <b:widget-setting name='sectionWidth'>-1</b:widget-setting>
  1566. <b:widget-setting name='useImage'>false</b:widget-setting>
  1567. <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
  1568. <b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
  1569. <b:widget-setting name='displayWidth'>0</b:widget-setting>
  1570. </b:widget-settings>
  1571. <b:includable id='main'>
  1572.  
  1573. <b:if cond='data:useImage'>
  1574. <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
  1575. <!--
  1576. Show image as background to text. You can't really calculate the width
  1577. reliably in JS because margins are not taken into account by any of
  1578. clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
  1579. width if the user is using shrink to fit.
  1580. This results in a margin-width's worth of pixels being cropped. If the
  1581. user is not using shrink to fit then we expand the header.
  1582. -->
  1583. <b:if cond='data:mobile'>
  1584. <div id='header-inner'>
  1585. <div class='titlewrapper' style='background: transparent'>
  1586. <h1 class='title' style='background: transparent; border-width: 0px'>
  1587. <b:include name='title'/>
  1588. </h1>
  1589. </div>
  1590. <b:include name='description'/>
  1591. </div>
  1592. <b:else/>
  1593. <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot; + &quot;background-position: &quot; + data:backgroundPositionStyleStr + &quot;; &quot; + data:widthStyleStr + &quot;min-height: &quot; + data:height + &quot;_height: &quot; + data:height + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
  1594. <div class='titlewrapper' style='background: transparent'>
  1595. <h1 class='title' style='background: transparent; border-width: 0px'>
  1596. <b:include name='title'/>
  1597. </h1>
  1598. </div>
  1599. <b:include name='description'/>
  1600. </div>
  1601. </b:if>
  1602. <b:else/>
  1603. <!--Show the image only-->
  1604. <div id='header-inner'>
  1605. <a expr:href='data:blog.homepageUrl' style='display: block'>
  1606. <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
  1607. </a>
  1608. <!--Show the description-->
  1609. <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
  1610. <b:include name='description'/>
  1611. </b:if>
  1612. </div>
  1613. </b:if>
  1614. <b:else/>
  1615. <!--No header image -->
  1616. <div id='header-inner'>
  1617. <div class='titlewrapper'>
  1618. <h1 class='title'>
  1619. <b:include name='title'/>
  1620. </h1>
  1621. </div>
  1622. <b:include name='description'/>
  1623. </div>
  1624. </b:if>
  1625. </b:includable>
  1626. <b:includable id='description'>
  1627. <div class='descriptionwrapper'>
  1628. <p class='description'><span><data:description/></span></p>
  1629. </div>
  1630. </b:includable>
  1631. <b:includable id='title'>
  1632. <b:tag cond='data:blog.url != data:blog.homepageUrl' expr:href='data:blog.homepageUrl' name='a'>
  1633. <data:title/>
  1634. </b:tag>
  1635. </b:includable>
  1636. </b:widget>
  1637. </b:section>
  1638. </div>
  1639. </div>
  1640. <div class='header-cap-bottom cap-bottom'>
  1641. <div class='cap-left'/>
  1642. <div class='cap-right'/>
  1643. </div>
  1644. </div>
  1645. </header>
  1646.  
  1647. <div class='tabs-outer'>
  1648. <div class='tabs-cap-top cap-top'>
  1649. <div class='cap-left'/>
  1650. <div class='cap-right'/>
  1651. </div>
  1652. <div class='fauxborder-left tabs-fauxborder-left'>
  1653. <div class='fauxborder-right tabs-fauxborder-right'/>
  1654. <div class='region-inner tabs-inner'>
  1655. <b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'/>
  1656. <b:section class='tabs' id='crosscol-overflow' showaddelement='no'/>
  1657. </div>
  1658. </div>
  1659. <div class='tabs-cap-bottom cap-bottom'>
  1660. <div class='cap-left'/>
  1661. <div class='cap-right'/>
  1662. </div>
  1663. </div>
  1664.  
  1665. <div class='main-outer'>
  1666. <div class='main-cap-top cap-top'>
  1667. <div class='cap-left'/>
  1668. <div class='cap-right'/>
  1669. </div>
  1670.  
  1671. <div class='fauxborder-left main-fauxborder-left'>
  1672. <div class='fauxborder-right main-fauxborder-right'/>
  1673. <div class='region-inner main-inner'>
  1674.  
  1675. <div class='columns fauxcolumns'>
  1676.  
  1677. <div class='fauxcolumn-outer fauxcolumn-center-outer'>
  1678. <div class='cap-top'>
  1679. <div class='cap-left'/>
  1680. <div class='cap-right'/>
  1681. </div>
  1682. <div class='fauxborder-left'>
  1683. <div class='fauxborder-right'/>
  1684. <div class='fauxcolumn-inner'>
  1685. </div>
  1686. </div>
  1687. <div class='cap-bottom'>
  1688. <div class='cap-left'/>
  1689. <div class='cap-right'/>
  1690. </div>
  1691. </div>
  1692.  
  1693. <div class='fauxcolumn-outer fauxcolumn-left-outer'>
  1694. <div class='cap-top'>
  1695. <div class='cap-left'/>
  1696. <div class='cap-right'/>
  1697. </div>
  1698. <div class='fauxborder-left'>
  1699. <div class='fauxborder-right'/>
  1700. <div class='fauxcolumn-inner'>
  1701. </div>
  1702. </div>
  1703. <div class='cap-bottom'>
  1704. <div class='cap-left'/>
  1705. <div class='cap-right'/>
  1706. </div>
  1707. </div>
  1708.  
  1709. <div class='fauxcolumn-outer fauxcolumn-right-outer'>
  1710. <div class='cap-top'>
  1711. <div class='cap-left'/>
  1712. <div class='cap-right'/>
  1713. </div>
  1714. <div class='fauxborder-left'>
  1715. <div class='fauxborder-right'/>
  1716. <div class='fauxcolumn-inner'>
  1717. </div>
  1718. </div>
  1719. <div class='cap-bottom'>
  1720. <div class='cap-left'/>
  1721. <div class='cap-right'/>
  1722. </div>
  1723. </div>
  1724.  
  1725. <!-- corrects IE6 width calculation -->
  1726. <div class='columns-inner'>
  1727.  
  1728. <div class='column-center-outer'>
  1729. <div class='column-center-inner'>
  1730. <b:section class='main' id='main' showaddelement='no'>
  1731. <b:widget id='Blog1' locked='false' title='Postagens no blog' type='Blog' version='1'>
  1732. <b:widget-settings>
  1733. <b:widget-setting name='showDateHeader'>true</b:widget-setting>
  1734. <b:widget-setting name='style.textcolor'>#ffffff</b:widget-setting>
  1735. <b:widget-setting name='showShareButtons'>false</b:widget-setting>
  1736. <b:widget-setting name='showCommentLink'>true</b:widget-setting>
  1737. <b:widget-setting name='style.urlcolor'>#538cd6</b:widget-setting>
  1738. <b:widget-setting name='showAuthor'>true</b:widget-setting>
  1739. <b:widget-setting name='style.linkcolor'>#666666</b:widget-setting>
  1740. <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
  1741. <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
  1742. <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
  1743. <b:widget-setting name='style.layout'>1x1</b:widget-setting>
  1744. <b:widget-setting name='showLabels'>true</b:widget-setting>
  1745. <b:widget-setting name='showLocation'>false</b:widget-setting>
  1746. <b:widget-setting name='showTimestamp'>true</b:widget-setting>
  1747. <b:widget-setting name='postsPerAd'>1</b:widget-setting>
  1748. <b:widget-setting name='showBacklinks'>false</b:widget-setting>
  1749. <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
  1750. <b:widget-setting name='showInlineAds'>false</b:widget-setting>
  1751. <b:widget-setting name='showReactions'>false</b:widget-setting>
  1752. </b:widget-settings>
  1753. <b:includable id='main' var='top'>
  1754. <b:if cond='!data:mobile'>
  1755. <!-- posts -->
  1756. <div class='blog-posts hfeed'>
  1757.  
  1758. <b:include data='top' name='status-message'/>
  1759.  
  1760. <b:loop values='data:posts' var='post'>
  1761. <b:if cond='data:post.isDateStart and not data:post.isFirstPost'>
  1762. &lt;/div&gt;&lt;/div&gt;
  1763. </b:if>
  1764. <b:if cond='data:post.isDateStart'>
  1765. &lt;div class=&quot;date-outer&quot;&gt;
  1766. </b:if>
  1767. <b:if cond='data:post.dateHeader'>
  1768. <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  1769. </b:if>
  1770. <b:if cond='data:post.isDateStart'>
  1771. &lt;div class=&quot;date-posts&quot;&gt;
  1772. </b:if>
  1773. <div class='post-outer'>
  1774. <b:include data='post' name='post'/>
  1775. <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
  1776. </div>
  1777.  
  1778. <!-- Ad -->
  1779. <b:if cond='data:post.includeAd'>
  1780. <div class='inline-ad'>
  1781. <data:adCode/>
  1782. </div>
  1783. </b:if>
  1784. </b:loop>
  1785. <b:if cond='data:numPosts != 0'>
  1786. &lt;/div&gt;&lt;/div&gt;
  1787. </b:if>
  1788. </div>
  1789.  
  1790. <!-- navigation -->
  1791. <b:include name='nextprev'/>
  1792.  
  1793. <!-- feed links -->
  1794. <b:include name='feedLinks'/>
  1795.  
  1796. <b:else/>
  1797. <b:include name='mobile-main'/>
  1798. </b:if>
  1799.  
  1800. <b:include cond='data:top.showPlusOne' name='googlePlusBootstrap'/>
  1801. </b:includable>
  1802. <b:includable id='backlinkDeleteIcon' var='backlink'>
  1803. <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
  1804. <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
  1805. <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
  1806. </a>
  1807. </span>
  1808. </b:includable>
  1809. <b:includable id='backlinks' var='post'>
  1810. <a name='links'/><h4><data:post.backlinksLabel/></h4>
  1811. <b:if cond='data:post.numBacklinks != 0'>
  1812. <dl class='comments-block' id='comments-block'>
  1813. <b:loop values='data:post.backlinks' var='backlink'>
  1814. <div class='collapsed-backlink backlink-control'>
  1815. <dt class='comment-title'>
  1816. <span class='backlink-toggle-zippy'>&#160;</span>
  1817. <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
  1818. <b:include data='backlink' name='backlinkDeleteIcon'/>
  1819. </dt>
  1820. <dd class='comment-body collapseable'>
  1821. <data:backlink.snippet/>
  1822. </dd>
  1823. <dd class='comment-footer collapseable'>
  1824. <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
  1825. <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
  1826. </dd>
  1827. </div>
  1828. </b:loop>
  1829. </dl>
  1830. </b:if>
  1831. <p class='comment-footer'>
  1832. <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>
  1833. </p>
  1834. </b:includable>
  1835. <b:includable id='comment-form' var='post'>
  1836. <div class='comment-form'>
  1837. <a name='comment-form'/>
  1838. <b:if cond='data:mobile'>
  1839. <h4 id='comment-post-message'>
  1840. <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
  1841. <p><data:blogCommentMessage/></p>
  1842. <data:blogTeamBlogMessage/>
  1843. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1844. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
  1845. <b:else/>
  1846. <h4 id='comment-post-message'><data:postCommentMsg/></h4>
  1847. <p><data:blogCommentMessage/></p>
  1848. <data:blogTeamBlogMessage/>
  1849. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1850. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
  1851. </b:if>
  1852. <data:post.cmtfpIframe/>
  1853. <script type='text/javascript'>
  1854. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  1855. </script>
  1856. </div>
  1857. </b:includable>
  1858. <b:includable id='commentDeleteIcon' var='comment'>
  1859. <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
  1860. <b:if cond='data:showCmtPopup'>
  1861. <div class='goog-toggle-button'>
  1862. <div class='goog-inline-block comment-action-icon'/>
  1863. </div>
  1864. <b:else/>
  1865. <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
  1866. <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
  1867. </a>
  1868. </b:if>
  1869. </span>
  1870. </b:includable>
  1871. <b:includable id='comment_count_picker' var='post'>
  1872. <b:if cond='data:post.commentSource == 1'>
  1873. <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.url.canonical.http'>
  1874. </span>
  1875. <b:else/>
  1876. <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  1877. <data:post.commentLabelFull/>:
  1878. </a>
  1879. </b:if>
  1880. </b:includable>
  1881. <b:includable id='comment_picker' var='post'>
  1882. <b:if cond='data:post.commentSource == 1'>
  1883. <b:include data='post' name='iframe_comments'/>
  1884. <b:elseif cond='data:post.showThreadedComments'/>
  1885. <b:include data='post' name='threaded_comments'/>
  1886. <b:else/>
  1887. <b:include data='post' name='comments'/>
  1888. </b:if>
  1889. </b:includable>
  1890. <b:includable id='comments' var='post'>
  1891. <div class='comments' id='comments'>
  1892. <a name='comments'/>
  1893. <b:if cond='data:post.allowComments'>
  1894. <h4><data:post.commentLabelFull/>:</h4>
  1895.  
  1896. <b:if cond='data:post.commentPagingRequired'>
  1897. <span class='paging-control-container'>
  1898. <b:if cond='data:post.hasOlderLinks'>
  1899. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
  1900. &#160;
  1901. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
  1902. &#160;
  1903. </b:if>
  1904.  
  1905. <data:post.commentRangeText/>
  1906.  
  1907. <b:if cond='data:post.hasNewerLinks'>
  1908. &#160;
  1909. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
  1910. &#160;
  1911. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
  1912. </b:if>
  1913. </span>
  1914. </b:if>
  1915.  
  1916. <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
  1917. <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
  1918. <b:loop values='data:post.comments' var='comment'>
  1919. <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
  1920. <b:if cond='data:comment.favicon'>
  1921. <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
  1922. </b:if>
  1923. <a expr:name='data:comment.anchorName'/>
  1924. <b:if cond='data:blog.enabledCommentProfileImages'>
  1925. <data:comment.authorAvatarImage/>
  1926. </b:if>
  1927. <b:if cond='data:comment.authorUrl'>
  1928. <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
  1929. <b:else/>
  1930. <data:comment.author/>
  1931. </b:if>
  1932. <data:commentPostedByMsg/>
  1933. </dt>
  1934. <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
  1935. <b:if cond='data:comment.isDeleted'>
  1936. <span class='deleted-comment'><data:comment.body/></span>
  1937. <b:else/>
  1938. <p>
  1939. <data:comment.body/>
  1940. </p>
  1941. </b:if>
  1942. </dd>
  1943. <dd class='comment-footer'>
  1944. <span class='comment-timestamp'>
  1945. <a expr:href='data:comment.url' title='comment permalink'>
  1946. <data:comment.timestamp/>
  1947. </a>
  1948. <b:include data='comment' name='commentDeleteIcon'/>
  1949. </span>
  1950. </dd>
  1951. </b:loop>
  1952. </dl>
  1953. </div>
  1954.  
  1955. <b:if cond='data:post.commentPagingRequired'>
  1956. <span class='paging-control-container'>
  1957. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
  1958. <data:post.oldestLinkText/>
  1959. </a>
  1960. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
  1961. <data:post.olderLinkText/>
  1962. </a>
  1963. &#160;
  1964. <data:post.commentRangeText/>
  1965. &#160;
  1966. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
  1967. <data:post.newerLinkText/>
  1968. </a>
  1969. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
  1970. <data:post.newestLinkText/>
  1971. </a>
  1972. </span>
  1973. </b:if>
  1974.  
  1975. <p class='comment-footer'>
  1976. <b:if cond='data:post.embedCommentForm'>
  1977. <b:if cond='data:post.allowNewComments'>
  1978. <b:include data='post' name='comment-form'/>
  1979. <b:else/>
  1980. <data:post.noNewCommentsText/>
  1981. </b:if>
  1982. <b:elseif cond='data:post.allowComments'/>
  1983. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  1984. </b:if>
  1985. </p>
  1986. </b:if>
  1987. <b:if cond='data:showCmtPopup'>
  1988. <div id='comment-popup'>
  1989. <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  1990. </iframe>
  1991. </div>
  1992. </b:if>
  1993.  
  1994. <div id='backlinks-container'>
  1995. <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  1996. <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
  1997. </div>
  1998. </div>
  1999. </div>
  2000. </b:includable>
  2001. <b:includable id='feedLinks'>
  2002. <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
  2003. <b:if cond='data:feedLinks'>
  2004. <div class='blog-feeds'>
  2005. <b:include data='feedLinks' name='feedLinksBody'/>
  2006. </div>
  2007. </b:if>
  2008.  
  2009. <b:else/> <!--Post feed links -->
  2010. <div class='post-feeds'>
  2011. <b:loop values='data:posts' var='post'>
  2012. <b:include cond='data:post.allowComments and data:post.feedLinks' data='post.feedLinks' name='feedLinksBody'/>
  2013. </b:loop>
  2014. </div>
  2015. </b:if>
  2016. </b:includable>
  2017. <b:includable id='feedLinksBody' var='links'>
  2018. <div class='feed-links'>
  2019. <data:feedLinksMsg/>
  2020. <b:loop values='data:links' var='f'>
  2021. <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  2022. </b:loop>
  2023. </div>
  2024. </b:includable>
  2025. <b:includable id='iframe_comments' var='post'>
  2026.  
  2027. <b:if cond='data:post.allowIframeComments'>
  2028. <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
  2029. <div class='cmt_iframe_holder' expr:data-href='data:post.url.canonical' expr:data-viewtype='data:post.viewType'/>
  2030.  
  2031. <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
  2032. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  2033. </b:if>
  2034. </b:if>
  2035. </b:includable>
  2036. <b:includable id='mobile-index-post' var='post'>
  2037. <div class='mobile-date-outer date-outer'>
  2038. <b:if cond='data:post.dateHeader'>
  2039. <div class='date-header'>
  2040. <span><data:post.dateHeader/></span>
  2041. </div>
  2042. </b:if>
  2043.  
  2044. <div class='mobile-post-outer'>
  2045. <a expr:href='data:post.url'>
  2046. <h3 class='mobile-index-title entry-title' itemprop='name'>
  2047. <data:post.title/>
  2048. </h3>
  2049.  
  2050. <div class='mobile-index-arrow'>&amp;rsaquo;</div>
  2051.  
  2052. <div class='mobile-index-contents'>
  2053. <b:if cond='data:post.thumbnailUrl'>
  2054. <div class='mobile-index-thumbnail'>
  2055. <div class='Image'>
  2056. <img expr:src='data:post.thumbnailUrl'/>
  2057. </div>
  2058. </div>
  2059. </b:if>
  2060.  
  2061. <div class='post-body'>
  2062. <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
  2063. </div>
  2064. </div>
  2065.  
  2066. <div style='clear: both;'/>
  2067. </a>
  2068.  
  2069. <div class='mobile-index-comment'>
  2070. <b:include cond='data:blog.pageType != &quot;static_page&quot; and data:post.allowComments and data:post.numComments != 0' data='post' name='comment_count_picker'/>
  2071. </div>
  2072. </div>
  2073. </div>
  2074. </b:includable>
  2075. <b:includable id='mobile-main' var='top'>
  2076. <!-- posts -->
  2077. <div class='blog-posts hfeed'>
  2078.  
  2079. <b:include data='top' name='status-message'/>
  2080.  
  2081. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  2082. <b:loop values='data:posts' var='post'>
  2083. <b:include data='post' name='mobile-index-post'/>
  2084. </b:loop>
  2085. <b:else/>
  2086. <b:loop values='data:posts' var='post'>
  2087. <b:include data='post' name='mobile-post'/>
  2088. </b:loop>
  2089. </b:if>
  2090. </div>
  2091.  
  2092. <b:include name='mobile-nextprev'/>
  2093. </b:includable>
  2094. <b:includable id='mobile-nextprev'>
  2095. <div class='blog-pager' id='blog-pager'>
  2096. <b:if cond='data:newerPageUrl'>
  2097. <div class='mobile-link-button' id='blog-pager-newer-link'>
  2098. <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>
  2099. </div>
  2100. </b:if>
  2101.  
  2102. <b:if cond='data:olderPageUrl'>
  2103. <div class='mobile-link-button' id='blog-pager-older-link'>
  2104. <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>
  2105. </div>
  2106. </b:if>
  2107.  
  2108. <div class='mobile-link-button' id='blog-pager-home-link'>
  2109. <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  2110. </div>
  2111.  
  2112. <div class='mobile-desktop-link'>
  2113. <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
  2114. </div>
  2115.  
  2116. </div>
  2117. <div class='clear'/>
  2118. </b:includable>
  2119. <b:includable id='mobile-post' var='post'>
  2120. <div class='date-outer'>
  2121. <b:if cond='data:post.dateHeader'>
  2122. <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  2123. </b:if>
  2124. <div class='date-posts'>
  2125. <div class='post-outer'>
  2126.  
  2127. <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  2128. <b:if cond='data:post.thumbnailUrl'>
  2129. <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
  2130. </b:if>
  2131. <meta expr:content='data:blog.blogId' itemprop='blogId'/>
  2132. <meta expr:content='data:post.id' itemprop='postId'/>
  2133.  
  2134. <a expr:name='data:post.id'/>
  2135. <b:if cond='data:post.title'>
  2136. <h3 class='post-title entry-title' itemprop='name'>
  2137. <b:if cond='data:post.link'>
  2138. <a expr:href='data:post.link'><data:post.title/></a>
  2139. <b:elseif cond='data:post.url and data:blog.url != data:post.url'/>
  2140. <a expr:href='data:post.url'><data:post.title/></a>
  2141. <b:else/>
  2142. <data:post.title/>
  2143. </b:if>
  2144. </h3>
  2145. </b:if>
  2146.  
  2147. <div class='post-header'>
  2148. <div class='post-header-line-1'/>
  2149. </div>
  2150.  
  2151. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  2152. <data:post.body/>
  2153. <div style='clear: both;'/> <!-- clear for photos floats -->
  2154. </div>
  2155.  
  2156. <div class='post-footer'>
  2157. <div class='post-footer-line post-footer-line-1'>
  2158. <span class='post-author vcard'>
  2159. <b:if cond='data:top.showAuthor'>
  2160. <b:if cond='data:post.authorProfileUrl'>
  2161. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  2162. <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  2163. <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  2164. <span itemprop='name'><data:post.author/></span>
  2165. </a>
  2166. </span>
  2167. <b:else/>
  2168. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  2169. <span itemprop='name'><data:post.author/></span>
  2170. </span>
  2171. </b:if>
  2172. </b:if>
  2173. </span>
  2174.  
  2175. <span class='post-timestamp'>
  2176. <b:if cond='data:top.showTimestamp'>
  2177. <data:top.timestampLabel/>
  2178. <b:if cond='data:post.url'>
  2179. <meta expr:content='data:post.url.canonical' itemprop='url'/>
  2180. <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>
  2181. </b:if>
  2182. </b:if>
  2183. </span>
  2184.  
  2185. <span class='post-comment-link'>
  2186. <b:include cond='data:blog.pageType not in {&quot;item&quot;,&quot;static_page&quot;} and data:post.allowComments' data='post' name='comment_count_picker'/>
  2187. </span>
  2188. </div>
  2189.  
  2190. <div class='post-footer-line post-footer-line-2'>
  2191. <b:if cond='data:top.showMobileShare'>
  2192. <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
  2193. <a href='javascript:void(0);'><data:shareMsg/></a>
  2194. </div>
  2195. </b:if>
  2196. <b:if cond='data:top.showDummy'>
  2197. <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
  2198. </b:if>
  2199. </div>
  2200.  
  2201. </div>
  2202. </div>
  2203.  
  2204. <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
  2205. </div>
  2206. </div>
  2207. </div>
  2208. </b:includable>
  2209. <b:includable id='nextprev'>
  2210. <div class='blog-pager' id='blog-pager'>
  2211. <b:if cond='data:newerPageUrl'>
  2212. <span id='blog-pager-newer-link'>
  2213. <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'>&#8920; Recentes</a>
  2214. </span>
  2215. </b:if>
  2216.  
  2217. <b:if cond='data:olderPageUrl'>
  2218. <span id='blog-pager-older-link'>
  2219. <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'>Antigas &#8921;</a>
  2220. </span>
  2221. </b:if>
  2222.  
  2223. <a class='home-link' expr:href='data:blog.homepageUrl'>&#8907;Inicio&#8908;</a>
  2224.  
  2225. <b:if cond='data:mobileLinkUrl'>
  2226. <div class='blog-mobile-link'>
  2227. <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
  2228. </div>
  2229. </b:if>
  2230.  
  2231. </div>
  2232. <div class='clear'/>
  2233. </b:includable>
  2234. <b:includable id='post' var='post'>
  2235. <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  2236. <b:if cond='data:post.firstImageUrl'>
  2237. <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
  2238. </b:if>
  2239. <meta expr:content='data:blog.blogId' itemprop='blogId'/>
  2240. <meta expr:content='data:post.id' itemprop='postId'/>
  2241.  
  2242. <a expr:name='data:post.id'/>
  2243. <b:if cond='data:post.title'>
  2244. <h3 class='post-title entry-title' itemprop='name'>
  2245. <b:if cond='data:post.link'>
  2246. <a expr:href='data:post.link'><data:post.title/></a>
  2247. <b:else/>
  2248. <b:if cond='data:post.url'>
  2249. <b:if cond='data:blog.url != data:post.url'>
  2250. <a expr:href='data:post.url'><data:post.title/></a>
  2251. <b:else/>
  2252. <data:post.title/>
  2253. </b:if>
  2254. <b:else/>
  2255. <data:post.title/>
  2256. </b:if>
  2257. </b:if>
  2258. </h3>
  2259. </b:if>
  2260.  
  2261. <div class='post-header'>
  2262. <div class='post-header-line-1'/>
  2263. </div>
  2264.  
  2265. <b:if cond='data:blog.metaDescription == &quot;&quot;'>
  2266. <!-- Then use the post body as the schema.org description,
  2267. for good G+/FB snippeting. -->
  2268. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'>
  2269. <data:post.body/>
  2270. <div style='clear: both;'/> <!-- clear for photos floats -->
  2271. </div>
  2272. <b:else/>
  2273. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  2274. <data:post.body/>
  2275. <div style='clear: both;'/> <!-- clear for photos floats -->
  2276. </div>
  2277. </b:if>
  2278.  
  2279. <b:if cond='data:post.hasJumpLink'>
  2280. <div class='jump-link'>
  2281. <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
  2282. </div>
  2283. </b:if>
  2284.  
  2285. <div class='post-footer'>
  2286.  
  2287. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2288. <b:if cond='data:post.author == &quot;W Chan&quot;'>
  2289. <div class='autorbox'>
  2290. <div class='autoravatar'>
  2291. <img alt='Dricéa Andrew' src='http://static.tumblr.com/xpo2exu/6HBng4lg8/avatar.png'/>
  2292. </div>
  2293.  
  2294. <div class='autorcontent'>
  2295. <div class='autorhead'>
  2296. <h3><a href='AUTOR-LINK'>Dricéa Andrew</a></h3>
  2297.  
  2298. <ul class='autorsocial'>
  2299. <li><a class='autorFacebook' href='FACEBOOK-LINK' target='_blank' title='Facebook'>Facebook</a></li>
  2300.  
  2301. <li><a class='autorGooglePlus' href='GOOGLEPLUS-LINK' target='_blank' title='GooglePlus'>GooglePlus</a></li>
  2302.  
  2303. <li><a class='autorTwitter' href='TWITTER-LINK' target='_blank' title='Twitter'>Twitter</a></li>
  2304.  
  2305. <li><a class='autorLinkedin' href='LINKEDIN-LINK' target='_blank' title='Linkedin'>Linkedin</a></li>
  2306. </ul>
  2307. </div>
  2308.  
  2309. <p class='bio'>Olá eu me chamo Andréa, tenho 21 anos e moro no Rio de Janeiro. Uma simples e jovem amante da literatura, com sonho de ter sua biblioteca pessoal. Amante da natureza e dos animais. E ama uma música.
  2310. <br/><a href='LINK'>Saiba mais...</a></p>
  2311. </div>
  2312. </div>
  2313. </b:if>
  2314. </b:if>
  2315. <div class='post-footer-line post-footer-line-1'>
  2316. </div>
  2317.  
  2318. <div class='post-footer-line post-footer-line-2'><span class='post-labels'>
  2319. <b:if cond='data:post.labels'>
  2320. <data:postLabelsLabel/>
  2321. <b:loop values='data:post.labels' var='label'>
  2322. <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
  2323. </b:loop>
  2324. </b:if>
  2325. </span> </div>
  2326.  
  2327. <div class='post-footer-line post-footer-line-3'><span class='post-location'>
  2328. <b:if cond='data:top.showLocation'>
  2329. <b:if cond='data:post.location'>
  2330. <data:postLocationLabel/>
  2331. <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
  2332. </b:if>
  2333. </b:if>
  2334. </span> </div>
  2335. <b:if cond='data:post.authorAboutMe'>
  2336. <div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  2337. <b:if cond='data:post.authorPhoto.url'>
  2338. <img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
  2339. </b:if>
  2340. <div>
  2341. <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
  2342. <span itemprop='name'><data:post.author/></span>
  2343. </a>
  2344. </div>
  2345. <span itemprop='description'><data:post.authorAboutMe/></span>
  2346. </div>
  2347. </b:if>
  2348. </div>
  2349. </div>
  2350. </b:includable>
  2351. <b:includable id='postQuickEdit' var='post'>
  2352. <b:if cond='data:post.editUrl'>
  2353. <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
  2354. <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
  2355. <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
  2356. </a>
  2357. </span>
  2358. </b:if>
  2359. </b:includable>
  2360. <b:includable id='shareButtons' var='post'>
  2361. <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.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + &quot;&amp;target=pinterest&quot;' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showPlusOne'><div class='goog-inline-block google-plus-share-container'><data:post.googlePlusShareTag/></div></b:if>
  2362. </b:includable>
  2363. <b:includable id='status-message'>
  2364. <b:if cond='data:navMessage'>
  2365. <div class='status-msg-wrap'>
  2366. <div class='status-msg-body'>
  2367. <data:navMessage/>
  2368. </div>
  2369. <div class='status-msg-border'>
  2370. <div class='status-msg-bg'>
  2371. <div class='status-msg-hidden'><data:navMessage/></div>
  2372. </div>
  2373. </div>
  2374. </div>
  2375. <div style='clear: both;'/>
  2376. </b:if>
  2377. </b:includable>
  2378. <b:includable id='threaded-comment-form' var='post'>
  2379. <div class='comment-form'>
  2380. <a name='comment-form'/>
  2381. <b:if cond='data:mobile'>
  2382. <p><data:blogCommentMessage/></p>
  2383. <data:blogTeamBlogMessage/>
  2384. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  2385. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
  2386. <b:else/>
  2387. <p><data:blogCommentMessage/></p>
  2388. <data:blogTeamBlogMessage/>
  2389. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  2390. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
  2391. </b:if>
  2392. <data:post.cmtfpIframe/>
  2393. <script type='text/javascript'>
  2394. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  2395. </script>
  2396. </div>
  2397. </b:includable>
  2398. <b:includable id='threaded_comment_js' var='post'>
  2399. <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  2400.  
  2401. <script type='text/javascript'>
  2402. (function() {
  2403. var items = <data:post.commentJso/>;
  2404. var msgs = <data:post.commentMsgs/>;
  2405. var config = <data:post.commentConfig/>;
  2406.  
  2407. // <![CDATA[
  2408. var cursor = null;
  2409. if (items && items.length > 0) {
  2410. cursor = parseInt(items[items.length - 1].timestamp) + 1;
  2411. }
  2412.  
  2413. var bodyFromEntry = function(entry) {
  2414. if (entry.gd$extendedProperty) {
  2415. for (var k in entry.gd$extendedProperty) {
  2416. if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
  2417. return '<span class="deleted-comment">' + entry.content.$t + '</span>';
  2418. }
  2419. }
  2420. }
  2421. return entry.content.$t;
  2422. }
  2423.  
  2424. var parse = function(data) {
  2425. cursor = null;
  2426. var comments = [];
  2427. if (data && data.feed && data.feed.entry) {
  2428. for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
  2429. var comment = {};
  2430. // comment ID, parsed out of the original id format
  2431. var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
  2432. comment.id = id ? id[2] : null;
  2433. comment.body = bodyFromEntry(entry);
  2434. comment.timestamp = Date.parse(entry.published.$t) + '';
  2435. if (entry.author && entry.author.constructor === Array) {
  2436. var auth = entry.author[0];
  2437. if (auth) {
  2438. comment.author = {
  2439. name: (auth.name ? auth.name.$t : undefined),
  2440. profileUrl: (auth.uri ? auth.uri.$t : undefined),
  2441. avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
  2442. };
  2443. }
  2444. }
  2445. if (entry.link) {
  2446. if (entry.link[2]) {
  2447. comment.link = comment.permalink = entry.link[2].href;
  2448. }
  2449. if (entry.link[3]) {
  2450. var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
  2451. if (pid && pid[1]) {
  2452. comment.parentId = pid[1];
  2453. }
  2454. }
  2455. }
  2456. comment.deleteclass = 'item-control blog-admin';
  2457. if (entry.gd$extendedProperty) {
  2458. for (var k in entry.gd$extendedProperty) {
  2459. if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
  2460. comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
  2461. } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
  2462. comment.displayTime = entry.gd$extendedProperty[k].value;
  2463. }
  2464. }
  2465. }
  2466. comments.push(comment);
  2467. }
  2468. }
  2469. return comments;
  2470. };
  2471.  
  2472. var paginator = function(callback) {
  2473. if (hasMore()) {
  2474. var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
  2475. if (cursor) {
  2476. url += '&published-min=' + new Date(cursor).toISOString();
  2477. }
  2478. window.bloggercomments = function(data) {
  2479. var parsed = parse(data);
  2480. cursor = parsed.length < 50 ? null
  2481. : parseInt(parsed[parsed.length - 1].timestamp) + 1
  2482. callback(parsed);
  2483. window.bloggercomments = null;
  2484. }
  2485. url += '&callback=bloggercomments';
  2486. var script = document.createElement('script');
  2487. script.type = 'text/javascript';
  2488. script.src = url;
  2489. document.getElementsByTagName('head')[0].appendChild(script);
  2490. }
  2491. };
  2492. var hasMore = function() {
  2493. return !!cursor;
  2494. };
  2495. var getMeta = function(key, comment) {
  2496. if ('iswriter' == key) {
  2497. var matches = !!comment.author
  2498. && comment.author.name == config.authorName
  2499. && comment.author.profileUrl == config.authorUrl;
  2500. return matches ? 'true' : '';
  2501. } else if ('deletelink' == key) {
  2502. return config.baseUri + '/delete-comment.g?blogID='
  2503. + config.blogId + '&postID=' + comment.id;
  2504. } else if ('deleteclass' == key) {
  2505. return comment.deleteclass;
  2506. }
  2507. return '';
  2508. };
  2509.  
  2510. var replybox = null;
  2511. var replyUrlParts = null;
  2512. var replyParent = undefined;
  2513.  
  2514. var onReply = function(commentId, domId) {
  2515. if (replybox == null) {
  2516. // lazily cache replybox, and adjust to suit this style:
  2517. replybox = document.getElementById('comment-editor');
  2518. if (replybox != null) {
  2519. replybox.height = '250px';
  2520. replybox.style.display = 'block';
  2521. replyUrlParts = replybox.src.split('#');
  2522. }
  2523. }
  2524. if (replybox && (commentId !== replyParent)) {
  2525. replybox.src = '';
  2526. document.getElementById(domId).insertBefore(replybox, null);
  2527. replybox.src = replyUrlParts[0]
  2528. + (commentId ? '&parentID=' + commentId : '')
  2529. + '#' + replyUrlParts[1];
  2530. replyParent = commentId;
  2531. }
  2532. };
  2533.  
  2534. var hash = (window.location.hash || '#').substring(1);
  2535. var startThread, targetComment;
  2536. if (/^comment-form_/.test(hash)) {
  2537. startThread = hash.substring('comment-form_'.length);
  2538. } else if (/^c[0-9]+$/.test(hash)) {
  2539. targetComment = hash.substring(1);
  2540. }
  2541.  
  2542. // Configure commenting API:
  2543. var configJso = {
  2544. 'maxDepth': config.maxThreadDepth
  2545. };
  2546. var provider = {
  2547. 'id': config.postId,
  2548. 'data': items,
  2549. 'loadNext': paginator,
  2550. 'hasMore': hasMore,
  2551. 'getMeta': getMeta,
  2552. 'onReply': onReply,
  2553. 'rendered': true,
  2554. 'initComment': targetComment,
  2555. 'initReplyThread': startThread,
  2556. 'config': configJso,
  2557. 'messages': msgs
  2558. };
  2559.  
  2560. var render = function() {
  2561. if (window.goog && window.goog.comments) {
  2562. var holder = document.getElementById('comment-holder');
  2563. window.goog.comments.render(holder, provider);
  2564. }
  2565. };
  2566.  
  2567. // render now, or queue to render when library loads:
  2568. if (window.goog && window.goog.comments) {
  2569. render();
  2570. } else {
  2571. window.goog = window.goog || {};
  2572. window.goog.comments = window.goog.comments || {};
  2573. window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
  2574. window.goog.comments.loadQueue.push(render);
  2575. }
  2576. })();
  2577. // ]]>
  2578. </script>
  2579. </b:includable>
  2580. <b:includable id='threaded_comments' var='post'>
  2581. <div class='comments' id='comments'>
  2582. <a name='comments'/>
  2583. <h4><data:post.commentLabelFull/>:</h4>
  2584.  
  2585. <div class='comments-content'>
  2586. <b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/>
  2587. <div id='comment-holder'>
  2588. <data:post.commentHtml/>
  2589. </div>
  2590. </div>
  2591.  
  2592. <p class='comment-footer'>
  2593. <b:if cond='data:post.allowNewComments'>
  2594. <b:include data='post' name='threaded-comment-form'/>
  2595. <b:else/>
  2596. <data:post.noNewCommentsText/>
  2597. </b:if>
  2598. </p>
  2599.  
  2600. <b:if cond='data:showCmtPopup'>
  2601. <div id='comment-popup'>
  2602. <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  2603. </iframe>
  2604. </div>
  2605. </b:if>
  2606.  
  2607. <div id='backlinks-container'>
  2608. <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  2609. <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
  2610. </div>
  2611. </div>
  2612. </div>
  2613. </b:includable>
  2614. </b:widget>
  2615. </b:section>
  2616. </div>
  2617. </div>
  2618.  
  2619.  
  2620. <div class='column-left-outer'>
  2621. <div class='column-left-inner'>
  2622. <aside>
  2623. <macro:include id='main-column-left-sections' name='sections'>
  2624. <macro:param default='0' name='num' value='0'/>
  2625. <macro:param default='sidebar-left' name='idPrefix'/>
  2626. <macro:param default='sidebar' name='class'/>
  2627. <macro:param default='true' name='includeBottom'/>
  2628. </macro:include>
  2629. </aside>
  2630. </div>
  2631. </div>
  2632.  
  2633. <div class='column-right-outer'>
  2634. <div class='caixapesquisa'>
  2635. <form action='/search' class='search' method='get'>
  2636. <input class='searchbar' id='s' name='q' type='text' value='Press and enter'/>
  2637. <input class='searchbut' type='submit' value='Go'/>
  2638. </form></div>
  2639.  
  2640. <div class='sidebarmestre'>
  2641. <div class='iam'><img src='https://s-media-cache-ak0.pinimg.com/736x/6d/0a/ed/6d0aed2b068f7fa97a7d2a0ca0a95b7c.jpg'/></div>
  2642. <div style='text-align: justify;'>
  2643. Hey! Bem vindo ao meu blog, aqui você encontrara postagens de rascunho para apresentar esse lindo layout, que fiz com muito carinho. Todos os códigos encontrados aqui foram feitos por mim, então se utilizar não remova os creditos! Bom uso e sucesso ao seu blog. - <i>Drw Wendy</i></div> <br/> <div style='text-align: right;'>-<a href='http://www.bunnycrazy.net/'>Bunny Crazy</a></div>
  2644. </div>
  2645. <div class='column-right-inner'>
  2646. <aside>
  2647. <macro:include id='main-column-right-sections' name='sections'>
  2648. <macro:param default='2' name='num' value='1'/>
  2649. <macro:param default='sidebar-right' name='idPrefix'/>
  2650. <macro:param default='sidebar' name='class'/>
  2651. <macro:param default='true' name='includeBottom'/>
  2652. </macro:include>
  2653. </aside>
  2654. </div>
  2655. </div>
  2656.  
  2657. </div>
  2658.  
  2659. <div style='clear: both'/>
  2660. <!-- columns -->
  2661. </div>
  2662.  
  2663. <!-- main -->
  2664. </div>
  2665. </div>
  2666. <div class='main-cap-bottom cap-bottom'>
  2667. <div class='cap-left'/>
  2668. <div class='cap-right'/>
  2669. </div>
  2670. </div>
  2671.  
  2672. <footer>
  2673. <div class='footer-outer'>
  2674. <div class='footer-cap-top cap-top'>
  2675. <div class='cap-left'/>
  2676. <div class='cap-right'/>
  2677. </div>
  2678. <div class='fauxborder-left footer-fauxborder-left'>
  2679. <div class='fauxborder-right footer-fauxborder-right'/>
  2680. <div class='region-inner footer-inner'>
  2681. <macro:include id='footer-sections' name='sections'>
  2682. <macro:param default='2' name='num'/>
  2683. <macro:param default='footer' name='idPrefix'/>
  2684. <macro:param default='foot' name='class'/>
  2685. <macro:param default='false' name='includeBottom'/>
  2686. </macro:include>
  2687. <!-- outside of the include in order to lock Attribution widget -->
  2688. <b:section class='foot' id='footer-3' showaddelement='no'>
  2689. <b:widget id='Attribution1' locked='false' title='' type='Attribution'>
  2690. <b:widget-settings>
  2691. <b:widget-setting name='copyright'/>
  2692. </b:widget-settings>
  2693. <b:includable id='main'>
  2694. <div class='widget-content' style='text-align: center;'>
  2695. <b:if cond='data:attribution != &quot;&quot;'>
  2696. <data:attribution/>
  2697. </b:if>
  2698. </div>
  2699.  
  2700. <b:include name='quickedit'/>
  2701. </b:includable>
  2702. </b:widget>
  2703. </b:section>
  2704. </div>
  2705. </div>
  2706. <div class='footer-cap-bottom cap-bottom'>
  2707. <div class='cap-left'/>
  2708. <div class='cap-right'/>
  2709. </div>
  2710. </div>
  2711. </footer>
  2712.  
  2713. <!-- content -->
  2714. </div>
  2715. </div>
  2716. <div class='content-cap-bottom cap-bottom'>
  2717. <div class='cap-left'/>
  2718. <div class='cap-right'/>
  2719. </div>
  2720. </div>
  2721. </div>
  2722.  
  2723. <script type='text/javascript'>
  2724. window.setTimeout(function() {
  2725. document.body.className = document.body.className.replace(&#39;loading&#39;, &#39;&#39;);
  2726. }, 10);
  2727. </script>
  2728.  
  2729. <div id='footer-wrapper'><a href='http://webunny.blogspot.com/'>Layout Free Vue Neutre - By Bunny Crazy</a></div>
  2730.  
  2731. </body>
  2732.  
  2733. <macro:includable id='sections' var='col'>
  2734. <macro:if cond='data:col.num == 0'>
  2735. <macro:else/>
  2736. <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-1&quot;' preferred='yes' showaddelement='yes'/>
  2737.  
  2738. <macro:if cond='data:col.num &gt;= 2'>
  2739. <table border='0' cellpadding='0' cellspacing='0' mexpr:class='&quot;section-columns columns-&quot; + data:col.num'>
  2740. <tbody>
  2741. <tr>
  2742. <td class='first columns-cell'>
  2743. <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-1&quot;'/>
  2744. </td>
  2745.  
  2746. <td class='columns-cell'>
  2747. <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-2&quot;'/>
  2748. </td>
  2749.  
  2750. <macro:if cond='data:col.num &gt;= 3'>
  2751. <td class='columns-cell'>
  2752. <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-3&quot;'/>
  2753. </td>
  2754. </macro:if>
  2755.  
  2756. <macro:if cond='data:col.num &gt;= 4'>
  2757. <td class='columns-cell'>
  2758. <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-4&quot;'/>
  2759. </td>
  2760. </macro:if>
  2761. </tr>
  2762. </tbody>
  2763. </table>
  2764.  
  2765. <macro:if cond='data:col.includeBottom'>
  2766. <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-3&quot;' showaddelement='no'/>
  2767. </macro:if>
  2768. </macro:if>
  2769. </macro:if>
  2770. </macro:includable>
  2771.  
  2772.  
  2773. <b:section-contents id='sidebar-right-1'>
  2774. <b:widget id='Label1' locked='false' title='Lista do blog' type='Label'>
  2775. <b:widget-settings>
  2776. <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
  2777. <b:widget-setting name='display'>LIST</b:widget-setting>
  2778. <b:widget-setting name='selectedLabelsList'/>
  2779. <b:widget-setting name='showType'>ALL</b:widget-setting>
  2780. <b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
  2781. </b:widget-settings>
  2782. <b:includable id='main'>
  2783. <b:if cond='data:title != &quot;&quot;'>
  2784. <h2><data:title/></h2>
  2785. </b:if>
  2786. <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
  2787. <b:if cond='data:display == &quot;list&quot;'>
  2788. <ul>
  2789. <b:loop values='data:labels' var='label'>
  2790. <li>
  2791. <b:if cond='data:blog.url == data:label.url'>
  2792. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  2793. <b:else/>
  2794. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  2795. </b:if>
  2796. <b:if cond='data:showFreqNumbers'>
  2797. <span dir='ltr'>(<data:label.count/>)</span>
  2798. </b:if>
  2799. </li>
  2800. </b:loop>
  2801. </ul>
  2802. <b:else/>
  2803. <b:loop values='data:labels' var='label'>
  2804. <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
  2805. <b:if cond='data:blog.url == data:label.url'>
  2806. <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  2807. <b:else/>
  2808. <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
  2809. </b:if>
  2810. <b:if cond='data:showFreqNumbers'>
  2811. <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
  2812. </b:if>
  2813. </span>
  2814. </b:loop>
  2815. </b:if>
  2816. <b:include name='quickedit'/>
  2817. </div>
  2818. </b:includable>
  2819. </b:widget>
  2820. <b:widget id='HTML1' locked='false' title='⊶ Instagram ⊷' type='HTML'>
  2821. <b:widget-settings>
  2822. <b:widget-setting name='content'>&lt;!-- SnapWidget --&gt;
  2823. &lt;iframe src=&quot;https://snapwidget.com/embed/code/260241&quot; class=&quot;snapwidget-widget&quot; allowtransparency=&quot;true&quot; frameborder=&quot;0&quot; scrolling=&quot;no&quot; style=&quot;border:none; overflow:hidden; width:250px; height:250px&quot;&gt;&lt;/iframe&gt;</b:widget-setting>
  2824. </b:widget-settings>
  2825. <b:includable id='main'>
  2826. <!-- only display title if it's non-empty -->
  2827. <b:if cond='data:title != &quot;&quot;'>
  2828. <h2 class='title'><data:title/></h2>
  2829. </b:if>
  2830. <div class='widget-content'>
  2831. <data:content/>
  2832. </div>
  2833.  
  2834. <b:include name='quickedit'/>
  2835. </b:includable>
  2836. </b:widget>
  2837. </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
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!