Advertisement
Carolaine_Vieira

Arpejou

Mar 28th, 2016
1,343
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.31 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <title>{Title}</title>
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9.  
  10. <meta name="color:Background" content="#f6f6f6"/>
  11. <meta name="color:Text" content="#999"/>
  12. <meta name="color:Link" content="#999"/>
  13. <meta name="color:Link hover" content="#ccc"/>
  14. <meta name="color:Accent" content="#548"/>
  15. <meta name="color:Post bg" content="#fff"/>
  16. <meta name="color:Post borders" content="#eee"/>
  17. <meta name="color:Perma link" content="#999"/>
  18. <meta name="color:Sidebar text" content="#fff"/>
  19. <meta name="color:Sidebar link" content="#fff"/>
  20. <meta name="color:Sidebar link hover" content="#000"/>
  21. <meta name="color:Nav bg" content="#548"/>
  22.  
  23. <meta name="if:InfiniteScroll" content="0"/>
  24.  
  25. <meta name="image:Background" content=""/>
  26. <meta name="image:Sidebar bg" content=""/>
  27. <meta name="image:Sidebar" content=""/>
  28.  
  29. <meta name="select:Columns" content="500px" title="1" />
  30. <meta name="select:Columns" content="1100px" title="2" />
  31. <meta name="select:Sidebar bg position" content="Left" title="Left" />
  32. <meta name="select:Sidebar bg position" content="Right" title="Right" />
  33. <meta name="select:Sidebar bg position" content="Center" title="Center" />
  34. <meta name="select:Body font" content="Open Sans" title="Open Sans" />
  35. <meta name="select:Body font" content="PT Sans" title="PT Sans" />
  36. <meta name="select:Body font" content="Roboto" title="Roboto" />
  37. <meta name="select:Body font" content="Lato" title="Lato" />
  38. <meta name="select:Body font" content="Raleway" title="Raleway" />
  39. <meta name="select:Body font" content="Droid Sans" title="Droid Sans" />
  40. <meta name="select:Body font" content="Calibri" title="Calibri" />
  41.  
  42. <meta name="text:Link1Title" content="link"/>
  43. <meta name="text:Link1Url" content="/"/>
  44. <meta name="text:Link2Title" content="link"/>
  45. <meta name="text:Link2Url" content="/"/>
  46. <meta name="text:Link3Title" content="link"/>
  47. <meta name="text:Link3Url" content="/"/>
  48. <meta name="text:Link4Title" content="link"/>
  49. <meta name="text:Link4Url" content="/"/>
  50.  
  51. <link href='https://fonts.googleapis.com/css?family=Roboto|Open+Sans|Lato|Raleway|PT+Sans|Droid+Sans' rel='stylesheet' type='text/css'>
  52. <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
  53. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  54.  
  55. <script>
  56. window.onload = function () {
  57. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  58. document.addEventListener( 'click', function ( event ) {
  59. var myLike = event.target;
  60. if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  61. var frame = document.getElementById( 'my-like-frame' ),
  62. liked = ( myLike.className == 'my-liked' ),
  63. command = liked ? 'unlike' : 'like',
  64. reblog = myLike.getAttribute( 'data-reblog' ),
  65. id = myLike.getAttribute( 'data-id' ),
  66. oauth = reblog.slice( -8 );
  67. frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  68. liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  69. };
  70. }, false );
  71. };
  72. </script>
  73.  
  74. <script type="text/javascript"
  75. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  76. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  77. <script>
  78. (function($){
  79.  
  80. $(document).ready(function(){
  81. $("[title]").style_my_tooltips();
  82. });
  83. })(jQuery);
  84. </script>
  85.  
  86. <style type="text/css">
  87.  
  88. #s-m-t-tooltip {
  89.  
  90. max-width:300px;
  91. padding:6px;
  92. padding-left:8px;
  93. padding-right:8px;
  94. margin:15px 20px;
  95. font-size:9px;
  96. letter-spacing:1px;
  97. text-transform:uppercase;
  98. color:{color:post bg};
  99. background:{color:accent};
  100. z-index:9999999;
  101.  
  102. }
  103.  
  104. .my-like {
  105. cursor:pointer;
  106. display:inline-block;
  107. vertical-align:top;
  108. background:transparent;
  109. color:{color:perma link};
  110. }
  111. .my-liked, .my-like:hover {
  112. background:transparent;
  113. color: red;
  114. cursor:pointer;
  115. display:inline-block;
  116. vertical-align:top;
  117. }
  118.  
  119. hr {
  120. border:1px solid #eee;
  121. width:180px;
  122. margin-top:20px;
  123. margin-bottom:20px;
  124. }
  125.  
  126. body {
  127. background: {color:background} url("{image:background}") fixed;
  128. color:{color:text};
  129. font-size:12px;
  130. font-family:{select:body font};
  131. }
  132.  
  133. a {
  134. text-decoration:none;
  135. color:{color:link};
  136. -webkit-transition: all 0.5s ease-out;
  137. -moz-transition: all 0.5s ease-out;
  138. -ms-transition: all 0.5s ease-out;
  139. -o-transition: all 0.5s ease-out;
  140. transition: all 0.5s ease-out;
  141. }
  142. a:hover {
  143. color:{color:link hover};
  144. -webkit-transition: all 0.5s ease-out;
  145. -moz-transition: all 0.5s ease-out;
  146. -ms-transition: all 0.5s ease-out;
  147. -o-transition: all 0.5s ease-out;
  148. transition: all 0.5s ease-out;
  149.  
  150. }
  151.  
  152. #post {
  153. width:{select:columns};
  154. background:transparent;
  155. margin-left:380px;
  156. }
  157.  
  158. .entry {
  159. float:left;
  160. width:400px;
  161. padding:15px;
  162. border-radius:4px;
  163. margin:50px;
  164. -webkit-box-shadow: 2px 2px 0 0 {color:post borders};
  165. box-shadow: 2px 2px 0 0 {color:post borders};
  166. background:{color:post bg};
  167. }
  168.  
  169. .entry .permpm {
  170. -webkit-box-shadow: 2px 2px 0 0 {color:post borders};
  171. box-shadow: 2px 2px 0 0 {color:post borders};
  172. width:60px;
  173. height:auto;
  174. position:absolute;
  175. margin-left:415px;
  176. margin-top:-15px;
  177. background:{color:post bg};
  178. font-family:montserrat;
  179. text-transform:lowercase;
  180. opacity:0.0;
  181. padding:15px;
  182. font-size:10px;
  183. text-align:left;
  184. {block:PermalinkPage}
  185. display:none;
  186. {/block:PermalinkPage}
  187. -webkit-transition: all 0.5s ease-out;
  188. -moz-transition: all 0.5s ease-out;
  189. -ms-transition: all 0.5s ease-out;
  190. -o-transition: all 0.5s ease-out;
  191. transition: all 0.5s ease-out;
  192.  
  193. }
  194.  
  195. .entry:hover .permpm {
  196.  
  197. opacity:1;
  198. -webkit-transition: all 0.5s ease-out;
  199. -moz-transition: all 0.5s ease-out;
  200. -ms-transition: all 0.5s ease-out;
  201. -o-transition: all 0.5s ease-out;
  202. transition: all 0.5s ease-out;
  203.  
  204. }
  205.  
  206. #top2 {
  207. height:auto;
  208. width:auto;
  209. letter-spacing:1px;
  210. margin-left:auto;
  211. margin-right:auto;
  212. margin-top:70px;
  213. margin-bottom:70px;
  214. font-size:11px;
  215. text-transform:uppercase;
  216. z-index:4;
  217. text-align:center;
  218. float:center;
  219. -webkit-transition:all 0.3s ease-out;
  220. -moz-transition:all 0.3s ease-out;
  221. transition:all 0.3s ease-out;
  222. }
  223.  
  224. #top2 a{margin-left:8px; background:{color:accent}; border-radius:3px;
  225. padding:13px; color:{color:post bg};
  226. }
  227. #top2 a:hover{
  228. color:{color:accent};
  229. background:{color:post bg};
  230. -webkit-transition:all 0.8s ease-out;
  231. -moz-transition:all 0.8s ease-out;
  232. transition:all 0.8s ease-out;
  233. }
  234.  
  235. #top1 { position:fixed; width:auto; height:auto; letter-spacing: 1px; right:10px; bottom:10px; padding:8px; font-size:10px; line-height:12px; text-align:center; z-index:99; text-transform:uppercase; font-family:montserrat;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out;text-shadow:none;}#top1 a{text-shadow:none;}#top1 a:hover {text-shadow:none;}#top1:hover {
  236. -webkit-transition:all 0.3s ease-out;
  237. -moz-transition:all 0.3s ease-out;
  238. transition:all 0.3s ease-out;
  239. -moz-transform: scale(1.5);
  240. -webkit-transform: scale(1.5);
  241. -o-transform: scale(1.5);
  242. -ms-transform: scale(1.5);
  243. transform: scale(1.5);
  244. text-shadow:none;
  245. }
  246.  
  247. #notas {
  248. margin-top:0px;
  249. width:95%;
  250. height:200px;
  251. overflow-y:auto;
  252. padding:10px;
  253. text-transform:uppercase;
  254. margin-left:auto;
  255. margin-right:auto;
  256. float:center;
  257. }
  258.  
  259. .notes img {
  260. width: 15px;
  261. border-radius:2px;
  262. float:right;
  263. list-style:none;
  264. -webkit-transition: all 0.5s linear;
  265. -moz-transition: all 0.5s linear;
  266. transition: all 0.5s linear;}
  267. ol.notes, .notes li {
  268. border-bottom:1px solid #eee;
  269. list-style:none;
  270. width: 100%;
  271. padding:10px;
  272. font-size:10px;
  273. margin-top: 5px;
  274. margin-left:0px;
  275. padding-left: 0px}
  276. .notes li:hover img {
  277. list-style:none;
  278. -webkit-transition: all 0.5s linear;
  279. -moz-transition: all 0.5s linear;
  280. transition: all 0.5s linear;}
  281.  
  282. /*tumblr controls*/
  283. #tumblr_controls, .tmblr-iframe{ z-index:9999999 !important;
  284. -webkit-filter:invert(100%); -moz-filter:invert(100%); -o-filter:invert(100%); -ms-filter:invert(100%); filter:invert(100%); position:fixed!important;
  285. right:0px!important; opacity:.5; top:0px !important; margin-top:0px !important;
  286. -webkit-transition:all 0.6s ease-out;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out}
  287.  
  288. #tumblr_controls, .tmblr-iframe:hover{ z-index:9999999 !important;
  289. opacity:.9;webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
  290. -webkit-transition:all 0.6s ease-out;-webkit-filter:invert(80%); -moz-filter:invert(80%); -o-filter:invert(80%); -ms-filter:invert(80%); filter:invert(80%);}
  291.  
  292. ol, ul {padding:0px;list-style-type:none;}
  293. ul li {position:relative;padding-left:20px;}
  294. ul li:before {
  295. content:'';
  296. position:absolute;
  297. display:block;
  298. top:8px;
  299. left:0px;
  300. width:10px;
  301. height:1px;
  302. background:{color:accent};
  303. }
  304.  
  305. ::-webkit-scrollbar {height:5px; width:2px;}
  306.  
  307. ::-webkit-scrollbar-track-piece {
  308. background-color:{color:background};
  309. }
  310.  
  311. ::-webkit-scrollbar-thumb {
  312. background-color:{color:accent};
  313. }
  314.  
  315. .quote {
  316.  
  317. font-size:18px;
  318. text-align:center;
  319. padding-left:35px;
  320. padding-right:35px;
  321. padding:20px;
  322.  
  323. }
  324. .qsub {
  325.  
  326. font-size:13px;
  327.  
  328. }
  329.  
  330. .chat {
  331.  
  332. padding:10px;
  333. padding-bottom:0px;
  334.  
  335. }
  336. .ch1 {
  337.  
  338. padding:10px;
  339. background:#fbfbfb;
  340. border:1px solid {color:post borders};
  341. margin-bottom:5px;
  342.  
  343. }
  344. .ch1 b{
  345.  
  346. color:{color:accent};
  347. margin-right:2px;
  348.  
  349. }
  350.  
  351. h1 {
  352.  
  353. text-align:center;
  354.  
  355. }
  356.  
  357. blockquote {
  358.  
  359. margin-left:15px;
  360. padding-left:10px;
  361. border-left:2px solid {color:post borders};
  362.  
  363. }
  364. blockquote img{max-width:300px !important; width:300px !important;}
  365.  
  366. .caption {padding:10px; padding-top:0px;}
  367. .caption a{border-bottom:1px solid {color:accent};}
  368. .caption a:hover {border-bottom:1px solid;}
  369.  
  370. .albumfoto{
  371.  
  372. float:left;
  373. width:80px;
  374. margin-top:0px;
  375. margin-left:5px;
  376.  
  377. }
  378. .albumfoto img{
  379.  
  380. width:80px;
  381. padding:7px;
  382. background:transparent;
  383. border-radius:100%;
  384.  
  385. }
  386. .audiodesc {
  387.  
  388. margin-left:100px;
  389. padding:10px;
  390. background:transparent;
  391. margin-top:10px;
  392. min-height:64px;
  393. font-weight:bold;
  394. margin-bottom:10px;
  395. font-size:9.5px;
  396. text-transform:uppercase;
  397.  
  398. }
  399. .audioplay {
  400.  
  401. position:absolute;
  402. overflow:hidden;
  403. max-width:30px;
  404. height:28px;
  405. background:transparent;
  406. margin-left:33px;
  407. margin-top:-65px;
  408.  
  409. }
  410.  
  411. .pessoap a{
  412.  
  413. text-transform:uppercase;
  414. font-family:montserrat;
  415. font-size:12px;
  416. color:{color:post bg};
  417.  
  418. }
  419. .pessoapfoto img{
  420.  
  421. float:left;
  422. border-radius:100%;
  423. margin-top:-25px;
  424. margin-left:180px;
  425. padding:3px;
  426. background:{color:accent};
  427.  
  428. }
  429. .pergunta {
  430. background:{color:accent};
  431. color:{color:post bg};
  432. padding:15px;
  433. padding-bottom:38px;
  434. margin-left:0px;
  435. border-bottom:1px solid {color:accent};
  436. text-align:center;
  437. }
  438. .sresposta {
  439. text-align:center;
  440. padding:15px;
  441. background:transparent;
  442. border-top:1px solid {color:accent};
  443. }
  444. .seureblog {
  445. padding:15px;
  446. padding-top:10px;
  447. padding-bottom:5px;
  448. margin-left:0px;
  449. border-top:1px solid {color:post borders};
  450. text-align:left;
  451. text-transform:uppercase;
  452. font-size:10px;
  453. {block:PermalinkPage}
  454. display:none;
  455. {/block:PermalinkPage}
  456. }
  457. .seureblog a {
  458.  
  459. margin-right:8px;
  460. color:{color:perma link};
  461.  
  462. }
  463.  
  464. .pagination {display:none;}
  465.  
  466. #navigation{
  467. position:fixed;
  468. left:135px;
  469. top:45%;
  470. -moz-transform: rotate(-90deg);
  471. -webkit-transform: rotate(-90deg);
  472. -o-transform: rotate(-90deg);
  473. -ms-transform: rotate(-90deg);
  474. transform: rotate(-90deg);
  475. background:transparent;
  476. width:400px;
  477. text-align:center;
  478. }
  479. #navigation a {
  480. cursor:pointer;
  481. text-shadow:none;
  482. margin-bottom:5px;
  483. font-size:11px;
  484. padding:13px;
  485. padding-top:10px;
  486. padding-bottom:10px;
  487. display:inline-block;
  488. text-align:center;
  489. color:{color:sidebar link};
  490. background:transparent;
  491. text-transform:uppercase;
  492. -webkit-transition:all 0.3s ease-out;
  493. -moz-transition:all 0.3s ease-out;
  494. transition:all 0.3s ease-out;
  495. }
  496. #navigation a:hover {
  497. text-shadow:none;
  498. color:{color:sidebar link hover};
  499. -webkit-transition:all 0.3s ease-out;
  500. -moz-transition:all 0.3s ease-out;
  501. transition:all 0.3s ease-out;
  502. }
  503.  
  504. .link {
  505.  
  506. width:400px;
  507. padding:15px;
  508. border-top-left-radius:4px;
  509. border-top-right-radius:4px;
  510. margin-left:-15px;
  511. margin-top:-15px;
  512. background:{color:accent};
  513. color:{color:post bg};
  514. text-align:center !important;
  515.  
  516. }
  517. .linktitle a{
  518.  
  519. font-size:25px;
  520. font-weight:bold;
  521. text-transform:uppercase;
  522. text-align:center !important;
  523. color:{color:post bg};
  524.  
  525. }
  526.  
  527. #sidebar {
  528.  
  529. position:fixed;
  530. left:0px;
  531. top:0px;
  532. padding:0px;
  533. text-align:center;
  534. font-family:montserrat;
  535. background: {color:post bg} url("{image:sidebar bg}") fixed;
  536. background-position:{select:sidebar bg position};
  537. width:300px;
  538. height:100%;
  539.  
  540. }
  541.  
  542. .sidetitle {
  543.  
  544. text-align:center;
  545. text-transform:uppercase;
  546. font-size:25px;
  547. color:{color:sidebar text};
  548. padding-bottom:0px;
  549. padding:15px;
  550. width:270px;
  551. margin-bottom:-10px;
  552.  
  553. }
  554. .sidetitle a{color:{color:sidebar text};}
  555. .sidedesc {
  556.  
  557. text-align:center;
  558. text-transform:uppercase;
  559. color:{color:sidebar text};
  560. margin-top:0px;
  561. padding:5px;
  562. width:70%;
  563. margin-left:auto;
  564. margin-right:auto;
  565. font-size:10px;
  566.  
  567. }
  568. .sidefoto {
  569. width:90px;
  570. border-radius:100%;
  571. padding:10px;
  572. margin-top:270px;
  573. top:50%;
  574. position:relative;
  575. margin-left:auto;
  576. margin-right:auto;
  577. margin-bottom:-10px;
  578. }
  579.  
  580. #dnav {
  581.  
  582. position:fixed;
  583. background:{color:nav bg};
  584. -webkit-box-shadow: 2px 2px 0 0 {color:post borders};
  585. box-shadow: 2px 2px 0 0 {color:post borders};
  586. width:60px;
  587. height:100%;
  588. left:300px;
  589. top:0px;
  590.  
  591. }
  592.  
  593. {CustomCSS}
  594.  
  595. </style>
  596. <body>
  597.  
  598. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  599. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  600.  
  601. <script>
  602. $(function(){
  603. var $container = $('#post');
  604. $container.imagesLoaded(function(){
  605. $container.masonry({
  606. itemSelector: '.entry',
  607. });
  608. });
  609. $container.infinitescroll({
  610. itemSelector : ".entry",
  611. navSelector : "div.pagination",
  612. nextSelector : ".pagination a#next",
  613. loadingImg : "http://static.tumblr.com/nnc3xz0/eYDo4b927/loading5.gif",
  614. loadingText : "<em></em>",
  615. bufferPx : 10000,
  616. extraScrollPx: 12000,
  617. },
  618. // trigger Masonry as a callback
  619. function( newElements ) {
  620. var $newElems = $( newElements ).css({ opacity: 0 });
  621. // ensure that images load before adding to masonry layout
  622. $newElems.imagesLoaded(function(){
  623. $newElems.animate({ opacity: 1 });
  624. $container.masonry( 'appended', $newElems, true );
  625. });
  626. }
  627. );
  628. });
  629. </script>
  630.  
  631. <div id="sidebar">
  632. <img class="sidefoto" src="{image:sidebar}" />
  633. <div class="sidetitle"><a href="/">{Title}</a></div>
  634. <div class="sidedesc">{Description}</div>
  635. <div id="dnav"></div>
  636. <div id="navigation">
  637. <a href="{text:Link1Url}"><li class="fa fa-th-large"></li>&nbsp;&nbsp;{text:Link1Title}</a>
  638. <a href="{text:Link2Url}"><li class="fa fa-leaf"></li>&nbsp;&nbsp;{text:Link2Title}</a>
  639. <a href="{text:Link3Url}"><li class="fa fa-paper-plane"></li>&nbsp;&nbsp;{text:Link3Title}</a>
  640. <a href="{text:Link4Url}"><li class="fa fa-bars"></li>&nbsp;&nbsp;{text:Link4Title}</a>
  641. </div>
  642.  
  643. </div>
  644.  
  645.  
  646. <div id="post">
  647.  
  648. {block:Posts}
  649.  
  650. <div class="entry">
  651.  
  652. <div class="permpm">
  653.  
  654. {block:HasTags}{block:Tags}<a href="{TagURL}"><li style="font-size:9px;" class="fa fa-tag"></li>&nbsp;{Tag}</br></a>{/block:Tags}{/block:HasTags}
  655.  
  656. </div>
  657.  
  658. {block:Title} <h1>{TItle}</h1> {/block:Title}
  659.  
  660. {block:Text} {Body}
  661. <div class="caption">{block:Caption} {Caption} {block:Caption}</div>
  662. {/block:Text}
  663.  
  664. {block:Photo}
  665. <img src="{PhotoURL-500}" width="400" />
  666. <div class="caption">{block:Caption} {Caption} {block:Caption}</div>
  667. {/block:Photo}
  668.  
  669. {block:Photoset}
  670. {Photoset-400}
  671. <div class="caption">{block:Caption} {Caption} {block:Caption}</div>
  672. {/block:Photoset}
  673.  
  674. {block:Quote}
  675. <div class="quote">
  676. "{Quote}"
  677. <div class="qsub">— {block:Source} {Source} {/block:Source} {block:Caption} {Caption} {block:Caption}</div>
  678. </div>
  679. {/block:Quote}
  680.  
  681. {block:Link}
  682. <div class="link">
  683. <div class="linktitle"><a href="{URL}"{Target}>{Name}</a></div>
  684. <div class="linkdesc">{block:Description} {Description} {/block:Description}</div></div>
  685. {/block:Link}
  686.  
  687. {block:Chat}
  688. <div class="chat">
  689. {block:Lines}
  690. {block:Label}
  691. <div class="ch1">
  692. <b>{Label}</b>
  693. {/block:Label}
  694. {Line}</br>
  695. </div>
  696. {/block:Lines}
  697. </div>
  698. <div class="caption">{block:Caption} {Caption} {block:Caption}</div>
  699. {/block:Chat}
  700.  
  701. {block:Audio}
  702. <div class="albumfoto">
  703. {block:AlbumArt}<img src="{AlbumArtURL}" />{/block:AlbumArt}
  704. <div class="audioplay">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer} </div></div>
  705.  
  706. <div class="audiodesc">
  707. {block:Artist}{Artist}{/block:Artist}</br>
  708. {block:Album}{Album}{/block:Album}</br>
  709. {block:TrackName}{TrackName}{/block:TrackName}</br>
  710. {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}
  711. </div>
  712.  
  713. <div class="caption">{block:Caption} {Caption} {block:Caption}</div>
  714. {/block:Audio}
  715.  
  716. {block:Video}
  717. {Video-400}
  718. {PlayCountWithLabel}
  719. <div class="caption">{block:Caption} {Caption} {block:Caption}</div>
  720. {/block:Video}
  721.  
  722. {block:Answer}
  723. <div class="pergunta">
  724. <div class="pessoap">{Asker}</div>
  725. {Question}
  726. </div>
  727. <div class="pessoapfoto"><img src="{AskerPortraitURL-40}" /></div>
  728. {block:Answerer}<div class="pessoarfoto"><img src="{AnswererPortraitURL-40}" /></div>{/block:Answerer}
  729. <div class="sresposta">{Answer}</div>
  730. <div class="caption">{block:Caption} {Caption} {block:Caption}</div>
  731.  
  732. {/block:Answer}
  733.  
  734. <div class="seureblog">
  735.  
  736. {block:Date}<a style="color:{color:accent};" href="{Permalink}">{DayOfMonthWithZero} {ShortMonth}</a>{/block:Date}
  737. <a href="{ReblogUrl}">Reblog</a>
  738. <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}">like</div>
  739. <a style="margin-left:8px;" href="{Permalink}">{NoteCount} N</a>
  740.  
  741. </div>
  742.  
  743. {block:PermalinkPage}
  744.  
  745. <div style="padding:15px;">
  746.  
  747. {block:Date}<b><li class="fa fa-clock-o"></li>&nbsp;&nbsp;Posted:</b> {DayOfMonthWithZero} {Month}, {TimeAgo} {/block:Date}</br>
  748.  
  749. {block:RebloggedFrom}
  750. <b><li class="fa fa-retweet"></li>&nbsp;&nbsp;Via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a></br>
  751.  
  752. <b><li class="fa fa-globe"></li>&nbsp;&nbsp;Source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a></br>
  753. {/block:RebloggedFrom}
  754.  
  755. {block:NoteCount}<b><li class="fa fa-heart"></li>&nbsp;&nbsp;Notes:</b> {NoteCount}{/block:NoteCount}
  756. </br>
  757. {block:HasTags}
  758. <b><li class="fa fa-tags"></li>&nbsp;&nbsp;Tags:</b>
  759. {block:Tags}
  760. <a href="{TagURL}">#{Tag}</a>
  761. {/block:Tags}{/block:HasTags}
  762.  
  763. </div>
  764.  
  765. {block:PostNotes}<div id="notas">{PostNotes}</div>{/block:PostNotes}</div>
  766. {/block:PermalinkPage}
  767.  
  768. </div>
  769.  
  770. {/block:Posts}
  771. </div>
  772.  
  773. {block:IfNotInfiniteScroll}
  774. <div id="top2">
  775.  
  776. {block:Pagination}
  777. {block:PreviousPage}
  778. <a href="{PreviousPage}">Back</a>
  779. {/block:PreviousPage}
  780.  
  781. {block:JumpPagination length="3"}
  782.  
  783. {block:CurrentPage}
  784. <a href="#"><span class="current_page"><li style="font-size:10px;" class="fa fa-check"></li></a></span></a>
  785. {/block:CurrentPage}
  786.  
  787. {block:JumpPage}
  788. <a class="jump_page" href="{URL}">{PageNumber}</a>
  789. {/block:JumpPage}
  790. {/block:JumpPagination}
  791.  
  792. {block:NextPage}
  793. <a href="{NextPage}">Next</a>
  794. {/block:NextPage}
  795.  
  796. {/block:Pagination}
  797.  
  798. </div>
  799. {/block:IfNotInfiniteScroll}
  800.  
  801.  
  802. <div id="top1"><a href="http://amplamente.tumblr.com/" title="tema feito por amplamente"><div style="font-size:7px;"> Thm </div><div style="font-weight:bold;">Am</a></div></div>
  803.  
  804. {block:IfInfiniteScroll}
  805. <div class="pagination">
  806. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}
  807. <a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  808. </div>
  809. {/block:IfInfiniteScroll}
  810.  
  811. </body>
  812. </head>
  813. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement