Advertisement
reptilha

Michelle — 001

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