Advertisement
reptilha

Dolores — 002

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