API tools faq
paste
Advertisement
Drwendy

Octo Agenda

Drwendy
Oct 10th, 2015
281
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 105.73 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.  
  6. <link href='//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css' rel='stylesheet'/>
  7. <link href='https://www.blogger.com/static/v1/widgets/1535467126-widget_css_2_bundle.css' rel='stylesheet' type='text/css'/>
  8. <link href='http://fonts.googleapis.com/css?family=Carrois+Gothic+SC' rel='stylesheet' type='text/css'/>
  9. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' 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. BUNNY CRAZY. NET
  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 'Trebuchet MS',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="#fff8ee"/>
  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 0px 'Trebuchet MS',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="$(body.text.color)"/>
  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 'Trebuchet MS',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 'Trebuchet MS',Trebuchet,sans-serif"/>
  74. <Variable name="date.text.color" description="Text Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/>
  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 'Trebuchet MS',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="#ffffff"/>
  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 'Trebuchet MS',Trebuchet,sans-serif"/>
  93. <Variable name="widget.title.text.color" description="Title Color" type="color" default="#ffffff" value="$(post.title.text.color)"/>
  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="$(body.font)"/>
  99. <Variable name="widget.text.color" description="Text Color" type="color" default="$(body.text.color)" value="$(body.text.color)"/>
  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="$(body.text.color)"/>
  104. <Variable name="widget.link.visited.color" description="Visited Color" type="color" default="$(link.visited.color)" value="$(link.visited.color)"/>
  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="#000000 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" value="left"/>
  138. <Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right"/>
  139. */
  140.  
  141. /* Content
  142. ----------------------------------------------- */
  143. body {
  144. font: $(body.font);
  145. color: $(body.text.color);
  146. background: #fff url(https://4.bp.blogspot.com/-P9CQLRymI_E/VhWdI0JLYFI/AAAAAAAADGs/B_sBQ0pSEOQ/s1600/eight_horns.png) fixed;
  147. }
  148.  
  149. html body .region-inner {
  150. min-width: 0;
  151. max-width: 100%;
  152. width: auto;
  153. }
  154.  
  155. /* Cor dos links da postagem
  156. ----------------------------------------------- */
  157. a:link {
  158. color: #bc5c83; /* Cor do link*/
  159. text-decoration: none;
  160. -webkit-transition: color 0.7s ease-out;-moz-transition:
  161. color 0.7s ease-out;transition: color 0.7s ease-out;
  162. }
  163. a:visited {
  164. color: #bc5c83; /*Cor dos links visitados*/
  165. text-decoration:none;
  166. filter:alpha(opacity=100);
  167. -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
  168. }
  169. a:hover {
  170. color: #5a222c; /*Cor do link quando passa o mouse*/
  171. text-decoration:none;
  172. filter:alpha(opacity=100);
  173. -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
  174. }
  175.  
  176. .content-outer .content-cap-top {
  177. height:
  178. background:
  179. }
  180.  
  181. .content-outer {
  182. margin: 0 auto;
  183. }
  184.  
  185. .content-inner {
  186. background:
  187. background-position:
  188. background-color:
  189. padding:
  190. }
  191.  
  192. .main-inner .date-outer {
  193. margin-bottom: 2em;
  194. }
  195.  
  196. /* Header
  197. ----------------------------------------------- */
  198. .header-inner .Header .titlewrapper,
  199. .header-inner .Header .descriptionwrapper {
  200. padding-left: 10px;
  201. padding-right: 10px;
  202. }
  203.  
  204. .Header h1 {
  205. font: $(header.font);
  206. color: $(header.text.color);
  207. }
  208.  
  209. .Header h1 a {
  210. color: $(header.text.color);
  211. }
  212.  
  213. .Header .description {
  214. font-size: 130%;
  215. }
  216.  
  217. /* Tabs
  218. ----------------------------------------------- */
  219. .tabs-inner {
  220. margin: 1em 0 0;
  221. padding: 0;
  222. }
  223.  
  224. .tabs-inner .section {
  225. margin: 0;
  226. }
  227.  
  228. .tabs-inner .widget ul {
  229. padding: 0;
  230. background: $(tabs.background.color) $(tabs.background.gradient) repeat scroll top center;
  231. }
  232.  
  233. .tabs-inner .widget li {
  234. border: none;
  235. }
  236.  
  237. .tabs-inner .widget li a {
  238. display: inline-block;
  239. padding: 1em 1.5em;
  240. color: $(tabs.text.color);
  241. font: $(tabs.font);
  242. }
  243.  
  244. .tabs-inner .widget li.selected a,
  245. .tabs-inner .widget li a:hover {
  246. position: relative;
  247. z-index: 1;
  248. background: $(tabs.selected.background.color) $(tabs.selected.background.gradient) repeat scroll top center;
  249. color: $(tabs.selected.text.color);
  250. }
  251.  
  252.  
  253. /* Data
  254. ----------------------------------------------- */
  255. .main-inner h2.date-header {
  256. display:none;}
  257.  
  258. /* Codigos de ocultar
  259. ----------------------------------------------- */
  260. #Attribution1 {
  261. clear: both;
  262. line-height: 2.5em;
  263. display: none;
  264. }
  265.  
  266. #navbar-iframe {
  267. height: 0px;
  268. visibility: hidden;
  269. display: none;
  270. }
  271.  
  272. #tabdiv li, .sidebar li {
  273. list-style-type:none;
  274. }
  275.  
  276. .feed-links {
  277. height:0px;
  278. visibility:hidden;
  279. display:none
  280. }
  281.  
  282. .status-msg-wrap,
  283. .status-msg-body,
  284. .status-msg-border,
  285. .status-msg-bg,
  286. .status-msg-hidden {
  287. display: none;
  288. }
  289.  
  290. /* Area da postagem editada
  291. ----------------------------------------------- */
  292. .main-inner {
  293. padding: $(content.padding) 0;
  294. }
  295.  
  296. .main-inner .column-center-inner {
  297. margin-top: -115px;
  298. padding: $(content.posts.padding) 0;
  299. }
  300.  
  301. .main-inner .column-center-inner .section {
  302. margin: 0 $(content.posts.padding);
  303. }
  304.  
  305. .main-inner .column-right-inner {
  306. margin-left: $(content.padding);
  307. }
  308.  
  309. .main-inner .fauxcolumn-right-outer .fauxcolumn-inner {
  310. margin-left: $(content.padding);
  311. background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;
  312. }
  313.  
  314. .main-inner .column-left-inner {
  315. margin-right: $(content.padding);
  316. }
  317.  
  318. .main-inner .fauxcolumn-left-outer .fauxcolumn-inner {
  319. margin-right: $(content.padding);
  320. background: $(widget.outer.background.color) $(widget.outer.background.gradient) repeat scroll top left;
  321. }
  322.  
  323. .main-inner .column-left-inner,
  324. .main-inner .column-right-inner {
  325. padding: 15px 0;
  326. }
  327.  
  328. /* Titulo das Postagens
  329. ----------------------------------------------- */
  330. h3.post-title {
  331. text-align: right;
  332. margin-bottom: -6px;
  333. margin-top: -3px;
  334. font: normal 13pt Open Sans Condensed, cursive;
  335. letter-spacing: 2px;
  336. text-transform:lowercase;
  337. font-style:italic;
  338. color: #11011d;
  339. font-size: 20px;
  340. cursor: default;
  341. }
  342.  
  343. h3.post-title a {
  344. font-family: 'Open Sans Condensed', cursive;
  345. color: #11011d;
  346. font-size: 20px;
  347. }
  348.  
  349. h3.post-title a:hover {
  350. font-family: 'Open Sans Condensed', cursive;
  351. color: #a389ac;
  352. font-size: 20px;
  353. }
  354.  
  355. /* Marcadores, Autor, Comentario
  356. ----------------------------------------------- */
  357. .post-header, .dados {
  358. letter-spacing: 2px;
  359. font-family: 'Open Sans Condensed', cursive;
  360. color: #bc5c83;
  361. font-size: 15px;
  362. border-bottom: dotted 1px #ada79d; /*cinza*/
  363. padding: 6px 0 1px 12px; /*espaço topo direita baixo esquerda/*
  364. margin-bottom: 0px;
  365. border-bottom: 1px solid #ccc; /*cinza*/
  366. text-align: right;
  367. }
  368.  
  369. /* Bola do Marcador
  370. ----------------------------------------------- */
  371. ball{
  372. width: 10px;
  373. background: #bc5c83;
  374. border-radius:0px;
  375. font-size:0px;
  376. padding: 3px;
  377. padding-top: 10px;
  378. }
  379.  
  380. /* Area da postagem automatica
  381. ----------------------------------------------- */
  382. .post-outer {
  383. margin: 4px 2px 14px 0px;
  384. padding: 10px 10px;
  385. border-top: 1px solid #eee;
  386. border-left: 1px solid #eee;
  387. border-right: 1px solid #eee;
  388. border-bottom: 1px solid #eee;
  389. border-radius: 0 0 7px 7px;
  390. box-shadow: 1px 1px 1px #ddd;
  391. background:#fff;
  392. }
  393. .post {
  394. font-size: 14px;
  395. color: #9c9c9c;
  396. }
  397.  
  398. .post img {
  399. border: 1px solid #ccc;
  400. }
  401.  
  402.  
  403. /* Efeito pager
  404. ----------------------------------------------- */
  405. #blog-pager {
  406. font-size: 140%;
  407. }
  408. #blog-pager a:link, #blog-pager a:visited {
  409. color: #fff;
  410. font-family: 'Pf Arma Five';
  411. font-size: 8px;
  412. padding-top:4px;
  413. padding-bottom:1px;
  414. padding-right:7px;
  415. padding-left:7px;
  416. background:#221533;
  417. border: 2px solid #acaebe;
  418. -moz-transition:all 0.5s ease-out;
  419. -webkit-transition:all 0.5s ease-out;
  420. -o-transiotion: all 0.5s ease-out;
  421. -ms-transition: all 0.5s ease-out;
  422. transition: all 0.5s ease-out;
  423. }
  424. /* Cor dos links do pager
  425. ----------------------------------------------- */
  426. #blog-pager a:link {
  427. color: #fff; /* Cor do link*/
  428. font-family: 'Pf Arma Five'; font-size: 8px;
  429. text-decoration: none;
  430. -webkit-transition: color 0.7s ease-out;-moz-transition:
  431. color 0.7s ease-out;transition: color 0.7s ease-out;
  432. }
  433. #blog-pager a:visited {
  434. color: #fff; /*Cor dos links visitados*/
  435. font-family: 'Pf Arma Five'; font-size: 8px;
  436. text-decoration:none;
  437. filter:alpha(opacity=100);
  438. -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
  439. }
  440. #blog-pager a:hover {
  441. color: #fff; /*Cor do link quando passa o mouse*/
  442. font-family: 'Pf Arma Five'; font-size: 8px;
  443. text-decoration:none;
  444. filter:alpha(opacity=100);
  445. -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
  446. }
  447.  
  448. /* Aparencia dos comentarios
  449. ----------------------------------------------- */
  450. #comments {
  451. padding:10px;
  452. color:#666;
  453. margin-top:30px;
  454. background: #acaebe;
  455. border: solid 3px #221533;
  456. position: relative;
  457. }
  458. /**==Titulo dos comentarios ==**/
  459. .comments h3,.comments h4{
  460. width: 98%;
  461. padding: 7px;
  462. margin: 10px 0 !important;
  463. color: #fff !important; /* cor da fonte */
  464. text-decoration:none;
  465. text-align: left; /* alinhamento */
  466. font-family: 'Carrois Gothic SC', cursive; /* fonte*/
  467. font-size: 15px !important; /* tamanho do texto */
  468. }
  469. /**==Area dos comentarios ==**/
  470. .comments .comments-content .comment-content {
  471. font-family: Fauna One; /* fonte dos comentário */
  472. font-size: 14px; /* tamanho do texto */
  473. color:#fff; /* cor da fonte do comentário */
  474. text-decoration:none;
  475. background: #221533; /* cor do fundo do comentário */
  476. border: solid 1px #acaebe; /* borda */
  477. padding: 7px;
  478. margin-top: -5px;
  479. -webkit-border-bottom-right-radius: 4px;
  480. -webkit-border-bottom-left-radius: 4px;
  481. -moz-border-radius-bottomright: 4px;
  482. -moz-border-radius-bottomleft: 4px;
  483. border-bottom-right-radius: 4px;
  484. border-bottom-left-radius: 4px;
  485. }
  486. /**==Area nome do autor do comentário ==**/
  487. #comments .comment-header {
  488. height: 13px;
  489. padding: 5px;
  490. border: solid 1px #acaebe; /* borda */
  491. background: #221533; /* cor de fundo do nome de quem comentou */
  492. }
  493. #comments .comment-header a{
  494. color:#fff; /* cor do nome de quem comentou */
  495. font-family: 'Carrois Gothic SC', cursive;
  496. font-size: 12px; /* tamanho do texto */
  497. font-weight: normal;
  498. text-decoration:none;
  499. }
  500. #comments .comment-author:first-child {
  501. padding-top: 0;
  502. border-top: none;
  503. }
  504. .comments .comments-content .icon.blog-author {
  505. }
  506. /**==Avatar dos comentarios ==**/
  507. .avatar-image-container {
  508. border: 1px solid #acaebe; /* cor da borda do avatar */
  509. background: #221533; /* cor do fundo */
  510. padding: 2px;
  511. margin: .2em 0 0;
  512. }
  513. /**==Area da data ==**/
  514. #comments .comments-content .datetime a{
  515. float: right;
  516. margin-top: 4px;
  517. font-family: 'Carrois Gothic SC', cursive;
  518. font-size: 9px;
  519. text-decoration:none;
  520. text-transform: uppercase;
  521. color:#fff; /* cor da fonte da data */
  522. }
  523. /**==Botão responder ==**/
  524. .comments .continue {
  525. }
  526. .comments .comment .comment-actions a,.comments .comment .continue a{
  527. float: right;
  528. display:inline-block;
  529. margin-top: 5px;
  530. margin-bottom: 5px;
  531. margin-left: 5px;
  532. margin-right: 0px;
  533. padding:0 15px;
  534. color:#fff !important; /* cor da fonte do botão de resposta */
  535. font-family: 'Carrois Gothic SC', cursive;
  536. font-size: 10px;
  537. text-align:center;
  538. text-decoration:none;
  539. background: #221533; /* fundo do botão */
  540. border: 1px solid #acaebe;
  541. height:20px;
  542. line-height:20px;
  543. font-weight:normal;
  544. cursor:pointer;
  545. }
  546. /**==Cor dos links ==**/
  547. .comments .comments-content .comment-content a:link {
  548. color: #fff; /* Cor do link*/
  549. text-decoration: none;
  550. -webkit-transition: color 0.7s ease-out;-moz-transition:
  551. color 0.7s ease-out;transition: color 0.7s ease-out;
  552. }
  553. .comments .comments-content .comment-content a:visited {
  554. color: #fff; /*Cor dos links visitados*/
  555. text-decoration:none;
  556. filter:alpha(opacity=100);
  557. -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
  558. }
  559. .comments .comments-content .comment-content a:hover {
  560. color: #fff; /*Cor do link quando passa o mouse*/
  561. text-decoration:none;
  562. position: relative;
  563. top: -3px;
  564. left: 3px;
  565. text-shadow: 1px 1px #ffc6c0,2px 2px #ffc6c0,3px 3px #ffc6c0,4px 4px #ffc6c0,5px 5px #ffc6c0,6px 6px #ffc6c0;
  566. }
  567. /* Titulo dos widgets
  568. ----------------------------------------------- */
  569. .sidebar h2 {
  570. margin-top:-15px;
  571. margin-bottom: 5px;
  572. letter-spacing: 3px;
  573. font-weight: normal; /* tipo de fonte */
  574. font-family: ayear; /*nome da fonte */
  575. font-size: 13px; /*tamanho da fonte */
  576. text-transform: uppercase;
  577. color: #bc5c83;
  578. border-bottom: 1px dotted #c0c0c0;
  579. text-align: center;
  580. -webkit-transition-duration: .50s;
  581. }
  582. /* Modelo dos widgets
  583. ----------------------------------------------- */
  584. .sidebar .widget {
  585. padding: 10px;
  586. margin-left:-12px;
  587. margin-bottom:-31px;
  588. border-top: 2px solid #fff;
  589. border-left: 1px solid #eee;
  590. border-right: 1px solid #eee;
  591. border-bottom: 1px solid #eee;
  592. box-shadow: 1px 1px 1px #ddd;
  593. color: #9E9E9E;
  594. background-color:#fff;
  595. }
  596. .sidebar .widget:last-child {
  597. border-radius: 0 0 7px 7px;
  598. }
  599.  
  600. .footer-inner .widget,
  601. .sidebar .widget {
  602. font: normal normal 12px;
  603. color: #9c9c9c;
  604. }
  605.  
  606. /* Cor dos links da sidebar
  607. ----------------------------------------------- */
  608. .sidebar .widget a:link {
  609. color: #221533; /* Cor do link*/
  610. text-decoration: none;
  611. -webkit-transition: color 0.7s ease-out;-moz-transition:
  612. color 0.7s ease-out;transition: color 0.7s ease-out;
  613. }
  614.  
  615. .sidebar .widget a:visited {
  616. color: #221533; /*Cor dos links visitados*/
  617. text-decoration:none;
  618. filter:alpha(opacity=100);
  619. -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
  620. }
  621.  
  622. .sidebar .widget a:hover {
  623. color: #221533; /*Cor do link quando passa o mouse*/
  624. text-decoration:none;
  625. filter:alpha(opacity=100);
  626. -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
  627. }
  628.  
  629. /* Cor dos links do footer
  630. ----------------------------------------------- */
  631. .footer-inner .widget a:link {
  632. color: #221533; /* Cor do link*/
  633. text-decoration: none;
  634. -webkit-transition: color 0.7s ease-out;-moz-transition:
  635. color 0.7s ease-out;transition: color 0.7s ease-out;
  636. }
  637.  
  638. .footer-inner .widget a:visited {
  639. color: #221533; /*Cor dos links visitados*/
  640. text-decoration:none;
  641. filter:alpha(opacity=100);
  642. -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
  643. }
  644.  
  645. .footer-inner .widget a:hover {
  646. color: #221533; /*Cor do link quando passa o mouse*/
  647. text-decoration:none;
  648. filter:alpha(opacity=100);
  649. -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
  650. }
  651.  
  652. /* Modelo do footer
  653. ----------------------------------------------- */
  654. .footer-inner {
  655. background: transparent $(footer.background.gradient) repeat scroll top center;
  656. }
  657.  
  658. .widget .zippy {
  659. color: $(widget.alternate.text.color);
  660. }
  661.  
  662. /* Mobile
  663. ----------------------------------------------- */
  664. .body.mobile {
  665. background: #000000;
  666. background-size: 100% auto;
  667. }
  668.  
  669. .body.mobile .AdSense {
  670. margin: 0 -10px;
  671. }
  672.  
  673. .mobile .body-fauxcolumn-outer {
  674. background: $(mobile.background.overlay);
  675. }
  676.  
  677. .mobile .post img {
  678. border: 4px solid #c298a4;
  679. }
  680.  
  681. .mobile .footer-inner .widget a:link {
  682. color: $(widget.link.color);
  683. text-decoration: none;
  684. }
  685.  
  686. .mobile .footer-inner .widget a:visited {
  687. color: $(widget.link.visited.color);
  688. }
  689.  
  690. .mobile-post-outer a {
  691. color: $(post.title.text.color);
  692. }
  693.  
  694. .mobile-link-button {
  695. background-color: $(link.color);
  696. }
  697.  
  698. .mobile-link-button a:link, .mobile-link-button a:visited {
  699. color: $(mobile.button.color);
  700. }
  701.  
  702. .mobile-index-contents {
  703. color: $(body.text.color);
  704. }
  705.  
  706. .mobile .tabs-inner .PageList .widget-content {
  707. background: $(tabs.selected.background.color) $(tabs.selected.background.gradient) repeat scroll top center;
  708. color: $(tabs.selected.text.color);
  709. }
  710.  
  711. .mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
  712. border-$startSide: 1px solid $(tabs.selected.text.color);
  713. }
  714. /* Efeitos no texto
  715. ----------------------------------------------- */
  716. b {
  717. color: #221533;
  718. text-decoration: none;
  719. -webkit-transition-duration: .70s;
  720. cursor: default;
  721. }
  722. b:hover {
  723. color: #bc5c83;
  724. text-decoration: none;
  725. -webkit-transition-duration: .70s;
  726. cursor: default;
  727. }
  728. i {
  729. color: #bc5c83;
  730. text-decoration: none;
  731. -webkit-transition-duration: .50s;
  732. cursor: default;
  733. }
  734. i:hover {
  735. color: #221533;
  736. text-decoration: none;
  737. -webkit-transition-duration: .50s;
  738. cursor: default;
  739. }
  740. u {
  741. color: #221533;
  742. text-decoration: none;
  743. border-bottom: 1px solid #221533;
  744. -webkit-transition-duration: .50s;
  745. cursor: default;
  746. }
  747. u:hover {
  748. color: #bc5c83;
  749. text-decoration: none;
  750. border-bottom: 1px solid #bc5c83;
  751. -webkit-transition-duration: .50s;
  752. cursor: default;
  753. }
  754. s, strike { color: #bc5c83;
  755. cursor: default;
  756. }
  757.  
  758. /* Slide de imagem
  759. ----------------------------------------------- */
  760. .CSS_LIGHTBOX_BG_MASK {
  761. opacity: 0.7 !important;
  762. background-color: #d5d1c8 !important;
  763. }
  764. .CSS_LIGHTBOX_SCALED_IMAGE_IMG {
  765. outline: 3px solid #fffbf6 !important;
  766. }
  767. .CSS_LIGHTBOX_FILMSTRIP {
  768. background-color: #d5d1c8 !important;
  769. }
  770. .CSS_LIGHTBOX_BTN_CLOSE {
  771. background: url(http://static.tumblr.com/xpo2exu/yOXn17g6e/close.png) no-repeat !important;
  772. width: 20px !important;
  773. height: 20px !important;
  774. }
  775. /* Seleção de cores - Barra de rolagem
  776. ----------------------------------------------- */
  777. ::-moz-selection {
  778. background:#e7e7e7;
  779. color:#221533;
  780. }
  781. ::selection {
  782. background:#e7e7e7;
  783. color:#221533;
  784. }
  785. ::-webkit-scrollbar{
  786. width: 13px;
  787. height: 5px;
  788. }
  789. ::-webkit-scrollbar-track-piece{
  790. background: #e7e7e7;
  791. }
  792. ::-webkit-scrollbar-thumb:vertical{
  793. border:0px solid #eee;
  794. border-bottom:0px solid #eee;
  795. height: 5px;
  796. background: #221533;
  797. }
  798. ::-webkit-scrollbar-thumb:horizontal{
  799. border:0px solid #eee;
  800. border-bottom:0px solid #eee;
  801. width: 5px;
  802. background: #221533;
  803. }
  804. /* Blockquote
  805. ----------------------------------------------- */
  806. blockquote {
  807. color: #221533;
  808. text-align: center;
  809. background: #e7e7e7;
  810. font: normal 10pt cambria, georgia;
  811. letter-spacing: 2px;
  812. text-transform:lowercase;
  813. font-style:italic;
  814. font-weight: 300;
  815. padding: 8px;
  816. -webkit-transition-duration: 1.50s;
  817. }
  818.  
  819. /* Imagem da sidebar
  820. ----------------------------------------------- */
  821. .zeen{
  822. width: 212px;
  823. margin-right: 30px;
  824. border-bottom: 7px dotted #221533;
  825. text-align: center;
  826. }
  827.  
  828. /*Modelo de Tooltip
  829. ----------------------------------------------- */
  830. div#qTip {
  831. display: none;
  832. background:#221533;
  833. border: 2px solid #acaebe;
  834. font-family: calibri;
  835. font-size: 11px;
  836. text-transform: lowercase;
  837. letter-spacing: 2px;
  838. color: #fff;
  839. padding: 3px 3px 3px 3px;
  840. position: absolute;
  841. z-index: 1000;
  842. margin: 10px;
  843. }
  844.  
  845. /* Leia mais
  846. ----------------------------------------------- */
  847. .jump-link {
  848. width: 120px;
  849. font-family: 'Open Sans Condensed';
  850. background:#221533;
  851. border: 2px solid #acaebe;
  852. font-size: 14px;
  853. padding-right:3px;
  854. text-transform:uppercase;
  855. text-align:center;
  856. margin-left:435px;
  857. margin-top:5px;
  858. margin-bottom:5px;
  859. }
  860. /* Link do leia mais
  861. ----------------------------------------------- */
  862. .jump-link a:link {
  863. color: #ffffff; /* Cor do link*/
  864. text-decoration: none;
  865. -webkit-transition: color 0.7s ease-out;-moz-transition:
  866. color 0.7s ease-out;transition: color 0.7s ease-out;
  867. }
  868. .jump-link a:visited {
  869. color: #ffffff; /*Cor dos links visitados*/
  870. text-decoration:none;
  871. filter:alpha(opacity=100);
  872. -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
  873. }
  874. .jump-link a:hover {
  875. color: #ffffff; /*Cor do link quando passa o mouse*/
  876. text-decoration:none;
  877. filter:alpha(opacity=100);
  878. -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
  879. }
  880. ]]></b:skin>
  881.  
  882. <b:template-skin>
  883. <b:variable default='960px' name='content.width' type='length' value='840px'/>
  884. <b:variable default='0' name='main.column.left.width' type='length' value='260px'/>
  885. <b:variable default='310px' name='main.column.right.width' type='length' value='0px'/>
  886.  
  887. <![CDATA[
  888. body {
  889. min-width: $(content.width);
  890. }
  891.  
  892. .content-outer, .content-fauxcolumn-outer, .region-inner {
  893. min-width: $(content.width);
  894. max-width: $(content.width);
  895. _width: $(content.width);
  896. }
  897.  
  898. .main-inner .columns {
  899. padding-left: $(main.column.left.width);
  900. padding-right: $(main.column.right.width);
  901. }
  902.  
  903. .main-inner .fauxcolumn-center-outer {
  904. left: $(main.column.left.width);
  905. right: $(main.column.right.width);
  906. /* IE6 does not respect left and right together */
  907. _width: expression(this.parentNode.offsetWidth -
  908. parseInt("$(main.column.left.width)") -
  909. parseInt("$(main.column.right.width)") + 'px');
  910. }
  911.  
  912. .main-inner .fauxcolumn-left-outer {
  913. width: $(main.column.left.width);
  914. }
  915.  
  916. .main-inner .fauxcolumn-right-outer {
  917. width: $(main.column.right.width);
  918. }
  919.  
  920. .main-inner .column-left-outer {
  921. margin-top: -146px;
  922. width: 250px;
  923. right: 100%;
  924. margin-left: -$(main.column.left.width);
  925.  
  926. }
  927.  
  928. .main-inner .column-right-outer {
  929. margin-top: 14px;
  930. width: $(main.column.right.width);
  931. margin-right: -$(main.column.right.width);
  932. }
  933.  
  934. #layout {
  935. min-width: 0;
  936. }
  937.  
  938. #layout .content-outer {
  939. min-width: 0;
  940. width: 800px;
  941. }
  942.  
  943. #layout .region-inner {
  944. min-width: 0;
  945. width: auto;
  946. }
  947. ]]>
  948. </b:template-skin>
  949. <b:include data='blog' name='google-analytics'/>
  950. </head>
  951.  
  952. <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'/>
  953.  
  954. <style type='text/css'>
  955. a.headings { font-family: calibri; font-size: 12px; line-height: 12px; text-decoration: none; text-transform: lowercase; display: block; letter-spacing: 2px; margin-bottom: 2px; padding: 3px; text-align: center; color: #fff; background-color: #221533;border: 2px solid #acaebe;}
  956.  
  957. .headings { font-family: calibri; font-size: 12px; line-height: 12px; text-decoration: none; text-transform: lowercase; display: block; letter-spacing: 2px; margin-bottom: 2px; padding: 3px; text-align: center; color: #fff; background-color: #221533;border: 2px solid #acaebe;}
  958. .headings:hover { color: #221533; background-color: #acaebe!important; cursor: pointer;border: 2px solid #221533;}
  959. </style>
  960.  
  961. <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
  962. <script type='text/javascript'>
  963. jQuery(document).ready(function() {
  964. jQuery(&quot;.contents&quot;).hide();
  965. //toggle the componenet with class msg_body
  966. jQuery(&quot;.heading&quot;).click(function()
  967. {
  968. jQuery(this).next(&quot;.contents&quot;).slideToggle(950);
  969. });});
  970. </script>
  971.  
  972.  
  973.  
  974.  
  975. <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
  976. <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
  977. <b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar'>
  978. <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
  979. function setAttributeOnload(object, attribute, val) {
  980. if(window.addEventListener) {
  981. window.addEventListener(&#39;load&#39;,
  982. function(){ object[attribute] = val; }, false);
  983. } else {
  984. window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
  985. }
  986. }
  987. &lt;/script&gt;
  988. &lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
  989. &lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
  990. &lt;script type=&quot;text/javascript&quot;&gt;
  991. gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {
  992. if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {
  993. gapi.iframes.getContext().openChild({
  994. url: &#39;https://www.blogger.com/navbar.g?targetBlogID\075277799350844257757\46blogName\75Octo+Agenda\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75//w-chanteste96.blogspot.com/search\46blogLocale\75pt_BR\46v\0752\46homepageUrl\75http://w-chanteste96.blogspot.com/\46vt\0754141106529266153827&#39;,
  995. where: document.getElementById(&quot;navbar-iframe-container&quot;),
  996. id: &quot;navbar-iframe&quot;
  997. });
  998. }
  999. });
  1000. &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
  1001. (function() {
  1002. var script = document.createElement(&#39;script&#39;);
  1003. script.type = &#39;text/javascript&#39;;
  1004. script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
  1005. var head = document.getElementsByTagName(&#39;head&#39;)[0];
  1006. if (head) {
  1007. head.appendChild(script);
  1008. }})();
  1009. &lt;/script&gt;
  1010. </b:includable>
  1011. </b:widget>
  1012. </b:section>
  1013.  
  1014. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  1015. <div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
  1016. <meta expr:content='data:blog.title' itemprop='name'/>
  1017. <b:if cond='data:blog.metaDescription'>
  1018. <meta expr:content='data:blog.metaDescription' itemprop='description'/>
  1019. </b:if>
  1020. </div>
  1021. </b:if>
  1022.  
  1023. <div class='body-fauxcolumns'>
  1024. <div class='fauxcolumn-outer body-fauxcolumn-outer'>
  1025. <div class='cap-top'>
  1026. <div class='cap-left'/>
  1027. <div class='cap-right'/>
  1028. </div>
  1029. <div class='fauxborder-left'>
  1030. <div class='fauxborder-right'/>
  1031. <div class='fauxcolumn-inner'>
  1032. </div>
  1033. </div>
  1034. <div class='cap-bottom'>
  1035. <div class='cap-left'/>
  1036. <div class='cap-right'/>
  1037. </div>
  1038. </div>
  1039. </div>
  1040.  
  1041. <div class='content'>
  1042. <div class='content-fauxcolumns'>
  1043. <div class='fauxcolumn-outer content-fauxcolumn-outer'>
  1044. <div class='cap-top'>
  1045. <div class='cap-left'/>
  1046. <div class='cap-right'/>
  1047. </div>
  1048. <div class='fauxborder-left'>
  1049. <div class='fauxborder-right'/>
  1050. <div class='fauxcolumn-inner'>
  1051. </div>
  1052. </div>
  1053. <div class='cap-bottom'>
  1054. <div class='cap-left'/>
  1055. <div class='cap-right'/>
  1056. </div>
  1057. </div>
  1058. </div>
  1059.  
  1060. <div class='content-outer'>
  1061. <div class='content-cap-top cap-top'>
  1062. <div class='cap-left'/>
  1063. <div class='cap-right'/>
  1064. </div>
  1065. <div class='fauxborder-left content-fauxborder-left'>
  1066. <div class='fauxborder-right content-fauxborder-right'/>
  1067. <div class='content-inner'>
  1068.  
  1069. <header>
  1070. <div class='header-outer'>
  1071. <div class='header-cap-top cap-top'>
  1072. <div class='cap-left'/>
  1073. <div class='cap-right'/>
  1074. </div>
  1075. <div class='fauxborder-left header-fauxborder-left'>
  1076. <div class='fauxborder-right header-fauxborder-right'/>
  1077. <div class='region-inner header-inner'>
  1078. <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
  1079. <b:widget id='Header1' locked='false' title='Octo Agenda (Cabeçalho)' type='Header'>
  1080. <b:includable id='main'>
  1081.  
  1082. <b:if cond='data:useImage'>
  1083. <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
  1084. <!--
  1085. Show image as background to text. You can't really calculate the width
  1086. reliably in JS because margins are not taken into account by any of
  1087. clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
  1088. width if the user is using shrink to fit.
  1089. This results in a margin-width's worth of pixels being cropped. If the
  1090. user is not using shrink to fit then we expand the header.
  1091. -->
  1092. <b:if cond='data:mobile'>
  1093. <div id='header-inner'>
  1094. <div class='titlewrapper' style='background: transparent'>
  1095. <h1 class='title' style='background: transparent; border-width: 0px'>
  1096. <b:include name='title'/>
  1097. </h1>
  1098. </div>
  1099. <b:include name='description'/>
  1100. </div>
  1101. <b:else/>
  1102. <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'>
  1103. <div class='titlewrapper' style='background: transparent'>
  1104. <h1 class='title' style='background: transparent; border-width: 0px'>
  1105. <b:include name='title'/>
  1106. </h1>
  1107. </div>
  1108. <b:include name='description'/>
  1109. </div>
  1110. </b:if>
  1111. <b:else/>
  1112. <!--Show the image only-->
  1113. <div id='header-inner'>
  1114. <a expr:href='data:blog.homepageUrl' style='display: block'>
  1115. <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'/>
  1116. </a>
  1117. <!--Show the description-->
  1118. <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
  1119. <b:include name='description'/>
  1120. </b:if>
  1121. </div>
  1122. </b:if>
  1123. <b:else/>
  1124. <!--No header image -->
  1125. <div id='header-inner'>
  1126. <div class='titlewrapper'>
  1127. <h1 class='title'>
  1128. <b:include name='title'/>
  1129. </h1>
  1130. </div>
  1131. <b:include name='description'/>
  1132. </div>
  1133. </b:if>
  1134. </b:includable>
  1135. <b:includable id='description'>
  1136. <div class='descriptionwrapper'>
  1137. <p class='description'><span><data:description/></span></p>
  1138. </div>
  1139. </b:includable>
  1140. <b:includable id='title'>
  1141. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  1142. <data:title/>
  1143. <b:else/>
  1144. <a expr:href='data:blog.homepageUrl'><data:title/></a>
  1145. </b:if>
  1146. </b:includable>
  1147. </b:widget>
  1148. </b:section>
  1149. </div>
  1150. </div>
  1151. <div class='header-cap-bottom cap-bottom'>
  1152. <div class='cap-left'/>
  1153. <div class='cap-right'/>
  1154. </div>
  1155. </div>
  1156. </header>
  1157.  
  1158. <div class='tabs-outer'>
  1159. <div class='tabs-cap-top cap-top'>
  1160. <div class='cap-left'/>
  1161. <div class='cap-right'/>
  1162. </div>
  1163. <div class='fauxborder-left tabs-fauxborder-left'>
  1164. <div class='fauxborder-right tabs-fauxborder-right'/>
  1165. <div class='region-inner tabs-inner'>
  1166.  
  1167. </div>
  1168. </div>
  1169. <div class='tabs-cap-bottom cap-bottom'>
  1170. <div class='cap-left'/>
  1171. <div class='cap-right'/>
  1172. </div>
  1173. </div>
  1174.  
  1175. <div class='main-outer'>
  1176. <div class='main-cap-top cap-top'>
  1177. <div class='cap-left'/>
  1178. <div class='cap-right'/>
  1179. </div>
  1180.  
  1181. <div class='fauxborder-left main-fauxborder-left'>
  1182. <div class='fauxborder-right main-fauxborder-right'/>
  1183. <div class='region-inner main-inner'>
  1184.  
  1185. <div class='columns fauxcolumns'>
  1186.  
  1187. <div class='fauxcolumn-outer fauxcolumn-center-outer'>
  1188. <div class='cap-top'>
  1189. <div class='cap-left'/>
  1190. <div class='cap-right'/>
  1191. </div>
  1192. <div class='fauxborder-left'>
  1193. <div class='fauxborder-right'/>
  1194. <div class='fauxcolumn-inner'>
  1195. </div>
  1196. </div>
  1197. <div class='cap-bottom'>
  1198. <div class='cap-left'/>
  1199. <div class='cap-right'/>
  1200. </div>
  1201. </div>
  1202.  
  1203. <div class='fauxcolumn-outer fauxcolumn-left-outer'>
  1204. <div class='cap-top'>
  1205. <div class='cap-left'/>
  1206. <div class='cap-right'/>
  1207. </div>
  1208. <div class='fauxborder-left'>
  1209. <div class='fauxborder-right'/>
  1210. <div class='fauxcolumn-inner'>
  1211. </div>
  1212. </div>
  1213. <div class='cap-bottom'>
  1214. <div class='cap-left'/>
  1215. <div class='cap-right'/>
  1216. </div>
  1217. </div>
  1218.  
  1219. <div class='fauxcolumn-outer fauxcolumn-right-outer'>
  1220. <div class='cap-top'>
  1221. <div class='cap-left'/>
  1222. <div class='cap-right'/>
  1223. </div>
  1224. <div class='fauxborder-left'>
  1225. <div class='fauxborder-right'/>
  1226. <div class='fauxcolumn-inner'>
  1227. </div>
  1228. </div>
  1229. <div class='cap-bottom'>
  1230. <div class='cap-left'/>
  1231. <div class='cap-right'/>
  1232. </div>
  1233. </div>
  1234.  
  1235. <!-- corrects IE6 width calculation -->
  1236. <div class='columns-inner'>
  1237.  
  1238. <div class='column-center-outer'>
  1239. <div class='column-center-inner'>
  1240. <b:section class='main' id='main' showaddelement='no'>
  1241. <b:widget id='Blog1' locked='false' title='Postagens no blog' type='Blog'>
  1242. <b:includable id='main' var='top'>
  1243. <b:if cond='!data:mobile'>
  1244. <!-- posts -->
  1245. <div class='blog-posts hfeed'>
  1246.  
  1247. <b:include data='top' name='status-message'/>
  1248.  
  1249. <data:defaultAdStart/>
  1250. <b:loop values='data:posts' var='post'>
  1251. <b:if cond='data:post.isDateStart and not data:post.isFirstPost'>
  1252. &lt;/div&gt;&lt;/div&gt;
  1253. </b:if>
  1254. <b:if cond='data:post.isDateStart'>
  1255. &lt;div class=&quot;date-outer&quot;&gt;
  1256. </b:if>
  1257. <b:if cond='data:post.dateHeader'>
  1258. <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  1259. </b:if>
  1260. <b:if cond='data:post.isDateStart'>
  1261. &lt;div class=&quot;date-posts&quot;&gt;
  1262. </b:if>
  1263. <div class='post-outer'>
  1264. <b:include data='post' name='post'/>
  1265. <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
  1266. </div>
  1267. <b:if cond='data:post.includeAd'>
  1268. <b:if cond='data:post.isFirstPost'>
  1269. <data:defaultAdEnd/>
  1270. <b:else/>
  1271. <data:adEnd/>
  1272. </b:if>
  1273. <div class='inline-ad'>
  1274. <data:adCode/>
  1275. </div>
  1276. <data:adStart/>
  1277. </b:if>
  1278. </b:loop>
  1279. <b:if cond='data:numPosts != 0'>
  1280. &lt;/div&gt;&lt;/div&gt;
  1281. </b:if>
  1282. <data:adEnd/>
  1283. </div>
  1284.  
  1285. <!-- navigation -->
  1286. <b:include name='nextprev'/>
  1287.  
  1288. <!-- feed links -->
  1289. <b:include name='feedLinks'/>
  1290.  
  1291. <b:else/>
  1292. <b:include name='mobile-main'/>
  1293. </b:if>
  1294.  
  1295. <b:if cond='data:top.showDummy'>
  1296. <data:top.dummyBootstrap/>
  1297. </b:if>
  1298.  
  1299. </b:includable>
  1300. <b:includable id='backlinkDeleteIcon' var='backlink'>
  1301. <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
  1302. <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
  1303. <img src='//www.blogger.com/img/icon_delete13.gif'/>
  1304. </a>
  1305. </span>
  1306. </b:includable>
  1307. <b:includable id='backlinks' var='post'>
  1308. <a name='links'/><h4><data:post.backlinksLabel/></h4>
  1309. <b:if cond='data:post.numBacklinks != 0'>
  1310. <dl class='comments-block' id='comments-block'>
  1311. <b:loop values='data:post.backlinks' var='backlink'>
  1312. <div class='collapsed-backlink backlink-control'>
  1313. <dt class='comment-title'>
  1314. <span class='backlink-toggle-zippy'>&#160;</span>
  1315. <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
  1316. <b:include data='backlink' name='backlinkDeleteIcon'/>
  1317. </dt>
  1318. <dd class='comment-body collapseable'>
  1319. <data:backlink.snippet/>
  1320. </dd>
  1321. <dd class='comment-footer collapseable'>
  1322. <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
  1323. <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
  1324. </dd>
  1325. </div>
  1326. </b:loop>
  1327. </dl>
  1328. </b:if>
  1329. <p class='comment-footer'>
  1330. <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>
  1331. </p>
  1332. </b:includable>
  1333. <b:includable id='comment-form' var='post'>
  1334. <div class='comment-form'>
  1335. <a name='comment-form'/>
  1336. <b:if cond='data:mobile'>
  1337. <h4 id='comment-post-message'>
  1338. <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
  1339. <p><data:blogCommentMessage/></p>
  1340. <data:blogTeamBlogMessage/>
  1341. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1342. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
  1343. <b:else/>
  1344. <h4 id='comment-post-message'><data:postCommentMsg/></h4>
  1345. <p><data:blogCommentMessage/></p>
  1346. <data:blogTeamBlogMessage/>
  1347. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1348. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  1349. </b:if>
  1350. <data:post.friendConnectJs/>
  1351. <data:post.cmtfpIframe/>
  1352. <script type='text/javascript'>
  1353. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  1354. </script>
  1355. </div>
  1356. </b:includable>
  1357. <b:includable id='commentDeleteIcon' var='comment'>
  1358. <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
  1359. <b:if cond='data:showCmtPopup'>
  1360. <div class='goog-toggle-button'>
  1361. <div class='goog-inline-block comment-action-icon'/>
  1362. </div>
  1363. <b:else/>
  1364. <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
  1365. <img src='//www.blogger.com/img/icon_delete13.gif'/>
  1366. </a>
  1367. </b:if>
  1368. </span>
  1369. </b:includable>
  1370. <b:includable id='comment_count_picker' var='post'>
  1371. <b:if cond='data:post.commentSource == 1'>
  1372. <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
  1373. </span>
  1374. <b:else/>
  1375. <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  1376. <data:post.commentLabelFull/>:
  1377. </a>
  1378. </b:if>
  1379. </b:includable>
  1380. <b:includable id='comment_picker' var='post'>
  1381. <b:if cond='data:post.commentSource == 1'>
  1382. <b:include data='post' name='iframe_comments'/>
  1383. <b:elseif cond='data:post.showThreadedComments'/>
  1384. <b:include data='post' name='threaded_comments'/>
  1385. <b:else/>
  1386. <b:include data='post' name='comments'/>
  1387. </b:if>
  1388. </b:includable>
  1389. <b:includable id='comments' var='post'>
  1390. <div class='comments' id='comments'>
  1391. <a name='comments'/>
  1392. <b:if cond='data:post.allowComments'>
  1393. <h4><data:post.commentLabelFull/>:</h4>
  1394.  
  1395. <b:if cond='data:post.commentPagingRequired'>
  1396. <span class='paging-control-container'>
  1397. <b:if cond='data:post.hasOlderLinks'>
  1398. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
  1399. &#160;
  1400. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
  1401. &#160;
  1402. </b:if>
  1403.  
  1404. <data:post.commentRangeText/>
  1405.  
  1406. <b:if cond='data:post.hasNewerLinks'>
  1407. &#160;
  1408. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
  1409. &#160;
  1410. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
  1411. </b:if>
  1412. </span>
  1413. </b:if>
  1414.  
  1415. <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
  1416. <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
  1417. <b:loop values='data:post.comments' var='comment'>
  1418. <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
  1419. <b:if cond='data:comment.favicon'>
  1420. <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
  1421. </b:if>
  1422. <a expr:name='data:comment.anchorName'/>
  1423. <b:if cond='data:blog.enabledCommentProfileImages'>
  1424. <data:comment.authorAvatarImage/>
  1425. </b:if>
  1426. <b:if cond='data:comment.authorUrl'>
  1427. <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
  1428. <b:else/>
  1429. <data:comment.author/>
  1430. </b:if>
  1431. <data:commentPostedByMsg/>
  1432. </dt>
  1433. <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
  1434. <b:if cond='data:comment.isDeleted'>
  1435. <span class='deleted-comment'><data:comment.body/></span>
  1436. <b:else/>
  1437. <p>
  1438. <data:comment.body/>
  1439. </p>
  1440. </b:if>
  1441. </dd>
  1442. <dd class='comment-footer'>
  1443. <span class='comment-timestamp'>
  1444. <a expr:href='data:comment.url' title='comment permalink'>
  1445. <data:comment.timestamp/>
  1446. </a>
  1447. <b:include data='comment' name='commentDeleteIcon'/>
  1448. </span>
  1449. </dd>
  1450. </b:loop>
  1451. </dl>
  1452. </div>
  1453.  
  1454. <b:if cond='data:post.commentPagingRequired'>
  1455. <span class='paging-control-container'>
  1456. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
  1457. <data:post.oldestLinkText/>
  1458. </a>
  1459. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
  1460. <data:post.olderLinkText/>
  1461. </a>
  1462. &#160;
  1463. <data:post.commentRangeText/>
  1464. &#160;
  1465. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
  1466. <data:post.newerLinkText/>
  1467. </a>
  1468. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
  1469. <data:post.newestLinkText/>
  1470. </a>
  1471. </span>
  1472. </b:if>
  1473.  
  1474. <p class='comment-footer'>
  1475. <b:if cond='data:post.embedCommentForm'>
  1476. <b:if cond='data:post.allowNewComments'>
  1477. <b:include data='post' name='comment-form'/>
  1478. <b:else/>
  1479. <data:post.noNewCommentsText/>
  1480. </b:if>
  1481. <b:elseif cond='data:post.allowComments'/>
  1482. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  1483. </b:if>
  1484. </p>
  1485. </b:if>
  1486. <b:if cond='data:showCmtPopup'>
  1487. <div id='comment-popup'>
  1488. <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  1489. </iframe>
  1490. </div>
  1491. </b:if>
  1492.  
  1493. <div id='backlinks-container'>
  1494. <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  1495. <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
  1496. </div>
  1497. </div>
  1498. </div>
  1499. </b:includable>
  1500. <b:includable id='feedLinks'>
  1501. <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
  1502. <b:if cond='data:feedLinks'>
  1503. <div class='blog-feeds'>
  1504. <b:include data='feedLinks' name='feedLinksBody'/>
  1505. </div>
  1506. </b:if>
  1507.  
  1508. <b:else/> <!--Post feed links -->
  1509. <div class='post-feeds'>
  1510. <b:loop values='data:posts' var='post'>
  1511. <b:include cond='data:post.allowComments and data:post.feedLinks' data='post.feedLinks' name='feedLinksBody'/>
  1512. </b:loop>
  1513. </div>
  1514. </b:if>
  1515. </b:includable>
  1516. <b:includable id='feedLinksBody' var='links'>
  1517. <div class='feed-links'>
  1518. <data:feedLinksMsg/>
  1519. <b:loop values='data:links' var='f'>
  1520. <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  1521. </b:loop>
  1522. </div>
  1523. </b:includable>
  1524. <b:includable id='iframe_comments' var='post'>
  1525.  
  1526. <b:if cond='data:post.allowIframeComments'>
  1527. <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
  1528. <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
  1529.  
  1530. <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
  1531. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  1532. </b:if>
  1533. </b:if>
  1534. </b:includable>
  1535. <b:includable id='mobile-index-post' var='post'>
  1536. <!-- MOBILE INDEX POST HERE -->
  1537. <div class='mobile-date-outer date-outer'>
  1538. <div class='mobile-post-outer'>
  1539. <div class='mobile-index-contents'>
  1540. <b:if cond='data:post.thumbnailUrl'>
  1541. <div class='mobile-index-thumbnail'>
  1542. <div class='Image'>
  1543. <img expr:src='data:post.thumbnailUrl'/>
  1544. </div>
  1545. </div>
  1546. <b:else/>
  1547. <div class='mobile-index-thumbnail'>
  1548. <div class='Image'>
  1549. <img expr:alt='data:post.title' expr:title='data:post.title' src='http://3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/s66-c/no-image.png'/>
  1550. </div>
  1551. </div>
  1552. </b:if>
  1553. <a expr:href='data:post.url'>
  1554. <h3 class='mobile-index-title entry-title' itemprop='name'>
  1555. <data:post.title/>
  1556. </h3>
  1557. </a>
  1558. <div class='post-body'>
  1559. <div class='post-info'>
  1560. <b:if cond='data:top.showAuthor'>
  1561. <b:if cond='data:post.authorProfileUrl'>
  1562. <span class='author-info'>
  1563. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1564. <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  1565. <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  1566. <span itemprop='name'>
  1567. <data:post.author/>
  1568. </span>
  1569. </a>
  1570. </span>
  1571. </span>
  1572. <b:else/>
  1573. <span class='author-info'>
  1574. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1575. <span itemprop='name'>
  1576. <data:post.author/>
  1577. </span>
  1578. </span>
  1579. </span>
  1580. </b:if>
  1581. </b:if>
  1582. <b:if cond='data:top.showTimestamp'>
  1583. <b:if cond='data:post.url'>
  1584. <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
  1585. <span class='time-info'>
  1586. <l/>
  1587. <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
  1588. <abbr class='published updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'>
  1589. <data:post.timestamp/>
  1590. </abbr>
  1591. </a>
  1592. </span>
  1593. </b:if>
  1594. </b:if>
  1595. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1596. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1597. <b:if cond='data:post.allowComments'>
  1598. <span class='comment-info'>
  1599. <l/>
  1600. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  1601. <b:if cond='data:post.numComments == 0'>
  1602. Add Comment
  1603. </b:if>
  1604. <b:if cond='data:post.numComments == 1'>
  1605. 1 Comment
  1606. </b:if>
  1607. <b:if cond='data:post.numComments &gt; 1'>
  1608. <data:post.numComments/>
  1609. Comments
  1610. </b:if>
  1611. </a>
  1612. </span>
  1613. </b:if>
  1614. </b:if>
  1615. </b:if>
  1616. </div>
  1617. </div>
  1618. </div>
  1619. <div style='clear: both;'/>
  1620. </div>
  1621. </div>
  1622. </b:includable>
  1623. <b:includable id='mobile-main' var='top'>
  1624. <!-- posts -->
  1625. <div class='blog-posts hfeed'>
  1626. <b:include data='top' name='status-message'/>
  1627. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  1628. <b:loop values='data:posts' var='post'>
  1629. <b:include data='post' name='mobile-index-post'/>
  1630. </b:loop>
  1631. <b:else/>
  1632. <b:loop values='data:posts' var='post'>
  1633. <b:include data='post' name='mobile-post'/>
  1634. </b:loop>
  1635. </b:if>
  1636. </div>
  1637. <b:include name='mobile-nextprev'/>
  1638. </b:includable>
  1639. <b:includable id='mobile-nextprev'>
  1640. <!-- MOBILE PAGE NAVIGATION LINKS HERE -->
  1641. <div class='blog-pager' id='blog-pager'>
  1642. <b:if cond='data:newerPageUrl'>
  1643. <div class='mobile-link-button' id='blog-pager-newer-link'>
  1644. <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'>
  1645. &amp;lsaquo;
  1646. </a>
  1647. </div>
  1648. </b:if>
  1649. <b:if cond='data:olderPageUrl'>
  1650. <div class='mobile-link-button' id='blog-pager-older-link'>
  1651. <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'>
  1652. &amp;rsaquo;
  1653. </a>
  1654. </div>
  1655. </b:if>
  1656. <div class='mobile-link-button' id='blog-pager-home-link'>
  1657. <a class='home-link' expr:href='data:blog.homepageUrl'>
  1658. <data:homeMsg/>
  1659. </a>
  1660. </div>
  1661. <div class='mobile-desktop-link'>
  1662. <a class='home-link' expr:href='data:desktopLinkUrl'>
  1663. <data:desktopLinkMsg/>
  1664. </a>
  1665. </div>
  1666. </div>
  1667. <div class='clear'/>
  1668. </b:includable>
  1669. <b:includable id='mobile-post' var='post'>
  1670. <!-- MOBILE ITEM POST HERE -->
  1671. <div class='date-outer'>
  1672. <div class='date-posts'>
  1673. <div class='post-outer'>
  1674. <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  1675. <b:if cond='data:post.thumbnailUrl'>
  1676. <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
  1677. </b:if>
  1678. <meta expr:content='data:blog.blogId' itemprop='blogId'/>
  1679. <meta expr:content='data:post.id' itemprop='postId'/>
  1680. <a expr:name='data:post.id'/>
  1681. <b:if cond='data:post.title'>
  1682. <h3 class='mobile-post-title entry-title' itemprop='name'>
  1683. <b:if cond='data:post.link'>
  1684. <a expr:href='data:post.link'>
  1685. <data:post.title/>
  1686. </a>
  1687. <b:else/>
  1688. <b:if cond='data:post.url'>
  1689. <b:if cond='data:blog.url != data:post.url'>
  1690. <a expr:href='data:post.url'>
  1691. <data:post.title/>
  1692. </a>
  1693. <b:else/>
  1694. <data:post.title/>
  1695. </b:if>
  1696. <b:else/>
  1697. <data:post.title/>
  1698. </b:if>
  1699. </b:if>
  1700. </h3>
  1701. </b:if>
  1702. <div class='post-header'>
  1703. <div class='post-header-line-1'/>
  1704. </div>
  1705. <div class='post-info' style='margin-bottom:15px;'>
  1706. <b:if cond='data:top.showAuthor'>
  1707. <b:if cond='data:post.authorProfileUrl'>
  1708. <span class='author-info'>
  1709.  
  1710. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1711. <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  1712. <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  1713. <span itemprop='name'>
  1714. <data:post.author/>
  1715. </span>
  1716. </a>
  1717. </span>
  1718. </span>
  1719. <b:else/>
  1720. <span class='author-info'>
  1721. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1722. <span itemprop='name'>
  1723. <data:post.author/>
  1724. </span>
  1725. </span>
  1726. </span>
  1727. </b:if>
  1728. </b:if>
  1729. <b:if cond='data:top.showTimestamp'>
  1730. <b:if cond='data:post.url'>
  1731. <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
  1732. <span class='time-info'>
  1733. <l/>
  1734. <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
  1735. <abbr class='published updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'>
  1736. <data:post.timestamp/>
  1737. </abbr>
  1738. </a>
  1739. </span>
  1740. </b:if>
  1741. </b:if>
  1742. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1743. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1744. <b:if cond='data:post.allowComments'>
  1745. <span class='comment-info'>
  1746. <l/>
  1747. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  1748. <b:if cond='data:post.numComments == 0'>
  1749. Add Comment
  1750. </b:if>
  1751. <b:if cond='data:post.numComments == 1'>
  1752. 1 Comment
  1753. </b:if>
  1754. <b:if cond='data:post.numComments &gt; 1'>
  1755. <data:post.numComments/>
  1756. Comments
  1757. </b:if>
  1758. </a>
  1759. </span>
  1760. </b:if>
  1761. </b:if>
  1762. </b:if>
  1763. </div>
  1764. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  1765. <!-- IKLAN BAWAH JUDUL VERSI MOBILE -->
  1766. <data:post.body/>
  1767. <div style='clear: both;'/>
  1768. <div id='share-buttons-mobile'>
  1769. <p>
  1770. Share :
  1771. </p>
  1772. <a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' style='background:#3b5998;'>
  1773. Facebook
  1774. </a>
  1775. <a expr:href='&quot;http://plus.google.com/share?url=&quot; + data:blog.url' rel='nofollow' style='background:#c0361a;'>
  1776. Google+
  1777. </a>
  1778. <a expr:href='&quot;https://twitter.com/intent/tweet?url=&quot; + data:blog.url + &quot;&amp;text=&quot; + data:post.title + &quot;&amp;lang=id&quot;' rel='nofollow' style='background:#4099ff;'>
  1779. Twitter
  1780. </a>
  1781. <div class='clear'/>
  1782. </div>
  1783. <div id='related-posts-mobile'>
  1784. <h3>
  1785. Related Posts :
  1786. </h3>
  1787. <b:loop values='data:post.labels' var='label'>
  1788. <b:if cond='data:label.isLast != &quot;true&quot;'/>
  1789. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1790. <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/>
  1791. </b:if>
  1792. </b:loop>
  1793. <script type='text/javascript'>
  1794. removeRelatedDuplicates(); printRelatedLabels(); </script>
  1795. </div>
  1796. </div>
  1797. </div>
  1798. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1799. <b:include data='post' name='comment_picker'/>
  1800. </b:if>
  1801. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1802. <b:include data='post' name='comment_picker'/>
  1803. </b:if>
  1804. </div>
  1805. </div>
  1806. </div>
  1807. </b:includable>
  1808. <b:includable id='nextprev'>
  1809. <div class='blog-pager' id='blog-pager'>
  1810. <b:if cond='data:newerPageUrl'>
  1811. <span id='blog-pager-newer-link'>
  1812. <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
  1813. </span>
  1814. </b:if>
  1815.  
  1816. <b:if cond='data:olderPageUrl'>
  1817. <span id='blog-pager-older-link'>
  1818. <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
  1819. </span>
  1820. </b:if>
  1821.  
  1822. <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  1823.  
  1824. <b:if cond='data:mobileLinkUrl'>
  1825. <div class='blog-mobile-link'>
  1826. <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
  1827. </div>
  1828. </b:if>
  1829.  
  1830. </div>
  1831. <div class='clear'/>
  1832. </b:includable>
  1833. <b:includable id='post' var='post'>
  1834. <div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
  1835. <b:if cond='data:post.firstImageUrl'>
  1836. <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
  1837. </b:if>
  1838. <meta expr:content='data:blog.blogId' itemprop='blogId'/>
  1839. <meta expr:content='data:post.id' itemprop='postId'/>
  1840.  
  1841. <a expr:name='data:post.id'/>
  1842. <b:if cond='data:post.title'>
  1843. <h3 class='post-title entry-title' itemprop='name'>
  1844. <b:if cond='data:post.link'>
  1845. <a expr:href='data:post.link'><data:post.title/></a>
  1846. <b:else/>
  1847. <b:if cond='data:post.url'>
  1848. <b:if cond='data:blog.url != data:post.url'>
  1849. <a expr:href='data:post.url'><data:post.title/></a>
  1850. <b:else/>
  1851. <data:post.title/>
  1852. </b:if>
  1853. <b:else/>
  1854. <data:post.title/>
  1855. </b:if>
  1856. </b:if>
  1857. </h3>
  1858. </b:if>
  1859.  
  1860. <div class='post-header'>
  1861. <div class='post-header-line-1'/>
  1862. <span class='post-author vcard'>
  1863. <b:if cond='data:top.showAuthor'>
  1864. <data:top.authorLabel/>
  1865. <b:if cond='data:post.authorProfileUrl'>
  1866. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1867. <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  1868. <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  1869. <span itemprop='name'><data:post.author/></span>
  1870. </a>
  1871. </span>
  1872. <b:else/>
  1873. <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  1874. <span itemprop='name'><data:post.author/></span>
  1875. </span>
  1876. </b:if>
  1877. </b:if>
  1878. </span>,
  1879.  
  1880. <span class='post-labels'>
  1881. <b:if cond='data:post.labels'>
  1882. <data:postLabelsLabel/>
  1883. <b:loop values='data:post.labels' var='label'>
  1884. <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
  1885. </b:loop>
  1886. </b:if>
  1887. </span>
  1888. <ball>NOME</ball>
  1889.  
  1890. </div>
  1891.  
  1892. <b:if cond='data:blog.metaDescription == &quot;&quot;'>
  1893. <!-- Then use the post body as the schema.org description,
  1894. for good G+/FB snippeting. -->
  1895. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'>
  1896. <data:post.body/>
  1897. <div style='clear: both;'/> <!-- clear for photos floats -->
  1898. </div>
  1899. <b:else/>
  1900. <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
  1901. <data:post.body/>
  1902. <div style='clear: both;'/> <!-- clear for photos floats -->
  1903. </div>
  1904. </b:if>
  1905.  
  1906. <b:if cond='data:post.hasJumpLink'>
  1907. <div class='jump-link'>
  1908. <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
  1909. </div>
  1910. </b:if>
  1911.  
  1912. <div class='post-footer'>
  1913. <div class='post-footer-line post-footer-line-1'>
  1914. </div> </div>
  1915.  
  1916. <div class='post-footer-line post-footer-line-2'>
  1917. </div>
  1918. </div>
  1919. </b:includable>
  1920. <b:includable id='postQuickEdit' var='post'>
  1921. <b:if cond='data:post.editUrl'>
  1922. <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
  1923. <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
  1924. <img alt='' class='icon-action' height='18' src='//img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
  1925. </a>
  1926. </span>
  1927. </b:if>
  1928. </b:includable>
  1929. <b:includable id='shareButtons' var='post'>
  1930. <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.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
  1931. </b:includable>
  1932. <b:includable id='status-message'>
  1933. <b:if cond='data:navMessage'>
  1934. <div class='status-msg-wrap'>
  1935. <div class='status-msg-body'>
  1936. <data:navMessage/>
  1937. </div>
  1938. <div class='status-msg-border'>
  1939. <div class='status-msg-bg'>
  1940. <div class='status-msg-hidden'><data:navMessage/></div>
  1941. </div>
  1942. </div>
  1943. </div>
  1944. <div style='clear: both;'/>
  1945. </b:if>
  1946. </b:includable>
  1947. <b:includable id='threaded-comment-form' var='post'>
  1948. <div class='comment-form'>
  1949. <a name='comment-form'/>
  1950. <b:if cond='data:mobile'>
  1951. <p><data:blogCommentMessage/></p>
  1952. <data:blogTeamBlogMessage/>
  1953. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1954. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
  1955. <b:else/>
  1956. <p><data:blogCommentMessage/></p>
  1957. <data:blogTeamBlogMessage/>
  1958. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1959. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  1960. </b:if>
  1961. <data:post.friendConnectJs/>
  1962. <data:post.cmtfpIframe/>
  1963. <script type='text/javascript'>
  1964. BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  1965. </script>
  1966. </div>
  1967. </b:includable>
  1968. <b:includable id='threaded_comment_js' var='post'>
  1969. <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  1970.  
  1971. <script type='text/javascript'>
  1972. (function() {
  1973. var items = <data:post.commentJso/>;
  1974. var msgs = <data:post.commentMsgs/>;
  1975. var config = <data:post.commentConfig/>;
  1976.  
  1977. // <![CDATA[
  1978. var cursor = null;
  1979. if (items && items.length > 0) {
  1980. cursor = parseInt(items[items.length - 1].timestamp) + 1;
  1981. }
  1982.  
  1983. var bodyFromEntry = function(entry) {
  1984. if (entry.gd$extendedProperty) {
  1985. for (var k in entry.gd$extendedProperty) {
  1986. if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
  1987. return '<span class="deleted-comment">' + entry.content.$t + '</span>';
  1988. }
  1989. }
  1990. }
  1991. return entry.content.$t;
  1992. }
  1993.  
  1994. var parse = function(data) {
  1995. cursor = null;
  1996. var comments = [];
  1997. if (data && data.feed && data.feed.entry) {
  1998. for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
  1999. var comment = {};
  2000. // comment ID, parsed out of the original id format
  2001. var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
  2002. comment.id = id ? id[2] : null;
  2003. comment.body = bodyFromEntry(entry);
  2004. comment.timestamp = Date.parse(entry.published.$t) + '';
  2005. if (entry.author && entry.author.constructor === Array) {
  2006. var auth = entry.author[0];
  2007. if (auth) {
  2008. comment.author = {
  2009. name: (auth.name ? auth.name.$t : undefined),
  2010. profileUrl: (auth.uri ? auth.uri.$t : undefined),
  2011. avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
  2012. };
  2013. }
  2014. }
  2015. if (entry.link) {
  2016. if (entry.link[2]) {
  2017. comment.link = comment.permalink = entry.link[2].href;
  2018. }
  2019. if (entry.link[3]) {
  2020. var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
  2021. if (pid && pid[1]) {
  2022. comment.parentId = pid[1];
  2023. }
  2024. }
  2025. }
  2026. comment.deleteclass = 'item-control blog-admin';
  2027. if (entry.gd$extendedProperty) {
  2028. for (var k in entry.gd$extendedProperty) {
  2029. if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
  2030. comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
  2031. } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
  2032. comment.displayTime = entry.gd$extendedProperty[k].value;
  2033. }
  2034. }
  2035. }
  2036. comments.push(comment);
  2037. }
  2038. }
  2039. return comments;
  2040. };
  2041.  
  2042. var paginator = function(callback) {
  2043. if (hasMore()) {
  2044. var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
  2045. if (cursor) {
  2046. url += '&published-min=' + new Date(cursor).toISOString();
  2047. }
  2048. window.bloggercomments = function(data) {
  2049. var parsed = parse(data);
  2050. cursor = parsed.length < 50 ? null
  2051. : parseInt(parsed[parsed.length - 1].timestamp) + 1
  2052. callback(parsed);
  2053. window.bloggercomments = null;
  2054. }
  2055. url += '&callback=bloggercomments';
  2056. var script = document.createElement('script');
  2057. script.type = 'text/javascript';
  2058. script.src = url;
  2059. document.getElementsByTagName('head')[0].appendChild(script);
  2060. }
  2061. };
  2062. var hasMore = function() {
  2063. return !!cursor;
  2064. };
  2065. var getMeta = function(key, comment) {
  2066. if ('iswriter' == key) {
  2067. var matches = !!comment.author
  2068. && comment.author.name == config.authorName
  2069. && comment.author.profileUrl == config.authorUrl;
  2070. return matches ? 'true' : '';
  2071. } else if ('deletelink' == key) {
  2072. return config.baseUri + '/delete-comment.g?blogID='
  2073. + config.blogId + '&postID=' + comment.id;
  2074. } else if ('deleteclass' == key) {
  2075. return comment.deleteclass;
  2076. }
  2077. return '';
  2078. };
  2079.  
  2080. var replybox = null;
  2081. var replyUrlParts = null;
  2082. var replyParent = undefined;
  2083.  
  2084. var onReply = function(commentId, domId) {
  2085. if (replybox == null) {
  2086. // lazily cache replybox, and adjust to suit this style:
  2087. replybox = document.getElementById('comment-editor');
  2088. if (replybox != null) {
  2089. replybox.height = '250px';
  2090. replybox.style.display = 'block';
  2091. replyUrlParts = replybox.src.split('#');
  2092. }
  2093. }
  2094. if (replybox && (commentId !== replyParent)) {
  2095. replybox.src = '';
  2096. document.getElementById(domId).insertBefore(replybox, null);
  2097. replybox.src = replyUrlParts[0]
  2098. + (commentId ? '&parentID=' + commentId : '')
  2099. + '#' + replyUrlParts[1];
  2100. replyParent = commentId;
  2101. }
  2102. };
  2103.  
  2104. var hash = (window.location.hash || '#').substring(1);
  2105. var startThread, targetComment;
  2106. if (/^comment-form_/.test(hash)) {
  2107. startThread = hash.substring('comment-form_'.length);
  2108. } else if (/^c[0-9]+$/.test(hash)) {
  2109. targetComment = hash.substring(1);
  2110. }
  2111.  
  2112. // Configure commenting API:
  2113. var configJso = {
  2114. 'maxDepth': config.maxThreadDepth
  2115. };
  2116. var provider = {
  2117. 'id': config.postId,
  2118. 'data': items,
  2119. 'loadNext': paginator,
  2120. 'hasMore': hasMore,
  2121. 'getMeta': getMeta,
  2122. 'onReply': onReply,
  2123. 'rendered': true,
  2124. 'initComment': targetComment,
  2125. 'initReplyThread': startThread,
  2126. 'config': configJso,
  2127. 'messages': msgs
  2128. };
  2129.  
  2130. var render = function() {
  2131. if (window.goog && window.goog.comments) {
  2132. var holder = document.getElementById('comment-holder');
  2133. window.goog.comments.render(holder, provider);
  2134. }
  2135. };
  2136.  
  2137. // render now, or queue to render when library loads:
  2138. if (window.goog && window.goog.comments) {
  2139. render();
  2140. } else {
  2141. window.goog = window.goog || {};
  2142. window.goog.comments = window.goog.comments || {};
  2143. window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
  2144. window.goog.comments.loadQueue.push(render);
  2145. }
  2146. })();
  2147. // ]]>
  2148. </script>
  2149. </b:includable>
  2150. <b:includable id='threaded_comments' var='post'>
  2151. <div class='comments' id='comments'>
  2152. <a name='comments'/>
  2153. <h4><data:post.commentLabelFull/>:</h4>
  2154.  
  2155. <div class='comments-content'>
  2156. <b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/>
  2157. <div id='comment-holder'>
  2158. <data:post.commentHtml/>
  2159. </div>
  2160. </div>
  2161.  
  2162. <p class='comment-footer'>
  2163. <b:if cond='data:post.allowNewComments'>
  2164. <b:include data='post' name='threaded-comment-form'/>
  2165. <b:else/>
  2166. <data:post.noNewCommentsText/>
  2167. </b:if>
  2168. </p>
  2169.  
  2170. <b:if cond='data:showCmtPopup'>
  2171. <div id='comment-popup'>
  2172. <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  2173. </iframe>
  2174. </div>
  2175. </b:if>
  2176.  
  2177. <div id='backlinks-container'>
  2178. <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  2179. <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
  2180. </div>
  2181. </div>
  2182. </div>
  2183. </b:includable>
  2184. </b:widget>
  2185. </b:section>
  2186. </div>
  2187. </div>
  2188.  
  2189. <div class='column-left-outer'>
  2190. <div class='column-left-inner'>
  2191. <aside>
  2192. <macro:include id='main-column-left-sections' name='sections'>
  2193. <macro:param default='0' name='num' value='1'/>
  2194. <macro:param default='sidebar-left' name='idPrefix'/>
  2195. <macro:param default='sidebar' name='class'/>
  2196. <macro:param default='true' name='includeBottom'/>
  2197. </macro:include>
  2198. </aside>
  2199. </div>
  2200. </div>
  2201.  
  2202. <div class='column-right-outer'>
  2203. <div class='column-right-inner'>
  2204. <aside>
  2205. <macro:include id='main-column-right-sections' name='sections'>
  2206. <macro:param default='2' name='num' value='0'/>
  2207. <macro:param default='sidebar-right' name='idPrefix'/>
  2208. <macro:param default='sidebar' name='class'/>
  2209. <macro:param default='true' name='includeBottom'/>
  2210. </macro:include>
  2211. </aside>
  2212. </div>
  2213. </div>
  2214.  
  2215. </div>
  2216.  
  2217. <div style='clear: both'/>
  2218. <!-- columns -->
  2219. </div>
  2220.  
  2221. <!-- main -->
  2222. </div>
  2223. </div>
  2224. <div class='main-cap-bottom cap-bottom'>
  2225. <div class='cap-left'/>
  2226. <div class='cap-right'/>
  2227. </div>
  2228. </div>
  2229.  
  2230. <footer>
  2231. <div class='footer-outer'>
  2232. <div class='footer-cap-top cap-top'>
  2233. <div class='cap-left'/>
  2234. <div class='cap-right'/>
  2235. </div>
  2236. <div class='fauxborder-left footer-fauxborder-left'>
  2237. <div class='fauxborder-right footer-fauxborder-right'/>
  2238. <div class='region-inner footer-inner'>
  2239. <macro:include id='footer-sections' name='sections'>
  2240. <macro:param default='2' name='num'/>
  2241. <macro:param default='footer' name='idPrefix'/>
  2242. <macro:param default='foot' name='class'/>
  2243. <macro:param default='false' name='includeBottom'/>
  2244. </macro:include>
  2245. <!-- outside of the include in order to lock Attribution widget -->
  2246. <b:section class='foot' id='footer-3' showaddelement='no'>
  2247. <b:widget id='Attribution1' locked='false' title='' type='Attribution'>
  2248. <b:includable id='main'>
  2249. <b:if cond='data:feedbackSurveyLink'>
  2250. <div class='mobile-survey-link' style='text-align: center;'>
  2251. <data:feedbackSurveyLink/>
  2252. </div>
  2253. </b:if>
  2254.  
  2255. <div class='widget-content' style='text-align: center;'>
  2256. <b:if cond='data:attribution != &quot;&quot;'>
  2257. <data:attribution/>
  2258. </b:if>
  2259. </div>
  2260.  
  2261. <b:include name='quickedit'/>
  2262. </b:includable>
  2263. </b:widget>
  2264. </b:section>
  2265. </div>
  2266. </div>
  2267. <div class='footer-cap-bottom cap-bottom'>
  2268. <div class='cap-left'/>
  2269. <div class='cap-right'/>
  2270. </div>
  2271. </div>
  2272. </footer>
  2273.  
  2274. <!-- content -->
  2275. </div>
  2276. </div>
  2277. <div class='content-cap-bottom cap-bottom'>
  2278. <div class='cap-left'/>
  2279. <div class='cap-right'/>
  2280. </div>
  2281. </div>
  2282. </div>
  2283.  
  2284. <script type='text/javascript'>
  2285. window.setTimeout(function() {
  2286. document.body.className = document.body.className.replace(&#39;loading&#39;, &#39;&#39;);
  2287. }, 10);
  2288. </script>
  2289.  
  2290.  
  2291.  
  2292.  
  2293.  
  2294. <!-- slicknav js -->
  2295. <script type='text/javascript'>
  2296. //<![CDATA[
  2297. /*!
  2298. SlickNav Responsive Mobile Menu v1.0.0
  2299. (c) 2014 Josh Cope
  2300. licensed under MIT
  2301. */
  2302. ;(function ($, document, window) {
  2303. var
  2304. // default settings object.
  2305. defaults = {
  2306. label: 'MENU',
  2307. duplicate: true,
  2308. duration: 200,
  2309. easingOpen: 'swing',
  2310. easingClose: 'swing',
  2311. closedSymbol: '&#9658;',
  2312. openedSymbol: '&#9660;',
  2313. prependTo: 'body',
  2314. parentTag: 'a',
  2315. closeOnClick: false,
  2316. allowParentLinks: false,
  2317. nestedParentLinks: true,
  2318. showChildren: false,
  2319. init: function(){},
  2320. open: function(){},
  2321. close: function(){}
  2322. },
  2323. mobileMenu = 'slicknav',
  2324. prefix = 'slicknav';
  2325.  
  2326. function Plugin( element, options ) {
  2327. this.element = element;
  2328.  
  2329. // jQuery has an extend method which merges the contents of two or
  2330. // more objects, storing the result in the first object. The first object
  2331. // is generally empty as we don't want to alter the default options for
  2332. // future instances of the plugin
  2333. this.settings = $.extend( {}, defaults, options) ;
  2334.  
  2335. this._defaults = defaults;
  2336. this._name = mobileMenu;
  2337.  
  2338. this.init();
  2339. }
  2340.  
  2341. Plugin.prototype.init = function () {
  2342. var $this = this;
  2343. var menu = $(this.element);
  2344. var settings = this.settings;
  2345.  
  2346. // clone menu if needed
  2347. if (settings.duplicate) {
  2348. $this.mobileNav = menu.clone();
  2349. //remove ids from clone to prevent css issues
  2350. $this.mobileNav.removeAttr('id');
  2351. $this.mobileNav.find('*').each(function(i,e){
  2352. $(e).removeAttr('id');
  2353. });
  2354. }
  2355. else
  2356. $this.mobileNav = menu;
  2357.  
  2358. // styling class for the button
  2359. var iconClass = prefix+'_icon';
  2360.  
  2361. if (settings.label === '') {
  2362. iconClass += ' '+prefix+'_no-text';
  2363. }
  2364.  
  2365. if (settings.parentTag == 'a') {
  2366. settings.parentTag = 'a href="#"';
  2367. }
  2368.  
  2369. // create menu bar
  2370. $this.mobileNav.attr('class', prefix+'_nav');
  2371. var menuBar = $('<div class="'+prefix+'_menu"></div>');
  2372. $this.btn = $('<'+settings.parentTag+' aria-haspopup="true" tabindex="0" class="'+prefix+'_btn '+prefix+'_collapsed"><span class="'+prefix+'_menutxt">'+settings.label+'</span><span class="'+iconClass+'"><span class="'+prefix+'_icon-bar"></span><span class="'+prefix+'_icon-bar"></span><span class="'+prefix+'_icon-bar"></span></span></a>');
  2373. $(menuBar).append($this.btn);
  2374. $(settings.prependTo).prepend(menuBar);
  2375. menuBar.append($this.mobileNav);
  2376.  
  2377. // iterate over structure adding additional structure
  2378. var items = $this.mobileNav.find('li');
  2379. $(items).each(function () {
  2380. var item = $(this);
  2381. var data = {};
  2382. data.children = item.children('ul').attr('role','menu');
  2383. item.data("menu", data);
  2384.  
  2385. // if a list item has a nested menu
  2386. if (data.children.length > 0) {
  2387.  
  2388. // select all text before the child menu
  2389. // check for anchors
  2390.  
  2391. var a = item.contents();
  2392. var containsAnchor = false;
  2393.  
  2394. var nodes = [];
  2395. $(a).each(function(){
  2396. if(!$(this).is("ul")) {
  2397. nodes.push(this);
  2398. }
  2399. else {
  2400. return false;
  2401. }
  2402.  
  2403. if($(this).is("a")) {
  2404. containsAnchor = true;
  2405. }
  2406. });
  2407.  
  2408. var wrapElement = $('<'+settings.parentTag+' role="menuitem" aria-haspopup="true" tabindex="-1" class="'+prefix+'_item"/>');
  2409.  
  2410. // wrap item text with tag and add classes unless we are separating parent links
  2411. if ((!settings.allowParentLinks || settings.nestedParentLinks) || !containsAnchor) {
  2412. var $wrap = $(nodes).wrapAll(wrapElement).parent();
  2413. $wrap.addClass(prefix+'_row');
  2414. } else
  2415. $(nodes).wrapAll('<span class="'+prefix+'_parent-link '+prefix+'_row"/>').parent();
  2416.  
  2417. item.addClass(prefix+'_collapsed');
  2418. item.addClass(prefix+'_parent');
  2419.  
  2420. // create parent arrow. wrap with link if parent links and separating
  2421. var arrowElement = $('<span class="'+prefix+'_arrow">'+settings.closedSymbol+'</span>');
  2422.  
  2423. if (settings.allowParentLinks && !settings.nestedParentLinks && containsAnchor)
  2424. arrowElement = arrowElement.wrap(wrapElement).parent();
  2425.  
  2426. //append arrow
  2427. $(nodes).last().after(arrowElement);
  2428.  
  2429.  
  2430. } else if ( item.children().length === 0) {
  2431. item.addClass(prefix+'_txtnode');
  2432. }
  2433.  
  2434. // accessibility for links
  2435. item.children('a').attr('role', 'menuitem').click(function(event){
  2436. //Emulate menu close if set
  2437. //Ensure that it's not a parent
  2438. if (settings.closeOnClick && !$(event.target).parent().closest('li').hasClass(prefix+'_parent'))
  2439. $($this.btn).click();
  2440. });
  2441.  
  2442. //also close on click if parent links are set
  2443. if (settings.closeOnClick && settings.allowParentLinks) {
  2444. item.children('a').children('a').click(function(event){
  2445. //Emulate menu close
  2446. $($this.btn).click();
  2447. });
  2448.  
  2449. item.find('.'+prefix+'_parent-link a:not(.'+prefix+'_item)').click(function(event){
  2450. //Emulate menu close
  2451. $($this.btn).click();
  2452. });
  2453. }
  2454. });
  2455.  
  2456. // structure is in place, now hide appropriate items
  2457. $(items).each(function () {
  2458. var data = $(this).data("menu");
  2459. if (!settings.showChildren){
  2460. $this._visibilityToggle(data.children, null, false, null, true);
  2461. }
  2462. });
  2463.  
  2464. // finally toggle entire menu
  2465. $this._visibilityToggle($this.mobileNav, null, false, 'init', true);
  2466.  
  2467. // accessibility for menu button
  2468. $this.mobileNav.attr('role','menu');
  2469.  
  2470. // outline prevention when using mouse
  2471. $(document).mousedown(function(){
  2472. $this._outlines(false);
  2473. });
  2474.  
  2475. $(document).keyup(function(){
  2476. $this._outlines(true);
  2477. });
  2478.  
  2479. // menu button click
  2480. $($this.btn).click(function (e) {
  2481. e.preventDefault();
  2482. $this._menuToggle();
  2483. });
  2484.  
  2485. // click on menu parent
  2486. $this.mobileNav.on('click', '.'+prefix+'_item', function(e){
  2487. e.preventDefault();
  2488. $this._itemClick($(this));
  2489. });
  2490.  
  2491. // check for enter key on menu button and menu parents
  2492. $($this.btn).keydown(function (e) {
  2493. var ev = e || event;
  2494. if(ev.keyCode == 13) {
  2495. e.preventDefault();
  2496. $this._menuToggle();
  2497. }
  2498. });
  2499.  
  2500. $this.mobileNav.on('keydown', '.'+prefix+'_item', function(e) {
  2501. var ev = e || event;
  2502. if(ev.keyCode == 13) {
  2503. e.preventDefault();
  2504. $this._itemClick($(e.target));
  2505. }
  2506. });
  2507.  
  2508. // allow links clickable within parent tags if set
  2509. if (settings.allowParentLinks && settings.nestedParentLinks) {
  2510. $('.'+prefix+'_item a').click(function(e){
  2511. e.stopImmediatePropagation();
  2512. });
  2513. }
  2514. };
  2515.  
  2516. //toggle menu
  2517. Plugin.prototype._menuToggle = function(el){
  2518. var $this = this;
  2519. var btn = $this.btn;
  2520. var mobileNav = $this.mobileNav;
  2521.  
  2522. if (btn.hasClass(prefix+'_collapsed')) {
  2523. btn.removeClass(prefix+'_collapsed');
  2524. btn.addClass(prefix+'_open');
  2525. } else {
  2526. btn.removeClass(prefix+'_open');
  2527. btn.addClass(prefix+'_collapsed');
  2528. }
  2529. btn.addClass(prefix+'_animating');
  2530. $this._visibilityToggle(mobileNav, btn.parent(), true, btn);
  2531. };
  2532.  
  2533. // toggle clicked items
  2534. Plugin.prototype._itemClick = function(el) {
  2535. var $this = this;
  2536. var settings = $this.settings;
  2537. var data = el.data("menu");
  2538. if (!data) {
  2539. data = {};
  2540. data.arrow = el.children('.'+prefix+'_arrow');
  2541. data.ul = el.next('ul');
  2542. data.parent = el.parent();
  2543. //Separated parent link structure
  2544. if (data.parent.hasClass(prefix+'_parent-link')) {
  2545. data.parent = el.parent().parent();
  2546. data.ul = el.parent().next('ul');
  2547. }
  2548. el.data("menu", data);
  2549. }
  2550. if (data.parent.hasClass(prefix+'_collapsed')) {
  2551. data.arrow.html(settings.openedSymbol);
  2552. data.parent.removeClass(prefix+'_collapsed');
  2553. data.parent.addClass(prefix+'_open');
  2554. data.parent.addClass(prefix+'_animating');
  2555. $this._visibilityToggle(data.ul, data.parent, true, el);
  2556. } else {
  2557. data.arrow.html(settings.closedSymbol);
  2558. data.parent.addClass(prefix+'_collapsed');
  2559. data.parent.removeClass(prefix+'_open');
  2560. data.parent.addClass(prefix+'_animating');
  2561. $this._visibilityToggle(data.ul, data.parent, true, el);
  2562. }
  2563. };
  2564.  
  2565. // toggle actual visibility and accessibility tags
  2566. Plugin.prototype._visibilityToggle = function(el, parent, animate, trigger, init) {
  2567. var $this = this;
  2568. var settings = $this.settings;
  2569. var items = $this._getActionItems(el);
  2570. var duration = 0;
  2571. if (animate)
  2572. duration = settings.duration;
  2573.  
  2574. if (el.hasClass(prefix+'_hidden')) {
  2575. el.removeClass(prefix+'_hidden');
  2576. el.slideDown(duration, settings.easingOpen, function(){
  2577.  
  2578. $(trigger).removeClass(prefix+'_animating');
  2579. $(parent).removeClass(prefix+'_animating');
  2580.  
  2581. //Fire open callback
  2582. if (!init) {
  2583. settings.open(trigger);
  2584. }
  2585. });
  2586. el.attr('aria-hidden','false');
  2587. items.attr('tabindex', '0');
  2588. $this._setVisAttr(el, false);
  2589. } else {
  2590. el.addClass(prefix+'_hidden');
  2591. el.slideUp(duration, this.settings.easingClose, function() {
  2592. el.attr('aria-hidden','true');
  2593. items.attr('tabindex', '-1');
  2594. $this._setVisAttr(el, true);
  2595. el.hide(); //jQuery 1.7 bug fix
  2596.  
  2597. $(trigger).removeClass(prefix+'_animating');
  2598. $(parent).removeClass(prefix+'_animating');
  2599.  
  2600. //Fire init or close callback
  2601. if (!init)
  2602. settings.close(trigger);
  2603. else if (trigger == 'init')
  2604. settings.init();
  2605. });
  2606. }
  2607. };
  2608.  
  2609. // set attributes of element and children based on visibility
  2610. Plugin.prototype._setVisAttr = function(el, hidden) {
  2611. var $this = this;
  2612.  
  2613. // select all parents that aren't hidden
  2614. var nonHidden = el.children('li').children('ul').not('.'+prefix+'_hidden');
  2615.  
  2616. // iterate over all items setting appropriate tags
  2617. if (!hidden) {
  2618. nonHidden.each(function(){
  2619. var ul = $(this);
  2620. ul.attr('aria-hidden','false');
  2621. var items = $this._getActionItems(ul);
  2622. items.attr('tabindex', '0');
  2623. $this._setVisAttr(ul, hidden);
  2624. });
  2625. } else {
  2626. nonHidden.each(function(){
  2627. var ul = $(this);
  2628. ul.attr('aria-hidden','true');
  2629. var items = $this._getActionItems(ul);
  2630. items.attr('tabindex', '-1');
  2631. $this._setVisAttr(ul, hidden);
  2632. });
  2633. }
  2634. };
  2635.  
  2636. // get all 1st level items that are clickable
  2637. Plugin.prototype._getActionItems = function(el) {
  2638. var data = el.data("menu");
  2639. if (!data) {
  2640. data = {};
  2641. var items = el.children('li');
  2642. var anchors = items.find('a');
  2643. data.links = anchors.add(items.find('.'+prefix+'_item'));
  2644. el.data("menu", data);
  2645. }
  2646. return data.links;
  2647. };
  2648.  
  2649. Plugin.prototype._outlines = function(state) {
  2650. if (!state) {
  2651. $('.'+prefix+'_item, .'+prefix+'_btn').css('outline','none');
  2652. } else {
  2653. $('.'+prefix+'_item, .'+prefix+'_btn').css('outline','');
  2654. }
  2655. };
  2656.  
  2657. Plugin.prototype.toggle = function(){
  2658. var $this = this;
  2659. $this._menuToggle();
  2660. };
  2661.  
  2662. Plugin.prototype.open = function(){
  2663. var $this = this;
  2664. if ($this.btn.hasClass(prefix+'_collapsed')) {
  2665. $this._menuToggle();
  2666. }
  2667. };
  2668.  
  2669. Plugin.prototype.close = function(){
  2670. var $this = this;
  2671. if ($this.btn.hasClass(prefix+'_open')) {
  2672. $this._menuToggle();
  2673. }
  2674. };
  2675.  
  2676. $.fn[mobileMenu] = function ( options ) {
  2677. var args = arguments;
  2678.  
  2679. // Is the first parameter an object (options), or was omitted, instantiate a new instance
  2680. if (options === undefined || typeof options === 'object') {
  2681. return this.each(function () {
  2682.  
  2683. // Only allow the plugin to be instantiated once due to methods
  2684. if (!$.data(this, 'plugin_' + mobileMenu)) {
  2685.  
  2686. // if it has no instance, create a new one, pass options to our plugin constructor,
  2687. // and store the plugin instance in the elements jQuery data object.
  2688. $.data(this, 'plugin_' + mobileMenu, new Plugin( this, options ));
  2689. }
  2690. });
  2691.  
  2692. // If is a string and doesn't start with an underscore or 'init' function, treat this as a call to a public method.
  2693. } else if (typeof options === 'string' && options[0] !== '_' && options !== 'init') {
  2694.  
  2695. // Cache the method call to make it possible to return a value
  2696. var returns;
  2697.  
  2698. this.each(function () {
  2699. var instance = $.data(this, 'plugin_' + mobileMenu);
  2700.  
  2701. // Tests that there's already a plugin-instance and checks that the requested public method exists
  2702. if (instance instanceof Plugin && typeof instance[options] === 'function') {
  2703.  
  2704. // Call the method of our plugin instance, and pass it the supplied arguments.
  2705. returns = instance[options].apply( instance, Array.prototype.slice.call( args, 1 ) );
  2706. }
  2707. });
  2708.  
  2709. // If the earlier cached method gives a value back return the value, otherwise return this to preserve chainability.
  2710. return returns !== undefined ? returns : this;
  2711. }
  2712. };
  2713. }(jQuery, document, window));
  2714. //]]>
  2715. </script>
  2716.  
  2717. </body>
  2718. <div id='footer-wrapper'><a href='http://webunny.blogspot.com/'><img alt='https://2.bp.blogspot.com/-tUFVCzB0z9U/VhlSTwEFEbI/AAAAAAAADHw/zWd870yY5Uw/s1600/cred.png' border='0' id='logo-footer' oncontextmenu='return false' ondragstart='return false' src='https://2.bp.blogspot.com/-tUFVCzB0z9U/VhlSTwEFEbI/AAAAAAAADHw/zWd870yY5Uw/s1600/cred.png'/></a><br/>
  2719. </div>
  2720.  
  2721. <macro:includable id='sections' var='col'>
  2722. <macro:if cond='data:col.num == 0'>
  2723. <macro:else/>
  2724. <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-1&quot;' preferred='yes' showaddelement='yes'/>
  2725.  
  2726. <macro:if cond='data:col.num &gt;= 2'>
  2727. <table border='0' cellpadding='0' cellspacing='0' mexpr:class='&quot;section-columns columns-&quot; + data:col.num'>
  2728. <tbody>
  2729. <tr>
  2730. <td class='first columns-cell'>
  2731. <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-1&quot;'/>
  2732. </td>
  2733.  
  2734. <td class='columns-cell'>
  2735. <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-2&quot;'/>
  2736. </td>
  2737.  
  2738. <macro:if cond='data:col.num &gt;= 3'>
  2739. <td class='columns-cell'>
  2740. <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-3&quot;'/>
  2741. </td>
  2742. </macro:if>
  2743.  
  2744. <macro:if cond='data:col.num &gt;= 4'>
  2745. <td class='columns-cell'>
  2746. <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-2-4&quot;'/>
  2747. </td>
  2748. </macro:if>
  2749. </tr>
  2750. </tbody>
  2751. </table>
  2752.  
  2753. <macro:if cond='data:col.includeBottom'>
  2754. <b:section mexpr:class='data:col.class' mexpr:id='data:col.idPrefix + &quot;-3&quot;' showaddelement='no'/>
  2755. </macro:if>
  2756. </macro:if>
  2757. </macro:if>
  2758. </macro:includable>
  2759.  
  2760. <b:section-contents id='sidebar-left-1'>
  2761. <b:widget id='HTML5' locked='false' title='' type='HTML'>
  2762. <b:includable id='main'>
  2763. <!-- only display title if it's non-empty -->
  2764. <b:if cond='data:title != &quot;&quot;'>
  2765. <h2 class='title'><data:title/></h2>
  2766. </b:if>
  2767. <div class='widget-content'>
  2768. <data:content/>
  2769. </div>
  2770.  
  2771. <b:include name='quickedit'/>
  2772. </b:includable>
  2773. </b:widget>
  2774. <b:widget id='HTML1' locked='false' title='Informativos' type='HTML'>
  2775. <b:includable id='main'>
  2776. <!-- only display title if it's non-empty -->
  2777. <b:if cond='data:title != &quot;&quot;'>
  2778. <h2 class='title'><data:title/></h2>
  2779. </b:if>
  2780. <div class='widget-content'>
  2781. <data:content/>
  2782. </div>
  2783.  
  2784. <b:include name='quickedit'/>
  2785. </b:includable>
  2786. </b:widget>
  2787. </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!