API tools faq
paste
Advertisement
clamam

Parceria com @amplamente - 01

clamam
May 18th, 2016
378
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.75 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!---
  6. THEME CREATED BY @AMPLAMENTE & @CLAMAM
  7. amplamente.tumblr.com
  8. clamam.tumblr.com
  9. --->
  10. <meta charset="utf-8">
  11. <title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  15.  
  16. <meta name="color:Background" content="#eee" />
  17. <meta name="color:Post" content="#Fff" />
  18. <meta name="color:Borders" content="#eee" />
  19. <meta name="color:Accent" content="#C2DBA0" />
  20. <meta name="color:Text" content="#999" />
  21. <meta name="color:Link" content="#888" />
  22. <meta name="color:Link hover" content="#ccc" />
  23. <meta name="color:Sidebar bg" content="#Fff" />
  24. <meta name="color:Sidebar link" content="#888" />
  25. <meta name="color:Sidebar link hover" content="#ccc" />
  26.  
  27. <meta name="image:Background" content="" />
  28. <meta name="image:Sidebar" content="" />
  29.  
  30. <meta name="if:InfiniteScrolling" content="0"/>
  31. <meta name="if:Caption" content="0"/>
  32. <meta name="if:Tags" content="0"/>
  33.  
  34. <meta name="text:Link1Title" content="link 1" />
  35. <meta name="text:Link1Url" content="/" />
  36. <meta name="text:Link2Title" content="link 2" />
  37. <meta name="text:Link2Url" content="/" />
  38. <meta name="text:Link3Title" content="link 3" />
  39. <meta name="text:Link3Url" content="/" />
  40. <meta name="text:Link4Title" content="link 4" />
  41. <meta name="text:Link4Url" content="/" />
  42. <meta name="text:Link5Title" content="link 5" />
  43. <meta name="text:Link5Url" content="/" />
  44.  
  45. <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  46.  
  47. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  48. <script type="text/javascript" src="http://static.tumblr.com/2wl9p6g/G70lj5t0q/animatedcollapse.js"></script>
  49.  
  50. <script type="text/javascript">
  51. animatedcollapse.addDiv('jason', 'fade=1,height=80px')
  52. animatedcollapse.addDiv('kelly', 'fade=1,height=100px')
  53. animatedcollapse.addDiv('michael', 'fade=1,height=120px')
  54. animatedcollapse.addDiv('cat', 'fade=0,speed=400,group=pets')
  55. animatedcollapse.addDiv('dog', 'fade=0,speed=400,group=pets,persist=1,hide=1')
  56. animatedcollapse.addDiv('rabbit', 'fade=0,speed=400,group=pets,hide=1')
  57. animatedcollapse.ontoggle=function($, divobj, state){
  58. }
  59. animatedcollapse.init()
  60. </script>
  61.  
  62. <style type="text/css">
  63.  
  64. body {
  65. background: {color:background} url("{image:background}") fixed;
  66. color:{color:Text};
  67. font-size:12px;
  68. font-family:Open Sans;
  69. }
  70.  
  71. a {
  72. text-decoration:none;
  73. color:{color:link};
  74. -webkit-transition: all 0.5s ease-out;
  75. transition: all 0.5s ease-out;
  76. }
  77. a:hover {
  78. color:{color:link hover};
  79. -webkit-transition: all 0.5s ease-out;
  80. transition: all 0.5s ease-out;
  81. }
  82.  
  83. #post {
  84. width:700px;
  85. background:transparent;
  86. margin-left:110px;
  87. margin-top:20px;
  88. }
  89.  
  90. .entry {
  91. float:left;
  92. {block:IndexPage}width:250px;{/block:IndexPage}
  93. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  94. padding:15px;
  95. margin:25px;
  96. background:{color:post};
  97. border:1px solid {color:borders};
  98. -webkit-box-shadow: 5px 5px 0 0 {color:accent};
  99. box-shadow: 5px 5px 0 0 {color:accent};
  100. }
  101. .entry img {
  102. margin-bottom:-3px;
  103. {block:IndexPage}max-width:250px;{/block:IndexPage}
  104. {block:PermalinkPage}max-width:500px;{/block:PermalinkPage}
  105. height:auto;
  106. }
  107.  
  108. .entry .permhover {
  109. border:1px solid {color:accent};
  110. width:200px;
  111. margin-left:10px;
  112. margin-top:10px;
  113. height:calc(100% - 82px) !important;
  114. position:absolute;
  115. background:transparent;
  116. opacity:0.0;
  117. padding:15px;
  118. text-align:center;
  119. {block:PermalinkPage}
  120. display:none;
  121. {/block:PermalinkPage}
  122. -webkit-transform: scale(1.1);
  123. transform: scale(1.1);
  124. -webkit-transition: all 0.2s ease-out;
  125. transition: all 0.2s ease-out;
  126. }
  127.  
  128. .entry:hover .permhover {
  129. -webkit-transform: scale(1);
  130. transform: scale(1);
  131. background:rgba(000,000,000,0.6);
  132. opacity:1;
  133. -webkit-transition: all 0.2s ease-out;
  134. transition: all 0.2s ease-out;
  135. }
  136.  
  137. {color:accent} {
  138. padding:5px;
  139. font-size:13px;
  140. text-align:left;
  141. margin-bottom:5px;
  142. }
  143. .qsub {
  144. margin-top:5px;
  145. font-weight:bold;
  146. color:{color:accent};
  147. font-size:12px;
  148. text-transform:uppercase;
  149. }
  150.  
  151. .ch { padding:0px; background:transparent;}
  152. .ch .ch1 { padding:10px; margin-bottom:5px;}
  153. .ch1{ background:{color:background}; border:1px solid {color:borders};}
  154. .ch .ch1 b{ color:{color:accent}; text-transform:uppercase; font-size:11px;}
  155.  
  156. h1 { color:{color:accent}; text-align:center; }
  157.  
  158. blockquote {
  159. width:90%;
  160. margin-left:0px;
  161. padding:10px;
  162. border-left:2px solid {color:accent};
  163. background:transparent;
  164. }
  165. blockquote img{max-width:170px !important; width:170px !important; height:auto;}
  166.  
  167. .albumfoto{
  168. float:left;
  169. width:500px;
  170. margin-top:0px;
  171. margin-left:0px;
  172. }
  173. .albumfoto img{
  174. width:500px;
  175. }
  176. .audiodesc {
  177. text-transform:uppercase;
  178. margin-left:0px;
  179. padding:10px;
  180. padding-top:35px;
  181. padding-left:25px;
  182. background:{color:accent};
  183. color:{color:post};
  184. margin-top:250px;
  185. min-height:105px;
  186. margin-bottom:10px;
  187. font-size:13px;
  188. }
  189. .audioplay {
  190. opacity:0.0;
  191. position:absolute;
  192. overflow:hidden;
  193. padding:5px;
  194. height:28px;
  195. background:#fff;
  196. margin-left:15px;
  197. margin-top:-140px;
  198. -webkit-transition:all 0.3s ease-out;
  199. }
  200. .entry:hover .audioplay {opacity:1; -webkit-transition:all 0.3s ease-out;}
  201.  
  202. .seureblog {
  203. text-align:center;
  204. padding:10px;
  205. font-size:18px;
  206. font-weight:bold;
  207. text-transform:uppercase;
  208. border-bottom:1px solid {color:accent};
  209. width:85px;
  210. margin:10px auto;
  211. -webkit-transition: all 0.5s ease-out;
  212. -moz-transition: all 0.5s ease-out;
  213. -ms-transition: all 0.5s ease-out;
  214. -o-transition: all 0.5s ease-out;
  215. transition: all 0.5s ease-out;
  216. }
  217. .permhover:hover .seureblog {
  218.  
  219. width:110px;
  220. -webkit-transition: all 1s ease-out;
  221. -moz-transition: all 1s ease-out;
  222. -ms-transition: all 1s ease-out;
  223. -o-transition: all 1s ease-out;
  224. transition: all 1s ease-out;
  225.  
  226. }
  227. .seureblog a {
  228.  
  229. margin-right:8px;
  230. margin:7px;
  231. color:{color:accent};
  232.  
  233. }
  234. .nt {margin-top:10px; margin-bottom:0px;}
  235. .nt a {
  236. font-size:18px;
  237. font-weight:bold;
  238. text-align:center;
  239. color:{color:accent};
  240.  
  241. }
  242.  
  243. .pagination {display:none;}
  244.  
  245. .permalink { padding:10px;}
  246.  
  247. .tags { padding:10px;}
  248. .tags a{ text-transform:lowercase;}
  249.  
  250. #sidebar {
  251.  
  252. background:#fff;
  253. border:1px solid #eee;
  254. padding:10px;
  255. width:300px;
  256. left:850px;
  257. top:25%;
  258. position:fixed;
  259. z-index:99;
  260. -webkit-box-shadow: 4px 4px 0 0 {color:accent};
  261. box-shadow: 4px 4px 0 0 {color:accent};
  262.  
  263. }
  264. .sideimg {
  265.  
  266. margin-left:80px;
  267. margin-top:-80px;
  268. width:130px;
  269. border-radius:100%;
  270. border:2px inset {color:accent};
  271. position:relative;
  272. }
  273.  
  274. .description {
  275. margin-top:;
  276. text-align:center;
  277. font-size:13px;
  278. width:80%;
  279. margin-right:auto;
  280. margin-left:auto;
  281.  
  282. }
  283. .sidetitle {
  284. font-family:Segoe Script;
  285. font-size:30px;
  286. letter-spacing:1px;
  287. padding:0px;
  288. text-align:center;
  289. margin-top:5px;
  290. margin-left:0px;
  291. }
  292. .sidetitle a {color:{color:accent}; text-shadow:3px 3px 0px {color:borders};}
  293.  
  294. .pages {
  295. position:fixed;
  296. bottom:20px;
  297. left:1000px;
  298. text-align:center;
  299. display:visible!important!;
  300. }
  301.  
  302. #dog {
  303.  
  304. margin-top:5px; margin-bottom:5px; display:none;
  305. text-align:center;
  306. margin-left:auto;
  307. margin-right:auto;
  308.  
  309. }
  310.  
  311. #dog a {
  312. font-weight:bold;
  313. font-size:12px;
  314. text-transform:uppercase;
  315. margin-right:5px;
  316. color:{color:accent};
  317. }
  318. #dog a:hover {
  319.  
  320. letter-spacing:2px;
  321. }
  322.  
  323. .share {
  324. border-top:1px solid {color:accent};
  325. margin-top:10px; margin-bottom:5px;
  326. text-align:center;
  327. margin-left:auto;
  328. margin-right:auto;
  329. width:90px;
  330. padding-top:5px;
  331. }
  332.  
  333. .share a {
  334. font-weight:bold;
  335. font-size:15px;
  336. text-transform:uppercase;
  337. margin-right:5px;
  338. color:{color:accent};
  339. }
  340. .share a:hover {
  341.  
  342. text-shadow:2px 2px 0px {color:borders};
  343. }
  344.  
  345. .alt {
  346. border-top:1px solid {color:borders};
  347. padding-top:5px;
  348. text-align:right;
  349.  
  350. }
  351.  
  352. .alt a {
  353. font-size:11px;
  354. color:{color:accent};
  355. padding-left:5px;
  356. padding-right:5px;
  357.  
  358. }
  359.  
  360.  
  361. #tumblr_controls,
  362. .tmblr-iframe.iframe-controls--desktop{
  363. position:fixed!important;
  364. -webkit-filter:invert(100%);
  365. opacity:.4; top:0px;
  366. text-transform:none;}
  367.  
  368. .clamam{position:fixed; width:auto; height:auto; letter-spacing: 1px; right:-193px; bottom:20px; font-size:14px; line-height:14px; text-align:right; z-index:99; text-decoration:none; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out; text-shadow:none; padding-left:15px;}
  369. .clamam a{background-color:{color:post}; border:1px solid {color:borders};
  370. padding:6px; color:{color:accent}; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
  371. .clamam::first-letter{color:{color:estrelas}; margin-right:5px; }
  372. .clamam:hover{right:0px; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
  373. .clamam a:hover{text-shadow:none; color:{color:texto}; background:{color:bordas}; text-shadow:1.5px 1.5px 1px {color:borders}; letter-spacing:2px;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
  374. .clamam:hover::first-letter{color:{color:texto}; text-shadow:none; margin-right:0px;}
  375.  
  376. ::-webkit-scrollbar {
  377. width: 7px;
  378. height: 7px;
  379. background: {color:background};
  380. }
  381. ::-webkit-scrollbar-button {
  382. width: 11px;
  383. height: 11px;
  384. }
  385. ::-webkit-scrollbar-thumb {
  386. background: {color:accent};
  387. border: 1px solid #a0a0a0;
  388. border-radius: 50px;
  389. }
  390. ::-webkit-scrollbar-thumb:active {
  391. background: #eee;
  392. }
  393. ::-webkit-scrollbar-track {
  394. background: {color:background};
  395. border: 0px none {color:background};
  396. border-radius: 0px;
  397. }
  398.  
  399. .parede {
  400.  
  401. position:fixed;
  402. left:0px;
  403. top:0px;
  404. background:{color:accent};
  405. width:70px;
  406. height:100%;
  407.  
  408. }
  409.  
  410. .link {
  411. padding:15px;
  412. margin-left:0px;
  413. background:{color:accent};
  414. color:{color:post};
  415. text-align:left;
  416.  
  417. }
  418. .linktitle a{
  419.  
  420. font-size:23px;
  421. font-weight:bold;
  422. text-transform:uppercase;
  423. text-align:left;
  424. color:#fff;
  425.  
  426. }
  427.  
  428. .pessoap {
  429. text-transform:uppercase;
  430. font-size:13px;
  431. font-weight:bold;}
  432. .pessoap a{
  433. color:{color:post};
  434. text-transform:uppercase;
  435. font-size:13px;
  436. font-weight:bold;
  437. }
  438. .pessoapfoto img{
  439. float:left;
  440. border-radius:100%;
  441. margin-top:-25px;
  442. margin-left:188px;
  443. padding:4px;
  444. background:{color:borders};
  445. }
  446. .pergunta {
  447. background:{color:accent};
  448. color:{color:post};
  449. padding:15px;
  450. padding-bottom:38px;
  451. margin-left:0px;
  452. border-bottom:2px solid {color:borders};
  453. text-align:center;
  454. }
  455. .sresposta {
  456. padding:15px;
  457. padding-top:20px;
  458. padding-bottom:0px;
  459. background:transparent;
  460. border-top:2px solid {color:borders};
  461.  
  462. }
  463.  
  464. .postnotes { margin-top:30px; }
  465. ol.notes {padding: 0px; margin: 5px 0 100px 0px; list-style-type: none;}
  466. ol.notes a {text-decoration: none;}
  467. ol.notes li.note {display: inline-block; margin:0; padding: 0;}
  468. ol.notes li.note img.avatar {width: 34px; height: 34px;margin-bottom: -4px; padding: 2px; border-radius:2px;}
  469. aside.permalink_page {margin-top:30px; margin-bottom: 60px;}
  470. span.action {display:none;}
  471. ol.notes li.note:hover span.action {display: block;}
  472. ol.notes li.note blockquote {display:none;}
  473. ol.notes li.note:hover blockquote{display: block;}
  474. span.action {position: absolute; width: 150px; margin-left: -60px; margin-top: -6px; padding: 5px; padding-left:10px; padding-right:10px; font-size:12px; color:#fff; background-color:#333; text-align: center; z-index: 4;}
  475. span.action:after {content: ""; position: absolute; width: 0; height: 0; border-width: 7px; border-style: solid; border-color: transparent transparent #333 transparent; top: -14px; left: 70px;}
  476. ol.notes li.note blockquote {position: absolute; width: 150px; background-color: #333; z-index: 1; padding: 40px 5px 5px 5px; margin-left: -60px; border:0; }
  477. ol.notes li.note.more_notes_link_container {display:block; margin-top: 20px; text-align: center;}
  478. ol.notes li.note.more_notes_link_container a {color:#000; font-weight:bold; text-transform:uppercase;}
  479. span.action a {color:{color:accent};}
  480.  
  481. {CustomCSS}
  482.  
  483. </style>
  484. </head>
  485.  
  486. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  487.  
  488. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  489. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  490.  
  491. <script>
  492. $(function(){
  493. var $container = $('#post');
  494. $container.imagesLoaded(function(){
  495. $container.masonry({
  496. itemSelector: '.entry',
  497. });
  498. });
  499. $container.infinitescroll({
  500. itemSelector : ".entry",
  501. navSelector : "div.pagination",
  502. nextSelector : ".pagination a#next",
  503. loadingImg : "http://static.tumblr.com/nnc3xz0/eYDo4b927/loading5.gif",
  504. loadingText : "<em></em>",
  505. bufferPx : 10000,
  506. extraScrollPx: 12000,
  507. },
  508. function( newElements ) {
  509. var $newElems = $( newElements ).css({ opacity: 0 });
  510. $newElems.imagesLoaded(function(){
  511. $newElems.animate({ opacity: 1 });
  512. $container.masonry( 'appended', $newElems, true );
  513. });});});
  514. </script>
  515.  
  516. <body>
  517.  
  518. <div class="parede"></div>
  519.  
  520. <div class="clamam">
  521. <a href="http://amplamente.tumblr.com" target="_new"><i class="fa fa-code" style="color:{color:estrelas};"></i> AMPLAMENTE</a>
  522. <a href="http://clamam.tumblr.com" target="_new">CLAMAM</a>
  523. </div>
  524.  
  525. <div id="sidebar">
  526. <img class="sideimg" src="{image:sidebar}"/>
  527.  
  528. <div class="sidetitle"><a href="javascript:animatedcollapse.toggle('dog')">{Title}</a></div>
  529. <div id="dog">
  530. <a href="{text:link1url}">{text:link1title}</a>
  531. <a href="{text:link2url}">{text:link2title}</a>
  532. <a href="{text:link3url}">{text:link3title}</a>
  533. <a href="{text:link4url}">{text:link4title}</a>
  534. <a href="{text:link5url}">{text:link5title}</a>
  535. </div>
  536. <div class="description">{Description}</div>
  537. <div class="share">
  538. <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>
  539. <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a>
  540. <a href="#"><i class="fa fa-flickr" aria-hidden="true"></i></a>
  541. <a href="#"><i class="fa fa-heart" aria-hidden="true"></i></a>
  542. </div>
  543. </div>
  544. {block:IfNotInfiniteScrolling}
  545. <div class="pages">
  546. {block:Pagination}
  547. {block:PreviousPage}<a href="{PreviousPage}">Back</a>{/block:PreviousPage}
  548. </br>{CurrentPage} of {TotalPages}</br>
  549. {block:NextPage}<a href="{NextPage}">Next</a>{/block:NextPage}
  550. {/block:Pagination}
  551. </div>
  552. {/block:IfNotInfiniteScrolling}
  553.  
  554.  
  555. <div id="post">
  556.  
  557. {block:Posts}
  558.  
  559. <div class="entry">
  560.  
  561. {block:Title} <h1>{TItle}</h1> {/block:Title}
  562.  
  563. {block:Text}
  564. {Body}
  565. <div class="alt"><a href="{ReblogUrl}">Reblog</a>—
  566. <a href="{Permalink}">{NoteCountWithLabel}</a>—
  567. {block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}</a>{/block:Date}</div>
  568. {/block:Text}
  569.  
  570. {block:Photo}
  571. <div class="permhover">
  572. <div class="seureblog">
  573. <a href="{ReblogUrl}" title="reblog" ><i class="fa fa-retweet" aria-hidden="true"></i></a>{block:Date}<a href="{Permalink}" title="{DayOfMonthWithZero} {ShortMonth} {Year}"><i class="fa fa-clock-o" aria-hidden="true"></i></a>
  574. {/block:Date}</div>
  575. <div class="nt"><a href="{Permalink}" title="notas">{NoteCount}</a></div>
  576. </div>
  577. {block:IndexPage}<img src="{PhotoURL-500}" width="250" />{/block:IndexPage}
  578. {block:PermalinkPage}<img src="{PhotoURL-500}" width="500" />{/block:PermalinkPage}
  579. {/block:Photo}
  580.  
  581. {block:Photoset}
  582. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  583. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  584. <div class="alt"><a href="{ReblogUrl}">Reblog</a>—
  585. <a href="{Permalink}">{NoteCountWithLabel}</a>—
  586. {block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}</a>{/block:Date}</div>
  587. {/block:Photoset}
  588.  
  589. {block:Quote}
  590. <div class="quote">{Quote}
  591. <div class="qsub">{block:Source} {Source} {/block:Source}</div>
  592. </div>
  593. <div class="alt"><a href="{ReblogUrl}">Reblog</a>—
  594. <a href="{Permalink}">{NoteCountWithLabel}</a>—
  595. {block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}</a>{/block:Date}</div>
  596. {/block:Quote}
  597.  
  598. {block:Link}
  599. <div class="link">
  600. <div class="linktitle"><a href="{URL}" {Target}>{Name} <i class="fa fa-angle-double-right" aria-hidden="true"></i>
  601. </a></div>
  602. <div class="linkdesc">{block:Description} {Description} {/block:Description}
  603. {block:Host}<i style="font-size:11px; margin-right:5px;" class="fa fa-link" aria-hidden="true"></i>{Host}{/block:Host}
  604. </div></div>
  605. <div class="alt"><a href="{ReblogUrl}">Reblog</a>—
  606. <a href="{Permalink}">{NoteCountWithLabel}</a>—
  607. {block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}</a>{/block:Date}</div>
  608. {/block:Link}
  609.  
  610. {block:Chat}
  611. <div class="ch">{block:Lines}<div class="ch1">{block:Label}<b>{Label}</b>
  612. {/block:Label}{Line}</div>{/block:Lines}</div>
  613. <div class="alt"><a href="{ReblogUrl}">Reblog</a>—
  614. <a href="{Permalink}">{NoteCountWithLabel}</a>—
  615. {block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}</a>{/block:Date}</div>
  616. {/block:Chat}
  617.  
  618. {block:Audio}
  619. <div class="albumfoto">
  620. {block:AlbumArt}<img src="{AlbumArtURL}" />{/block:AlbumArt}
  621. <div class="audioplay">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer} </div></div>
  622. <div class="audiodesc">
  623. {block:Artist}<i class="fa fa-user" aria-hidden="true"></i>&nbsp;&nbsp;{Artist}{/block:Artist}</br>
  624. {block:Album}<i class="fa fa-folder-open" aria-hidden="true"></i>&nbsp;&nbsp;{Album}{/block:Album}</br>
  625. {block:TrackName}<i class="fa fa-music" aria-hidden="true"></i>&nbsp;&nbsp;{TrackName}{/block:TrackName}</br>
  626. {block:PlayCount}<i class="fa fa-bar-chart" aria-hidden="true"></i>&nbsp;&nbsp;{PlayCountWithLabel}{/block:PlayCount}
  627. </div>
  628. <div class="alt"><a href="{ReblogUrl}">Reblog</a>—
  629. <a href="{Permalink}">{NoteCountWithLabel}</a>—
  630. {block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}</a>{/block:Date}</div>
  631. {/block:Audio}
  632.  
  633. {block:Video}
  634. {block:IndexPage}{Video-250}{/block:IndexPage}
  635. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  636. {PlayCountWithLabel}
  637. <div class="alt"><a hrefn="{ReblogUrl}">Reblog</a>—
  638. <a href="{Permalink}">{NoteCountWithLabel}</a>—
  639. {block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}</a>{/block:Date}</div>
  640. {/block:Video}
  641.  
  642. {block:Answer}
  643. <div class="pergunta">
  644. <div class="pessoap">{Asker} asked:</div>
  645. {Question}
  646. </div>
  647. <div class="pessoapfoto"><img src="{AskerPortraitURL-40}" /></div>
  648. <div class="sresposta">{Answer}</div>
  649. <div class="alt"><a href="{ReblogUrl}">Reblog</a>—
  650. <a href="{Permalink}">{NoteCountWithLabel}</a>—
  651. {block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}</a>{/block:Date}</div>
  652. {/block:Answer}
  653.  
  654. {block:IfCaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfCaption}
  655.  
  656. {block:IfTags}<div class="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>{/block:IfTags}
  657.  
  658. {block:PermalinkPage}
  659.  
  660. <div class="permalink">
  661.  
  662. {block:Date}<b><li class="fa fa-clock-o"></li>&nbsp;&nbsp;Posted:</b> {DayOfMonthWithZero} {Month} {Year}, {24Hour}:{Minutes}:{Seconds} {/block:Date}</br>
  663.  
  664. {block:RebloggedFrom}
  665. <b><li class="fa fa-retweet"></li>&nbsp;&nbsp;Via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a></br>
  666.  
  667. <b><li class="fa fa-globe"></li>&nbsp;&nbsp;Source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a></br>
  668. {/block:RebloggedFrom}
  669.  
  670. {block:NoteCount}<b><li class="fa fa-heart"></li>&nbsp;&nbsp;Notes:</b> {NoteCount}{/block:NoteCount}
  671. </br>
  672. {block:HasTags}
  673. <b><li class="fa fa-tags"></li>&nbsp;&nbsp;Tags:</b>
  674. {block:Tags}
  675. <a href="{TagURL}">#{Tag}</a>
  676. {/block:Tags}{/block:HasTags}
  677.  
  678. {block:PostNotes}<div class="postnotes">{PostNotes-64}</div>{/block:PostNotes}
  679.  
  680. </div>
  681. {/block:PermalinkPage}
  682. </div>
  683. {/block:Posts}
  684. </div>
  685.  
  686. {block:IfInfiniteScrolling}
  687. <div class="pagination">
  688. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}
  689. <a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  690. </div>
  691. {/block:IfInfiniteScrolling}
  692.  
  693. </body>
  694. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!