API tools faq
paste
aane69

w

aane69
May 1st, 2016
60
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.80 KB | None | 0 0
raw download clone embed print report
  1. <!----
  2.  
  3. | Designs @purplose 2016 | não copie ou disponibilize os meus materiais |
  4.  
  5. --->
  6.  
  7. <html><head>
  8.  
  9. <title>{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}" width="25">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}
  13. <meta name="description" content="{MetaDescription}" />
  14. {/block:Description}
  15.  
  16. <meta name="image:sidebar" content=""/>
  17. <meta name="image:background" content=""/>
  18.  
  19. <meta name="color:text" content="#000"/>
  20. <meta name="color:links" content="#000"/>
  21. <meta name="color:links hover" content="#000"/>
  22.  
  23. <meta name="if:show blogtitle" content="1"/>
  24. <meta name="if:show description" content="1"/>
  25. <meta name="if:show header" content="0"/>
  26.  
  27. <meta name="text:link 1 titulo" content="" />
  28. <meta name="text:link 2 titulo" content="" />
  29. <meta name="text:link 3 titulo" content="" />
  30.  
  31. <meta name="text:link 1" content="/" />
  32. <meta name="text:link 2" content="/" />
  33. <meta name="text:link 3" content="/" />
  34.  
  35.  
  36. <link href='https://fonts.googleapis.com/css?family=Roboto:300' rel='stylesheet' type='text/css'>
  37. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  38. <script type="text/javascript" src="http://proto.jp/js/tumblrAutoPager.js"></script>
  39. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  40. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  41. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  42. <script type="text/javascript" src="http://proto.jp/js/tumblrAutoPager.js"></script>
  43. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  44. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script><script>(function($){ $(document).ready(function(){
  45. $("a[title]").style_my_tooltips({tip_follows_cursor:true, tip_delay_time:90,tip_fade_speed:600, attribute:"title" }); }); })(jQuery); </script>
  46.  
  47. <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Montserrat:400,700">
  48. <link rel="stylesheet" type="text/css" href="http://assets.tumblr.com/fonts/gibson/stylesheet.css?v=3">
  49. <link href='https://fonts.googleapis.com/css?family=Karla' rel='stylesheet' type='text/css'>
  50. </style>
  51.  
  52. </head> <style type="text/css">
  53.  
  54. body {
  55. background-color:#fff;
  56. background-image: url('{image:background}');
  57. color:{color:text};
  58. text-align:justify;
  59. font:10px gibson;
  60. letter-spacing:1px;
  61. }
  62.  
  63. a {
  64. color:{color:links};
  65. text-decoration: none;
  66. }
  67.  
  68. a:hover {
  69. color:{color:links hover};
  70. }
  71.  
  72. h1 {
  73. text-align:center;
  74. letter-spacing:1px;
  75. color:#767676;
  76. font:700 11px/1.8em "Montserrat",sans-serif;
  77. text-transform:uppercase;
  78. }
  79.  
  80. blockquote{
  81. margin:0px;
  82. padding:10px;
  83. border:1px solid #eee;
  84. background:transparent;
  85. }
  86.  
  87. .l {
  88. padding-left:10px;
  89. padding-right:10px;
  90. padding-top:15px;
  91. padding-bottom:5px;
  92. border:1px solid #f6f6f6;
  93. background:#fff;
  94. margin-left:-1px;
  95. margin-top:-1px;
  96. {block:PermalinkPage}
  97. padding-bottom:10px;
  98. {/block:PermalinkPage}}
  99.  
  100. .l:hover {
  101. background:#fafafa;
  102. }
  103.  
  104. #s-m-t-tooltip{
  105. z-index:100000;
  106. opacity:0.8;
  107. margin:15px;
  108. padding:5px;
  109. padding:2px 5px;
  110. -moz-border-radius:2px;
  111. -webkit-border-radius:2px;
  112. border-radius:2px;
  113. box-shadow:0px 1px 2px #eeeeee;
  114. -webkit-box-shadow:0px 1px 2px #eeeeee;
  115. -moz-box-shadow:0px 1px 2px #eeeeee;
  116. font-size:.75em;
  117. letter-spacing:2px;
  118. background:#fff;
  119. text-transform:uppercase;
  120. }
  121.  
  122. ::-webkit-scrollbar {
  123. width:17px;
  124. height:0px;
  125. background:#eee;
  126. border:8px solid #fff;
  127. }
  128.  
  129. ::-webkit-scrollbar-thumb {
  130. background:rgba(153,153,153,0.5);
  131. border:8px solid #fff;
  132. }
  133.  
  134. .posts::-webkit-scrollbar-thumb{background:#ddd;}
  135. .posts::-webkit-scrollbar{width:17px; height:0px; background:#fff;}
  136.  
  137. #infscr-loading{
  138. position:absolute!important;
  139. width:16px!important;
  140. height:11px!important;
  141. margin-bottom:-16px!important;
  142. top:auto!important;
  143. bottom:0;
  144. left:50%!important;
  145. }
  146.  
  147. #entry {
  148. width:1000px;
  149. margin:0px 150px;
  150. margin-top:0px;
  151. padding-top:20px;
  152. }
  153.  
  154. .posts {
  155. position:relative;
  156. margin:20px;
  157. width:200px;
  158. {block:PermalinkPage}
  159. width:500px;
  160. margin-left:300px;
  161. {/block:PermalinkPage}
  162. }
  163.  
  164. .posts img {
  165. width:100px;
  166. border-radius:5px;
  167. height:auto;
  168. }
  169.  
  170. .photo img {
  171. position:justify;
  172. width:200px;
  173. {block:PermalinkPage}
  174. width:500px;
  175. {/block:PermalinkPage}
  176. transition: .3s ease-in-out;}
  177.  
  178. .vsanna{
  179. display:none;
  180. }
  181.  
  182. .video{
  183. overflow:hidden;
  184. display:block;
  185. width:200px;
  186. }
  187.  
  188. .chat {
  189. margin-top:3px;
  190. padding:0px;
  191. }
  192.  
  193. .pp {
  194. padding:0px;
  195. }
  196.  
  197. .pp span{
  198. display:block;
  199. margin:5px 40px;
  200. }
  201.  
  202. .tumblr_audio_player {
  203. width:27px;
  204. height:27px;
  205. overflow:hidden;
  206. }
  207.  
  208. .audio {
  209. padding:5px;
  210. padding-bottom:10px;
  211. }
  212.  
  213. .play {
  214. position:absolute;
  215. overflow:hidden;
  216. height:28px;
  217. width:28px;
  218. margin:5px;
  219. }
  220.  
  221. .q{
  222. margin-bottom:10px;
  223. padding-top:20px;
  224. line-height:15px;
  225. border-radius:5px;
  226. }
  227.  
  228. .as{
  229. display:inline;
  230. font-weight:normal;
  231. margin-left:13px;
  232. color:#cccccc;
  233. }
  234.  
  235. .a{
  236. line-height:15px;
  237. margin-left:0px;
  238. }
  239.  
  240. #permalink {
  241. display:block;
  242. text-align:left;
  243. text-transform:uppercase;
  244. line-height:14px;
  245. padding:20px 0px;
  246. line-height:200%;
  247. font-size:9px;
  248. font-weight:normal;
  249. letter-spacing:1px;
  250. letter-spacing:1px;
  251. }
  252.  
  253. #postnotes{
  254. margin-top:10px;
  255. line-height:20px;
  256. padding:10px;
  257. height:200px;
  258. overflow:auto;
  259. width:auto;
  260. font-size:9px;
  261. font-weight:normal;
  262. letter-spacing:1px;
  263. background:#fff;
  264. max-height:500px;
  265. text-transform:uppercase;
  266. text-align:left;
  267. }
  268.  
  269. ol.notes {
  270. padding:0px;
  271. margin:0px;
  272. list-style-type: none;
  273. }
  274.  
  275. ol.notes li.note {
  276. padding: 3px 0px;
  277. margin-bottom:3px;
  278. }
  279.  
  280. ol.notes li.note img.avatar {
  281. float:right;
  282. border-radius:100%;
  283. padding:0px!important;
  284. }
  285.  
  286. ol.notes li.note blockquote a {
  287. text-decoration: none;
  288. }
  289.  
  290. li.more_notes_link_container {
  291. font-weight: bold;
  292. text-transform:uppercase;
  293. font-size:9px;
  294. }
  295.  
  296. .bgnotes {
  297. top:0px;
  298. position:absolute;
  299. opacity:0;
  300. z-index:10;
  301. padding:10px;
  302. text-align:center;
  303. line-height:0px;
  304. background-color:{color:links hover};
  305. width:calc(100% - 20px);
  306. height:calc(100% - 21px);
  307. border-radius:5px;
  308. overflow:auto;
  309. transition: .5s ease-in-out;
  310. }
  311.  
  312. .posts:hover .bgnotes {
  313. opacity:.5;
  314. -webkit-transition: all 0.2s ease-in-out;
  315. -moz-transition: all 0.2s ease-in-out;
  316. -o-transition: all 0.2s ease-in-out;
  317. transition: all 0.2s ease-in-out;
  318. }
  319.  
  320. .notess {
  321. position:relative;
  322. top:-20%;
  323. left:0%;
  324. width:inherit;
  325. letter-spacing:0.75px;
  326. transition: .3s ease-in-out;
  327. margin-top:0;
  328. transition: .3s ease-in-out;
  329. -webkit-transition: .3s ease-in-out;
  330. -moz-transition: .3s ease-in-out;
  331. -o-transition: .3s ease-in-out;
  332. }
  333.  
  334. .posts:hover .notess {
  335. opacity:1;
  336. top:0%;
  337. z-index:100000;
  338. }
  339.  
  340. .notess a {
  341. padding:2px;
  342. text-align:left;
  343. line-height:15px;
  344. margin-top:-1px;
  345. z-index:10;
  346. text-transform:uppercase;
  347. font:700 10px/1.8em "Montserrat",sans-serif;
  348. letter-spacing:1;
  349. margin-left:10px;
  350. color:#fff;
  351. }
  352.  
  353. .notes1{
  354. position:absolute;
  355. margin-top:0%;
  356. left:-5%;
  357. width:inherit;
  358. letter-spacing:0.75px;
  359. opacity:0;
  360. text-align:center;
  361. transition: .3s ease-in-out;
  362. margin-top:0;
  363. transition: .3s ease-in-out;
  364. -webkit-transition: .3s ease-in-out;
  365. -moz-transition: .3s ease-in-out;
  366. -o-transition: .3s ease-in-out;
  367. }
  368.  
  369. .notes1 a {
  370. padding:2px;
  371. line-height:15px;
  372. margin-top:-1px;
  373. z-index:10;
  374. text-transform:uppercase;
  375. font:700 8px/1.8em "Montserrat",sans-serif;
  376. letter-spacing:1;
  377. margin-left:10px;
  378. color:#fff;
  379. }
  380.  
  381. .posts:hover .notes1 {
  382. opacity:1;
  383. margin-top:-15%;
  384. z-index:10;
  385. }
  386.  
  387. .notes2{
  388. border-top:1px solid #f6f6f6;
  389. background:transparent;
  390. position:relative;
  391. margin-top:5px;
  392. opacity:1;
  393. right:0px;
  394. text-align:center;
  395. padding:10px;
  396. }
  397.  
  398. .notes2 a {
  399. letter-spacing:1px;
  400. padding:5px;
  401. font-weight:bold;
  402. text-align:center;
  403. line-height:15px;
  404. margin-top:-1px;
  405. z-index:9;
  406. color:#767676;
  407. font:700 8px/1.8em "Montserrat",sans-serif;
  408. text-transform:uppercase;
  409. }
  410.  
  411. .posts:hover .notes2 {
  412. opacity:1;
  413. z-index:10;
  414. }
  415.  
  416. .side {
  417. margin: 0px 170px 0px;
  418. padding:10px;
  419. padding-top:30px;
  420. padding-left:40px;
  421. padding-right:40px;
  422. text-align:center;
  423. width:830px;
  424. height:150px;
  425. border-bottom:1px solid #eee;
  426. }
  427.  
  428. .side img {
  429. width:40px;
  430. height:40px;
  431. border-radius:100%;
  432. margin-top:30px;
  433. margin-left:40px;
  434. text-align:left;
  435. }
  436.  
  437. .blogtitle {
  438. margin-top:10px;
  439. margin-left:35px;
  440. padding-bottom:2px;
  441. text-align:center;
  442. color:{color:links hover};
  443. font-size:1em;
  444. letter-spacing:2;
  445. background:#fff;
  446. text-transform:uppercase;
  447. }
  448.  
  449. nav {
  450. text-align:center;
  451. left:450px;
  452. margin-top:10px;
  453. padding-bottom:5px;
  454. transition: .3s ease-in-out;
  455. }
  456.  
  457. nav a {
  458. margin-left:40px;
  459. margin-top:5px;
  460. font-weight:normal;
  461. background:{color:links hover};
  462. border:1px solid {color:links hover};
  463. width:10px;
  464. border-radius:100%;
  465. height:10px;
  466. padding:2px;
  467. text-align:center;
  468. display:inline-block;
  469. }
  470.  
  471. nav a:hover {
  472. border:1px solid {color:links hover};
  473. background:#fff;
  474. }
  475.  
  476. </style><body>
  477. <div class="side">
  478. <img src="{image:sidebar}">
  479. <div class="blogtitle">{title}</div>
  480. <nav>
  481. <a href="{text:link 1}" title="{text:link 1 titulo}" style="opacity:1;"></a>
  482. <a href="{text:link 2}" title="{text:link 2 titulo}" style="opacity:.8;"></a>
  483. <a href="{text:link 3}" title="{text:link 3 titulo}" style="opacity:.6;"></a>
  484. <a href="/archive" title="archive" style="opacity:.4;"></a>
  485. <a href="https://purplose.tumblr.com" title="theme" style="opacity:.2;"></a>
  486. </div></div></nav>
  487.  
  488. </div></div>
  489.  
  490.  
  491. <div id="entry">
  492. {block:Posts}
  493. <div class="posts">
  494.  
  495. {block:Text}
  496. <div class="l">
  497. {block:Title}
  498. <h1>{Title}</h1>
  499. {/block:Title}
  500. {body}
  501. {block:IndexPage}
  502. <div class="notes2">
  503. <a href="{ReblogURL}" target="_blank">reblog</a>
  504. <a href="{Permalink}">{notecount}</a>
  505. </div>
  506. {/block:IndexPage}
  507. </div>
  508. {/block:Text}
  509.  
  510. {block:Photo}
  511. <a href="{permalink}">
  512. <div class="photo"><img src="{PhotoURL-400}" alt="{PhotoAlt}"></div></a>
  513. {block:IndexPage}
  514. <div class="bgnotes">
  515. <div class="notess">
  516. <a href="{Permalink}">{notecount}</a>
  517. </div>
  518. </div>
  519. <div class="notes1">
  520. <a href="{ReblogURL}" target="_blank">reblog</a>
  521. </div>
  522. {/block:IndexPage}
  523. {/block:Photo}
  524.  
  525. {block:Photoset}
  526. <a href="{permalink}">
  527. <div class="imgpost">
  528. {Photoset}</div></a>
  529. {block:IndexPage}
  530. <div class="notes2">
  531. <a href="{ReblogURL}" target="_blank">reblog</a>
  532. <a href="{Permalink}">{notecount}</a>
  533. </div>
  534. {/block:IndexPage}
  535. {/block:Photoset}
  536.  
  537. {block:Quote}
  538. <div class="l">
  539. {Quote}
  540. <br><b>
  541. {block:Source}<p>
  542. <center>{Source}</center></p>
  543. {/block:Source}
  544. <p></p></b>
  545. {block:IndexPage}
  546. <div class="notes2">
  547. <a href="{ReblogURL}" target="_blank">reblog</a>
  548. <a href="{Permalink}">{notecount}</a>
  549. </div>
  550. {/block:IndexPage}
  551. </div>
  552. {/block:Quote}
  553.  
  554. {block:Chat}
  555. <div class="l">
  556. {block:Title}
  557. <h1>{Title}</h1>
  558. {/block:Title}
  559. {block:Lines}
  560. {block:Label}
  561. <div class="chat">
  562. <span>
  563. <b>
  564. {Label}
  565. </b>
  566. </span>
  567. {/block:Label}
  568. {Line}<p></p></div>
  569. {/block:Lines}
  570. {block:IndexPage}
  571. <div class="notes2">
  572. <a href="{ReblogURL}" target="_blank">reblog</a>
  573. <a href="{Permalink}">{notecount}</a>
  574. </div>
  575. {/block:IndexPage}
  576. </div>
  577. {/block:Chat}
  578.  
  579. {block:Link}
  580. <div class="l">
  581. <a href="{URL}" target="{Target}">
  582. <h1>{Name}</h1></a>
  583. {block:Description}
  584. {Description}
  585. {/block:Description}
  586. {block:IndexPage}
  587. <div class="notes2">
  588. <a href="{ReblogURL}" target="_blank">reblog</a>
  589. <a href="{Permalink}">{notecount}</a>
  590. </div>
  591. {/block:IndexPage}
  592. </div>
  593. {/block:Link}
  594.  
  595. {block:Audio}
  596. <div class="l">
  597. <div class="audio">
  598. {block:AudioPlayer}
  599. <div class="play">
  600. {AudioPlayerGrey}</div>{/block:AudioPlayer}
  601. <div class="pp">
  602. {block:TrackName}
  603. <span class="tn">
  604. {TrackName}
  605. </span>
  606. {/block:TrackName}
  607. {block:Artist}
  608. <span>
  609. {Artist}
  610. </span>
  611. {/block:Artist}
  612. </div>
  613. </div>
  614. {block:IndexPage}
  615. <div class="notes2">
  616. <a href="{ReblogURL}" target="_blank">reblog</a>
  617. <a href="{Permalink}">{notecount}</a>
  618. </div>
  619. {/block:IndexPage}
  620. </div>
  621. {/block:Audio}
  622.  
  623. {block:Video}
  624. {block:Indexpage}
  625. <div class="video">
  626. {Video}
  627. </div>
  628. {block:IndexPage}
  629. <div class="notes2">
  630. <a href="{ReblogURL}" target="_blank">reblog</a>
  631. <a href="{Permalink}">{notecount}</a>
  632. </div>
  633. {/block:IndexPage}
  634. {/block:Video}
  635.  
  636. {block:Answer}
  637. <div class="l">
  638. <img src="{AskerPortraitURL-40}" align="left" style="margin-right:0px; background:#f7f7f7;width:20px;border-radius:3px"></a>
  639. <div class="as">{Asker} said: </div>
  640. <div class="q">
  641. {Question}</div>
  642. <div class="a">{Answer}</div>
  643. {block:IndexPage}
  644. <div class="notes2">
  645. <a href="{ReblogURL}" target="_blank">reblog</a>
  646. <a href="{Permalink}">{notecount}</a>
  647. </div>
  648. {/block:IndexPage}
  649. </div>
  650. {/block:Answer}
  651.  
  652. <div class="vsanna">
  653. {block:RebloggedFrom}
  654. <a href="{ReblogParentURL}">via</a>
  655. {/block:RebloggedFrom}
  656. {block:ContentSource}
  657. <a href="{SourceURL}">source</a>
  658. {/block:ContentSource}
  659. </div>
  660.  
  661. {block:PermalinkPage}
  662. <div id="permalink">
  663. <a href="{Permalink}">{block:Date}<i class="fa fa-clock-o"></i> {Month} ({Timeago})</a>{/block:Date}{block:RebloggedFrom}<br> <i class="fa fa-refresh" aria-hidden="true"></i> Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a> <br> <i class="fa fa-share"></i> Source <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}{block:Notecount}<br> <i class="fa fa-heart-o" aria-hidden="true"></i> {NoteCountwithLabel}{/block:NoteCount}{block:HasTags}<br><i class="fa fa-hashtag"></i> Tagged: {block:Tags}#<a href="{TagURL}">{Tag}</a>&nbsp; {/block:Tags}{/block:HasTags}</div>{/block:PermalinkPage}
  664.  
  665. {block:PostNotes}
  666. <div id="postnotes">{PostNotes-16}</div>
  667. {/block:PostNotes}
  668. </div>
  669. {/block:Posts}
  670. </div>
  671.  
  672. </div>{/block:Posts}</div>
  673.  
  674. </body>
  675. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  676. <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  677. <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  678. <script type="text/javascript">
  679. $(window).load(function () {
  680. $('#entry').masonry(),
  681. $('.masonryWrap').infinitescroll({
  682. navSelector : "div#navigation",
  683. nextSelector : "div#navigation a#nextPage",
  684. itemSelector : ".posts",
  685. bufferPx : 10000,
  686. extraScrollPx: 11000,
  687. loadingImg : "https://res1.nabtrade.com.au/Content/Images/ajax_loader.gif",
  688. loadingText : "<i> </i>",
  689. },
  690. // call masonry as a callback.
  691. function() { $('#entry').masonry({ appendedContent: $(this) }); }
  692. );
  693. });
  694. </script>
  695.  
  696. {block:IndexPage}<div class="column navigation" id="navigation">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" class="navigate">
  697. {/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}</div>{/block:IndexPage}
  698.  
  699. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!