API tools faq
paste
Advertisement
Carolaine_Vieira

Revolution

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