Advertisement
reptilha

Back to office — 001

May 30th, 2019
221
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.70 KB | None | 0 0
  1. <!--
  2.  
  3. Theme desenvolvido por @reptilha
  4. Não copie detalhes e não remova os créditos.
  5.  
  6. Grata pela preferência.
  7. Atenciosamente, G.
  8.  
  9. --->
  10.  
  11.  
  12. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  13. "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  14.  
  15. <html xmlns="https://www.w3.org/1999/xhtml">
  16.  
  17. <head>
  18.  
  19. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  20.  
  21. <title>{Title}</title>
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. <link rel="shortcut icon" href="{Favicon}">
  24. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  25.  
  26. <!--SHOW AVATAR-->
  27. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  28. <script>
  29. $(document).ready(function(){
  30. /**** tumblr blogs avatars ****/
  31. $(".tumblr_blog").each(function() {
  32. var tumblrblogurl = $(this).text();
  33. $(this).before("<img src='https://api.tumblr.com/v2/blog/" + tumblrblogurl + ".tumblr.com/avatar/24' class='tumblr_blog_avatar'/>");
  34. });
  35. /**** tumblr blogs avatars ****/
  36. });
  37. </script>
  38. <!--SHOW AVATAR-->
  39.  
  40.  
  41.  
  42. <meta name="image:Background" content="" />
  43. <meta name="image:Foto" content="" />
  44.  
  45. <meta name="color:Font" content="#000"/>
  46. <meta name="color:Background" content="#fbfbfb"/>
  47. <meta name="color:Links" content="#000"/>
  48. <meta name="color:Borders" content="#333"/>
  49. <meta name="color:Posts and Menu" content="#fefefe"/>
  50. <meta name="color:Notes and Bio" content="#ffffff"/>
  51. <meta name="color:Title" content="#fafafa"/>
  52.  
  53. <meta name="if:LightVersion" content="" />
  54.  
  55. <meta name="text:Link 1" content="Link" />
  56. <meta name="text:Link 1 url" content="" />
  57. <meta name="text:Link 2" content="Link" />
  58. <meta name="text:Link 2 url" content="" />
  59. <meta name="text:Link 3" content="Link" />
  60. <meta name="text:Link 3 url" content="" />
  61. <meta name="text:Link 4" content="Link" />
  62. <meta name="text:Link 4 url" content="" />
  63. <meta name="text:Link 5" content="Link" />
  64. <meta name="text:Link 5 url" content="" />
  65.  
  66.  
  67. <!--TOOLTIP-->
  68. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  69. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  70. <a href="http://reptilha.tumblr.com" class="by">R</a>
  71. <script> (function($){ $(document).ready(function(){ $("[title],a[title],img[title]").style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:100, tip_fade_speed:300, attribute:"title" }); }); })(jQuery); </script>
  72. <!--TOOLTIP-->
  73.  
  74.  
  75. <style type="text/css">
  76.  
  77.  
  78.  
  79. /*BY*/
  80. .by{
  81. right:5px;
  82. bottom:20px;
  83. position:fixed;
  84. text-decoration:none;
  85. font-size:13px;
  86. z-index:9999999999999999999999999999;
  87. {block:IfLightVersion}
  88. color:black;
  89. {/block:IfLightVersion}
  90. {block:IfNotLightVersion}
  91. color:white;
  92. text-shadow: 1px 1px 1px rgba(68,68,68,.4), -1px -1px 1px rgba(68,68,68,.4), -1px 1px 1px rgba(68,68,68,.4), 1px -1px 1px rgba(68,68,68,.4);
  93. {/block:IfNotLightVersion}
  94. }
  95.  
  96.  
  97.  
  98. /*CONFIG*/
  99.  
  100. body{
  101. /*BACKGROUND*/
  102. background:{color:Background};
  103. background-image:url('{image:Background}');
  104. background-repeat:no-repeat;
  105. background-attachment:fixed;
  106. background-size:100%;
  107. /*BACKGROUND*/
  108.  
  109.  
  110. /*FONT*/
  111. font-size:15px;
  112. color:{color:Font};
  113. line-height:22px;
  114. font-family: 'Roboto', sans-serif;
  115. /*FONT*/
  116.  
  117.  
  118. /*OTHER*/
  119. overflow-x:hidden;
  120. /*OTHER*/
  121. }
  122.  
  123.  
  124.  
  125.  
  126.  
  127. /*IMAGES*/
  128.  
  129. img {
  130. height: auto;
  131. width: auto;
  132. }
  133.  
  134. iframe, img, embed, object, video{
  135. max-width: 100%;
  136. }
  137.  
  138. .photo{
  139. width:100%;
  140. border-radius:2px;
  141. -webkit-transition: all 0.5s ease-out;
  142. -moz-transition: all 0.5s ease-out;
  143. -o-transition: all 0.5s ease-out;
  144. transition: all 0.5s ease-out;
  145. {block:IfNotCaption}
  146. margin-bottom:20px;
  147. {/block:IfNotCaption}
  148. }
  149.  
  150.  
  151.  
  152.  
  153.  
  154. /*LINKS*/
  155. a{
  156. color:{color:Links};
  157. cursor:hand;
  158. font-weight:bold;
  159. -webkit-transition: all 0.1s ease-out;
  160. -moz-transition: all 0.1s ease-out;
  161. -o-transition: all 0.1s ease-out;
  162. transition: all 0.1s ease-out;
  163. text-decoration:none;
  164. }
  165.  
  166. a:hover{
  167. text-decoration:none;
  168. opacity:0.5;
  169. }
  170.  
  171.  
  172.  
  173.  
  174.  
  175. /*INFINITE SCROLL*/
  176.  
  177. #infscr-loading{position:absolute!important;
  178. width:16px!important;
  179. height:11px!important;
  180. margin-bottom:-16px!important;
  181. top:auto!important;
  182. bottom:0;
  183. left:50%!important} .box iframe {max-width: 100%;}
  184. .text img {max-width: 100%;}
  185. img {display: block;}.box img {display: block;}
  186.  
  187. .clear {clear: both;} #pagination {display: none; opacity:0.0;} .clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}.clearfix{display:inline-block}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%;}
  188. img {-webkit-filter: grayscale(20%);}
  189.  
  190.  
  191.  
  192.  
  193.  
  194.  
  195. /*IFRAMES*/
  196.  
  197. .box iframe {
  198. max-width: 100%;
  199.  
  200. }
  201.  
  202. .text img {
  203. max-width: 100%;
  204.  
  205. }
  206.  
  207. blockquote{
  208. margin-left:0%;
  209. width:100%;
  210. }
  211.  
  212. .box img {
  213. display: block;
  214.  
  215. }
  216.  
  217. .clear {
  218. clear: both;
  219.  
  220. }
  221.  
  222.  
  223. .clearfix:after{
  224. content:".";
  225. display:block;
  226. clear:both;
  227. visibility:hidden;
  228. line-height:0;
  229. height:0;
  230.  
  231. }
  232.  
  233. .clearfix{
  234. display:inline-block;
  235.  
  236. }
  237.  
  238. html[xmlns] .clearfix{
  239. display:block;
  240.  
  241. }*
  242.  
  243. html .clearfix{
  244. height:1%;
  245.  
  246. }
  247.  
  248.  
  249. pd{
  250. padding:30px;
  251. display:block;
  252. }
  253.  
  254.  
  255.  
  256. /*POST CONFIG*/
  257.  
  258. /*INDIVIDUAL POST*/
  259. .post {
  260. position: relative;
  261. width:450px;
  262. text-align:justify;
  263. float:left;
  264. {block:PermalinkPage}
  265. width:450px;
  266. {/block:PermalinkPage}
  267.  
  268. }
  269. /*INDIVIDUAL POST*/
  270.  
  271.  
  272. /*ALL*/
  273. #contain {
  274. width:651px;
  275. background
  276. height:100%;
  277. background:{color:Posts and Menu};
  278. border:1px solid {color:Borders};
  279. border-left:transparent;
  280. margin-top:-10px;
  281. margin-left:auto;
  282. margin-right:auto;
  283. min-height:700px;
  284.  
  285. }
  286. /*ALL*/
  287.  
  288.  
  289. /*POST CONTAINER*/
  290. #content {
  291. width:500px;
  292. margin-top:0px;
  293. margin-left:200px;
  294. }
  295. /*POST CONTAINER*/
  296.  
  297.  
  298. /*SHOW AVATAR*/
  299. .tumblr_blog {
  300. margin-left: 30px;
  301. text-transform:uppercase;
  302. font-size:11px;
  303. font-weight:bold;
  304. letter-spacing:1px;
  305.  
  306. }
  307.  
  308. .tumblr_blog_avatar {
  309. width: 20px;
  310. height: 20px;
  311. border-radius: 100px;
  312. position:absolute;
  313. margin-right:px;
  314. margin-top:1px;
  315. vertical-align:px;
  316. }
  317. /*SHOW AVATAR*/
  318.  
  319.  
  320. /*CONTROLS*/
  321. .iframe-controls--desktop {
  322. position:fixed;
  323. padding-top:20px;
  324. padding-right:20px;
  325. z-index:9999999999999999999999999999;
  326. {block:IfLightVersion}
  327. filter:invert(100%);
  328. -webkit-filter:invert(100%);
  329. {/block:IfLightVersion}
  330. -webkit-transform:scale(0.6,0.6);
  331. -webkit-transform-origin: 100% 0%;
  332. -ms-transform-origin:100% 0%;
  333. -ms-transform:scale(0.6,0.6);
  334. transform:scale(0.6,0.6);
  335. transform-origin:100% 0%;
  336. }
  337. /*CONTROLS*/
  338.  
  339.  
  340. /*SCROLL TO TOP*/
  341. #scrollToTop{
  342. right:5px;
  343. bottom:10px;
  344. position:fixed;
  345. font-size:13px;
  346. z-index:9999999999999999999999999999;
  347. {block:IfLightVersion}
  348. color:black;
  349. {/block:IfLightVersion}
  350. {block:IfNotLightVersion}
  351. color:white;
  352. text-shadow: 1px 1px 1px rgba(68,68,68,.4), -1px -1px 1px rgba(68,68,68,.4), -1px 1px 1px rgba(68,68,68,.4), 1px -1px 1px rgba(68,68,68,.4);
  353. {/block:IfNotLightVersion}
  354. }
  355. /*SCROLL TO TOP*/
  356.  
  357.  
  358.  
  359.  
  360.  
  361. /* APPARENCE */
  362.  
  363. /*SELECTION*/
  364. ::-moz-selection {color:inherit;background: transparent;}
  365. ::selection {color:inherit;background: transparent;}
  366. /*SELECTION*/
  367.  
  368.  
  369. /*BOLD*/
  370. b{
  371. font-weight:bold;
  372. }
  373. /*BOLD*/
  374.  
  375.  
  376. /*SCROLLBAR*/
  377. ::-webkit-scrollbar
  378. {width: 19px; height: 19px; z-index:-1;}
  379. ::-webkit-scrollbar-track-piece
  380. {background-color: {color:Background};-webkit-border-radius:px;}
  381. ::-webkit-scrollbar-thumb:vertical
  382. {height: 3px; background-color: {color:Borders}; -webkit-border-radius:px;border:9px solid {color:Background}; }
  383. ::-webkit-scrollbar-thumb:horizontal
  384. {width: 3px; background-color: {color:Borders}; -webkit-border-radius:px;border:9px solid {color:Background}; }
  385. /*SCROLLBAR*/
  386.  
  387.  
  388. /*TOOLTIP*/
  389. #s-m-t-tooltip {
  390. max-width:200px;
  391. padding:3px 10px 3px 10px;
  392. margin:15px 20px;
  393. border:1px solid {color:Borders};
  394. border-radius:px;
  395. background:{color:Notes and Bio};
  396. z-index:123456789;
  397.  
  398. }
  399. /*TOOLTIP*/
  400.  
  401.  
  402. /*LIGHTBO*/
  403. #tumblr_lightbox {
  404. background-color:rgba(225, 225, 225, .7)!important;
  405. z-index:99999!important;
  406. }
  407.  
  408. #tumblr_lightbox img {opacity:0;}
  409.  
  410. #tumblr_lightbox_caption {
  411. color:black!important;
  412. font-family:arial!important;
  413. font-size:10px!important;
  414. font-weight:normal!important;
  415. text-shadow:none!important;
  416. }
  417. #tumblr_lightbox_center_image,
  418. #tumblr_lightbox_left_image,
  419. #tumblr_lightbox_right_image {
  420. background:white!important;
  421. -moz-box-shadow:none!important;
  422. -webkit-box-shadow:none!important;
  423. box-shadow:none!important;
  424. -moz-border-radius:0px!important;
  425. -webkit-border-radius:0px!important;
  426. border-radius:0px!important;
  427. opacity:1!important;
  428. }
  429.  
  430. #tumblr_lightbox_left_image,
  431. #tumblr_lightbox_right_image {opacity:.6!important;}
  432.  
  433. /* LIGHTBO */
  434.  
  435.  
  436. /* BLOCKQUOTE */
  437. blockquote{
  438. margin-left:0px;
  439. }
  440. /* BLOCKQUOTE */
  441.  
  442.  
  443. /* TITLES */
  444. h1, h2, h3{
  445. text-transform:uppercase;
  446. font-size:13px;
  447. font-weight:bold;
  448. letter-spacing:1px;
  449. }
  450. /* TITLES */
  451.  
  452. /* APPARENCE */
  453.  
  454.  
  455.  
  456.  
  457.  
  458. /**NOTES**/
  459. .notes {
  460. display:block;
  461. width:400px;
  462. margin-top:30px;
  463.  
  464. }
  465. .notes .avatar {
  466. border:none;
  467. margin:5px;
  468. width:46px;
  469. padding:0;
  470. border-radius:px;
  471.  
  472. }
  473. .notes ol {
  474. margin:0;
  475. padding:0;
  476.  
  477. }
  478. .notes li {
  479. list-style:none;
  480. border:none;
  481. float:left;
  482. margin:0;
  483. padding:0;
  484. margin-right:4px;
  485. margin-bottom:-2px;
  486.  
  487. }
  488. .notes .note .action {
  489. display:none;
  490. visibility:hidden;
  491. margin:0;
  492. padding:0;
  493.  
  494. }
  495. .more_box {
  496. display:block;
  497. backgroun:{color:Notes and Bio};
  498. width:500px;
  499. height:35px;
  500. margin:0;
  501. padding:0;
  502.  
  503. }
  504. .more_notes_link_container a {
  505. width:100px;
  506. font-style
  507. font-size:12px;
  508. background:{color:Notes and Bio};
  509. font-style:;
  510. display:block;
  511. text-align:center;
  512. width:140px;
  513. text-transform:uppercase;
  514. letter-spacing:1px;
  515. margin-top:30px;
  516. margin-bottom:30px;
  517. font-size:9px;
  518. bordeR:1px solid {color:Borders};
  519.  
  520. }
  521. .notes blockquote {
  522. display:none;
  523.  
  524. }
  525. /*NOTES*/
  526.  
  527.  
  528. /*ANSWER*/
  529. .pessoa {
  530. text-transform:;
  531. font-size:12px;
  532. line-height:10px;
  533. display:block;
  534. margin-left:px;
  535. margin-top:10px;
  536. padding-bottom:0px;
  537. padding-left:0px;
  538.  
  539. }
  540.  
  541.  
  542. .pessoa asker{
  543. display:;
  544. text-transform:;
  545. font-size:px;
  546. font-weight:bold;
  547. color:{color:Link};
  548. z-index:9999!important!important;
  549. letter-spacing:x;
  550. padding:px;
  551. margin-left:10px;
  552. background:;
  553. border-radius:;
  554.  
  555. }
  556. .pessoa img{
  557. width:40px;
  558. display:none;
  559. border-radius:100%;
  560. margin-bottom:-10px;
  561. z-index:2!important;
  562. margin-left:-55px;
  563.  
  564. }
  565. .pergunta {
  566. padding-bottom:20px;
  567. margin-left:0px;
  568. text-align:left;
  569. margin-top:10px;
  570.  
  571. }
  572.  
  573. all{
  574. background:{color:Notes and Bio};
  575. display:block;
  576. border:1px solid {color:Borders};
  577. padding:10px;
  578. }
  579.  
  580. .resposta {
  581. padding-top:15px;
  582. padding-top:px;
  583. padding-bottom:px;
  584. background:transparent;
  585. margin-top:0px;
  586.  
  587. }
  588. /*ANSWER*/
  589.  
  590.  
  591.  
  592.  
  593.  
  594.  
  595.  
  596.  
  597.  
  598. sidebar{
  599. display:block;
  600. height:105%;
  601. position:fixed;
  602. margin-top:-10px;
  603. width:200px;
  604. background:{color:Posts and Menu};
  605. border-right:1px solid {color:Borders};
  606. border-left:1px solid {color:Borders};
  607. }
  608.  
  609. sidebar h1{
  610.  
  611. display:block;
  612. background:{color:Title};
  613. border-bottom:1px solid {color:Borders};
  614. margin-top:0px;
  615. height:30px;
  616. text-align:center;
  617. text-transform:uppercase;
  618. font-size:12px;
  619. font-weight:bold;
  620. padding-top:10px;
  621. letter-spacing:1px;
  622.  
  623. }
  624.  
  625.  
  626. /*POST TYPES*/
  627.  
  628.  
  629. /*CHAT*/
  630.  
  631. .chat li{
  632. list-style:none;
  633. line-height:30px;
  634. text-align:left;
  635. }
  636.  
  637. .chat label{
  638. border:1px solid {color:Borders};
  639. padding:5px;
  640. border-radius:3px;
  641. font-weight:bold;
  642. text-transform:uppercase;
  643. font-size:11px;
  644. margin-right:2px;
  645. letter-spacing:1px;
  646. }
  647.  
  648. ul.chat{
  649. padding:0px;
  650. }
  651. /*CHAT*/
  652.  
  653.  
  654. notes span{
  655. font-size:8px!important;
  656. vertical-align:1px;
  657. margin-left:3px;
  658. }
  659.  
  660. notes{
  661. display:block;
  662. background:{color:Notes and Bio};
  663. height:30px;
  664. padding-top:7px;
  665. width:100%;
  666. text-align:center;
  667. border:1px solid {color:Borders};
  668. text-transform:;
  669. }
  670.  
  671. notes a{
  672. text-transform:uppercase;
  673. font-size:11px;
  674. font-weight:bold;
  675. letter-spacing:1px;
  676. margin:10px;
  677. }
  678.  
  679. mennu{
  680. margin-top:0px;
  681. display:block;
  682. }
  683.  
  684. bio{
  685. display:block;
  686. padding:10px;
  687. margin-top:-8px;
  688. background:{color:Notes and Bio};
  689. }
  690.  
  691. mennu a{
  692. display:block;
  693. height:50px;
  694. font-weight:normal;
  695. line-height:50px;
  696. padding-left:10px;
  697. }
  698.  
  699. mennu a:hover{
  700. opacity:0.5;
  701. padding-left:13px;
  702. }
  703.  
  704. /*estilo de áudio #04 em @passo-html por @clamam insp:tumblr*/
  705. .ph-album{ padding:15px; height:63px; border-radius:5px;}
  706. .ph-player{width:7px; height:7px; overflow:hidden; padding:4px 21px 21px 4px; position:absolute; z-index:9999999999999999999; float:right; margin-top:15px; right:65px; background:; opacity:.8; border-radius:30px; -moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s;}
  707. .ph-player:hover{opacity:1; -moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s;}
  708. .ph-track{margin-right:15px; overflow:auto; max-height:80px; font-family:; font-size:12px; margin-top:5px; float:right; text-align:right;}
  709. .ph-track b{font-size:14px}
  710. .ph-image{width:60px; height:60px; float:right; border-radius:30px;}
  711.  
  712. line{
  713. width:100%;
  714. display:block;
  715. height:1px;
  716. background:{color:Borders};
  717. }
  718.  
  719. lin{
  720. display:block;
  721. border:1px solid {color:Borders};
  722. width:430px;
  723. height:30px;
  724. background:{color:Notes and Bio};
  725. padding:10px;
  726. padding-top:15px;
  727. }
  728.  
  729. lin span{
  730. font-size:8px!important;
  731. vertical-align:2px;
  732. margin-right:3px;
  733. }
  734.  
  735. </style>
  736.  
  737. <!--JS-->
  738. <script type="text/javascript" src="https://static.tumblr.com/uiqhh9x/jkEm9tb4p/jquery-1.8.1.min.js"></script>
  739.  
  740. <script type="text/javascript" src="https://static.tumblr.com/mcvd3uv/hVSn5j522/scroll.js"></script>
  741. <!--JS-->
  742.  
  743.  
  744. <!--FONTS-->
  745. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  746. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  747. <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
  748. <!--FONTS-->
  749.  
  750.  
  751. <!--SCROLL TO TOP-->
  752. <script src="https://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  753. <a href="#" id="scrollToTop"><span class="fa fa-angle-up" aria-hidden="true"></span></a>
  754. <!--SCROLL TO TOP-->
  755.  
  756.  
  757. </head>
  758. <body>
  759.  
  760. <div id="contain">
  761.  
  762. <sidebar>
  763.  
  764. <img src="{image:Foto}"/>
  765.  
  766. <h1>{Title}</h1>
  767.  
  768. <bio>{Description}</bio>
  769.  
  770. <mennu>
  771.  
  772. <line></line>
  773. <a href="{text:Link 1 Url}"> {text:Link 1}</a>
  774. <line></line>
  775. <a href="{text:Link 2 Url}"> {text:Link 2}</a>
  776. <line></line>
  777. <a href="{text:Link 3 Url}"> {text:Link 3}</a>
  778. <line></line>
  779. <a href="{text:Link 4 Url}"> {text:Link 4}</a>
  780. <line></line>
  781. <a href="{text:Link 5 Url}"> {text:Link 5}</a>
  782.  
  783. </mennu>
  784.  
  785. </sidebar>
  786.  
  787. <div id="content">
  788. {block:Posts}
  789. <div class="post">
  790.  
  791. <!--POST TYPE-->
  792. {block:Text}
  793. <pd>
  794. {block:Title}
  795. <h1>{Title}</h1>
  796. {/block:Title}
  797. {Body}
  798. </pd>
  799. {/block:Text}
  800. <!--POST TYPE-->
  801.  
  802.  
  803. <!--POST TYPE-->
  804. {block:Photo}
  805. <pd>
  806. <img src="{PhotoURL-500}" alt="{PhotoAlt}" class="photo"/>
  807. {block:Caption}
  808. <div class="caption">{Caption}</div>
  809. {/block:Caption}
  810. </pd>
  811. {/block:Photo}
  812. <!--POST TYPE-->
  813.  
  814.  
  815. <!--POST TYPE-->
  816. {block:Panorama}
  817. {LinkOpenTag}
  818. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  819. {LinkCloseTag}
  820. <pd>
  821. {block:Caption}
  822. <div class="caption">{Caption}</div>
  823. {/block:Caption}
  824. </pd>
  825. {/block:Panorama}
  826. <!--POST TYPE-->
  827.  
  828.  
  829. <!--POST TYPE-->
  830. {block:Photoset}
  831. <pd>
  832. {Photoset}
  833. {block:IfNotCaption}
  834. <br>
  835. {/block:IfNotCaption}
  836. {block:Caption}
  837. {Caption}
  838. {/block:Caption}
  839. </pd>
  840. {/block:Photoset}
  841. <!--POST TYPE-->
  842.  
  843.  
  844. <!--POST TYPE-->
  845. {block:Quote}
  846. <pd>
  847. {Quote}
  848. {block:Source}
  849. <div class="source">{Source}</div>
  850. {/block:Source}
  851. </pd>
  852. {/block:Quote}
  853. <!--POST TYPE-->
  854.  
  855.  
  856. <!--POST TYPE-->
  857. {block:Link}
  858. <pd>
  859. <a href="{URL}" class="link" {Target}><span class="fa fa-link" style="margin-right:10px;"></span>{Name}</a>
  860. {block:Description}
  861. <div class="description">
  862. {Description}
  863. </div>
  864. {/block:Description}
  865. </pd>
  866. {/block:Link}
  867. <!--POST TYPE-->
  868.  
  869.  
  870. <!--POST TYPE-->
  871. {block:Chat}
  872. <pd>
  873. {block:Title}
  874. <h3><a href="{Permalink}">{Title}</a></h3>
  875. {/block:Title}
  876. <ul class="chat">
  877. {block:Lines}
  878. <li class="{Alt} user_{UserNumber}">
  879. {block:Label}
  880. <span class="label">{Label}</span>
  881. {/block:Label}{Line}
  882. </li>
  883. {/block:Lines}
  884. </ul>
  885. </pd>
  886. {/block:Chat}
  887. <!--POST TYPE-->
  888.  
  889.  
  890. <!--POST TYPE-->
  891. {block:Video}
  892. {Video-500}
  893. <pd>
  894. {block:Caption}
  895. <div class="caption">
  896. {Caption}
  897. </div>
  898. {/block:Caption}
  899. </pd>
  900. {/block:Video}
  901. <!--POST TYPE-->
  902.  
  903.  
  904. <!--POST TYPE-->
  905. {block:Audio}
  906. <div class="ph-album">
  907. {block:AlbumArt}
  908. <img src="{AlbumArtURL}" class="ph-image"/>
  909. {/block:AlbumArt}
  910. {block:AudioPlayer}
  911. <div class="ph-player">{AudioPlayer}</div>
  912. {/block:AudioPlayer}
  913. <div class="ph-track">
  914. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}<br/>
  915. {block:Artist}{Artist}{/block:Artist}<br/>
  916. {formattedplaycount} reproduções
  917. </div></div>
  918. {/block:Audio}
  919. <!--POST TYPE-->
  920.  
  921.  
  922. <!--POST TYPE-->
  923. {block:Answer}
  924. <pd>
  925. <all>
  926. <div class="pessoa">
  927. <span class="fa fa-question"></span>
  928. <asker>{Asker}</asker>
  929. </div>
  930. <div class="pergunta">
  931. {Question}
  932. </div>
  933. </all>
  934. <div class="resposta">
  935. {Answer}
  936. </div>
  937. </pd>
  938. {/block:Answer}
  939. <!--POST TYPE-->
  940.  
  941.  
  942. {block:IndexPage}
  943. <notes>
  944.  
  945. <a href="{Permalink}">{NoteCountWithLabel} <span class="fa fa-heart-o"></span></a>
  946. <a href="{ReblogUrl}">Compartilhar</a>
  947. <a>{TimeAgo}</a>
  948.  
  949. </notes>
  950. {/block:IndexPage}
  951.  
  952. {block:ContentSource}
  953. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  954. {/block:ContentSource}
  955. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  956.  
  957.  
  958.  
  959. </div>
  960.  
  961.  
  962.  
  963. {block:PermalinkPage}
  964.  
  965. {block:PostNotes}
  966. <div class="post">
  967.  
  968. <!--DADOS-->
  969. <lin><span class="fa fa-clock-o"></span> {TimeAgo}</lin>
  970. <lin><span class="fa fa-heart-o"></span> {NoteCountWithLabel}</lin>
  971.  
  972. <!--TAGS-->
  973. {block:HasTags}<lin><span class="fa fa-tags"></span> Marcadores:{block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags} </lin>{/block:HasTags}
  974.  
  975.  
  976.  
  977. <!--NOTES-->
  978. <div class="lnotes">{PostNotes-64}</div><br><br></div>{/block:PostNotes}
  979.  
  980. {/block:PermalinkPage}
  981.  
  982.  
  983. {/block:Posts}
  984.  
  985. {block:Pagination}<ul id="pagination">
  986. {block:PreviousPage}
  987. <li><a href="{PreviousPage}"></a></li>
  988. {/block:PreviousPage}
  989. {block:JumpPagination length="5"}
  990. {block:CurrentPage}
  991. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  992. {/block:CurrentPage}
  993. {block:JumpPage}
  994. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  995. {/block:JumpPage}
  996. {/block:JumpPagination}
  997. {block:NextPage}
  998. <li><a id="nextPage" href="{NextPage}"></a></li>
  999. {/block:NextPage}
  1000. </ul>{/block:Pagination}
  1001.  
  1002. {block:IndexPage}
  1003. <script type="text/javascript">
  1004. $(window).load(function () {
  1005. $('#content').masonry(),
  1006. $('.masonryWrap').infinitescroll({
  1007. navSelector : '#pagination',
  1008. nextSelector : '#pagination a#nextPage',
  1009. itemSelector : ".post, .loading",
  1010. bufferPx : 40,
  1011. loadingImg : "https://29.media.tumblr.com/tumblr_m1kigtqf881r6etyzo1_400.gif",
  1012. loadingText : "<em></em>",
  1013. },
  1014. function() { $('#content').masonry({ appendedContent: $(this) }); }
  1015. );
  1016. });
  1017. </script>
  1018. {/block:IndexPage}
  1019.  
  1020. <script type="text/javascript" src="https://static.tumblr.com/uiqhh9x/UYAm6i0bc/like.js"></script>
  1021. <iframe id="likeiframe" style="width: 1px; height: 1px;"></iframe>
  1022.  
  1023. </div>
  1024.  
  1025.  
  1026. </body>
  1027. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement