API tools faq
paste
aane69

THE PURPLOSE

aane69
Mar 17th, 2016
94
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.57 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <!----
  4. -------------------- ❤ --------------------
  5. | THEME POR PURPLOSE, DESIGN PURPLOSE 2016 |
  6. -------------------- ❤ --------------------
  7.  
  8. --->
  9.  
  10. <!-----------------------------------------------------------
  11. DESIGN by SURDADDY - ORIGINAL ©
  12. ------------------------------------------------------------->
  13. <head>
  14. <title>{Title}</title>
  15. <link rel="shortcut icon" href="{Favicon}" width="25">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}
  18. <meta name="description" content="{MetaDescription}" />
  19. {/block:Description}
  20.  
  21. <script type="text/javascript" src="http://proto.jp/js/tumblrAutoPager.js"></script>
  22.  
  23. <script type="text/javascript" src="http://static.tumblr.com/5u1fog0/sPRne7lc5/ljquery.js"></script>
  24.  
  25. <script type="text/javascript" src="http://static.tumblr.com/5u1fog0/sPRne7lc5/ljquery.js"></script>
  26.  
  27. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  28.  
  29. <script type="text/javascript" src="http://static.tumblr.com/5u1fog0/GzWnj3uo9/ltop.js"></script>
  30.  
  31. <meta name="image:header" content=""/>
  32. <meta name="image:sidebar" content=""/>
  33.  
  34. <meta name="color:text" content="#000"/>
  35. <meta name="color:links" content="#000"/>
  36. <meta name="color:links hover" content="#000"/>
  37.  
  38. <meta name="font:posts" content="helvetica"/>
  39.  
  40. <meta name="text:link 1 titulo" content="home" />
  41. <meta name="text:link 2 titulo" content="contact" />
  42. <meta name="text:link 3 titulo" content="uplouds" />
  43. <meta name="text:link 4 titulo" content="blogroll" />
  44.  
  45. <meta name="text:link 1" content="/" />
  46. <meta name="text:link 2" content="/" />
  47. <meta name="text:link 3" content="/" />
  48. <meta name="text:link 4" content="/" />
  49.  
  50. <link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
  51.  
  52. <script type="text/javascript" src="http://static.tumblr.com/5u1fog0/JiWne7l87/lcollapse.js"></script>
  53.  
  54. <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
  55.  
  56. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  57.  
  58. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  59.  
  60. <script>
  61.  
  62. (function($){
  63.  
  64. $(document).ready(function(){
  65.  
  66. $("a[title]").style_my_tooltips({
  67.  
  68. tip_follows_cursor:true,
  69.  
  70. tip_delay_time:90,
  71.  
  72. tip_fade_speed:600,
  73.  
  74. attribute:"title"
  75.  
  76. });
  77.  
  78. });
  79.  
  80. })(jQuery);
  81.  
  82. </script>
  83.  
  84. <link rel="stylesheet" href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  85.  
  86. <link href='//fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  87.  
  88. <link href='https://fonts.googleapis.com/css?family=Calligraffitti' rel='stylesheet' type='text/css'>
  89.  
  90. <link href='https://fonts.googleapis.com/css?family=Combo' rel='stylesheet' type='text/css'>
  91.  
  92. </head>
  93.  
  94.  
  95.  
  96. <style type="text/css">
  97.  
  98. /** CORPO DO THEME POR PURPLOSE **/
  99.  
  100. body {background-color:#fff;color:{color:text};text-align:justify;font:10px {font:posts}, sans-serif;background-image:url('{image:background}');}
  101.  
  102. a {color:{color:links};text-decoration:none;cursor:help;}
  103.  
  104. a:hover {color:{color:links hover};transition:0.4s ease-in-out;-webkit-transition:0.4s ease-in-out;-moz-transition:0.4s ease-in-out;}
  105.  
  106. h1 {font:10px helvetica;text-align:center;text-transform:uppercase;letter-spacing:1px;font-weight:normal;}
  107.  
  108. blockquote{margin:5px; padding:5px;border-left:3px solid #eee;}
  109.  
  110. .l {padding:10px;}
  111.  
  112. /** CONTROLE, TOOLTIP E SCROLL DO THEME POR PURPLOSE **/
  113.  
  114. ::-webkit-scrollbar-thumb {border:3px solid transparent; box-shadow:0px 0px 5px #ccc inset; border-radius:10px;width:10px;}
  115. ::-webkit-scrollbar {height:10px;width:14px;}
  116.  
  117. #tooltip{z-index:9999999999999999;margin:15px;padding:5px;background:#fff;color:#aaa;font-family:'Calibri', sans-serif;font-size:8px;line-height:100%;letter-spacing:1px;text-transform:uppercase;border:1px solid #eee;box-shadow: 0 8px 6px -6px rgba(255,255,255, .1);}
  118.  
  119. /** POSTS (IMAGEM, VIDEOS, ETC..) POR PURPLOSE **/
  120.  
  121. #entry {width:1200px;margin:0px 0 0 30px}
  122.  
  123. .posts {position:relative;width:200px;float:left;margin:15px;{block:PermalinkPage}width:300px;{/block:PermalinkPage};border:1px solid #eee;padding:3px;background:#fff;}
  124.  
  125. .posts img {width:100px;height:auto;}
  126.  
  127. .p_post img {width:200px;{block:PermalinkPage}width:300px;{/block:PermalinkPage}-moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
  128.  
  129. .vsanna{display:none;}
  130.  
  131. .p_video {overflow:hidden;display:block;width:300px;}
  132.  
  133. /** PERMALINK POR PURPLOSE **/
  134.  
  135. #lpermalink {padding:0px; margin-bottom:1px; background:#fff;overflow-x:hidden; overflow-y:auto;height:200px;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.8)}#lpermalink img {float:left; padding:5px; width:10px; height:10px; opacity:1!important;} #lnotes {overflow-x:hidden; overflow-y:auto; width:350px; height:350px; background:#f5f5f5;}.notes img {display:block; float:left; margin-right:.75em;border-radius:100%;}ol.notes li {list-style-type:none; margin:.375em 0; line-height:18px; padding:5px;}
  136.  
  137.  
  138. /** NOTES POR PURPLOSE **/
  139. .p_notes {position:absolute;top:30%;width:inherit;letter-spacing:0.75px;}
  140. .p_notes1{position:relative;margin-top:0px;padding:0px;text-align:center;opacity:1;width:auto;opacity:1;transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out;-moz-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;background:#eee;}
  141. .p_notes1 a {display:inline-block;letter-spacing:1px;height:15px;padding:5px;text-align:center;line-height:15px;margin-top:-1px;z-index:9999999999999999999;}
  142. .posts:hover .p_notes1 {opacity:1;z-index:9;}
  143.  
  144. /******** NOTES POR SURDADDY *******/
  145.  
  146. #perms {width:45px;height:45px;text-align:center;left:53px;background: rgba(255,255,255,0.8); opacity:0; position:absolute;transition:1s;}
  147. #perms img {width:35px;margin:4px;}
  148. #perms_ {width:45px;height:45px;text-align:center;left:98px;background: rgba(255,255,255,0.8); opacity:0; position:absolute;transition:1s;}
  149. #perms_ img {width:35px;margin:4px; }
  150. #perms_n {top:45px;left:53px; transition:1s; width:90px;height:17px;line-height:17px;text-align:center;position:absolute;background:rgba(255,255,255,0.8);opacity:0;border-top:1px solid #eee;}
  151. #perms_n a {text-transform:uppercase;color:#000;}
  152. #perms_n img {width:15px;margin:2px;}
  153. .posts img:hover #perms {opacity:1;z-index:10;}
  154. .posts:hover #perms {opacity:1;z-index:10;}
  155. .posts:hover #perms_ {opacity:1;z-index:10;}
  156. .posts:hover #perms_n {opacity:1;z-index:10;}
  157.  
  158.  
  159. /** CHAT POR PURPLOSE **/
  160.  
  161. .p_chat {margin-top:3px;background:#fff;background:;padding:5px;border-bottom:1px solid {color:links hover};}
  162.  
  163. /** ASK POR SURDADDY**/
  164.  
  165. .pergunta {background:#eee;text-align:left; text-indent:3px;color:#000;margin-left:3px;height:auto;line-height:18px;padding:1px;padding-top:7px;}
  166. .resposta{text-align:left; text-indent:3px;height:auto;line-height:18px;margin-left:3px;margin-top:3px;color:#000;border:1px solid #eee;}
  167.  
  168.  
  169. /** AUDIO POR PURPLOSE **/
  170.  
  171. .pp {padding:2px;}
  172. .pp span{display:block;margin:5px 40px;}
  173. .p_tumblr_audio_player {width:27px;height:27px;overflow:hidden;}
  174. .p_audio {padding:10px;}
  175. .play {position:absolute; overflow:hidden; height:28px; width:28px; margin:5px}
  176.  
  177. /** SIDEBAR POR PURPLOSE **/
  178.  
  179. #p_side {position:relative;width:98.3%;margin-left:3px;margin-top:-3px;-webkit-animation:fadeInDown 3s;-moz-animation:fadeInDown 3s;-ms-animation:fadeInDown 3s;padding:10px;border:1px solid #eee;background:#fff;}
  180.  
  181. .p_header img{width:100%;height:500px;overflow:hidden;background:#ffffff no-repeat center;background-size:cover;-webkit-filter: blur(0px);margin-left:3px;}
  182.  
  183. .p_image img {width:30px;text-align:center;margin-top:5px;border-radius:100%;}
  184.  
  185. .p_blogtitle {margin-top:5px;margin-left:5px;font-size:8.5px;letter-spacing:2px;text-transform:uppercase;text-align:center;}
  186.  
  187. .p_desc {text-align:auto;margin-left:40px;line-height:15px;margin-top:-30px;width:650px;}
  188.  
  189. .p_menu {letter-spacing:1px;font-size:8.5px;margin-top:5px;}
  190.  
  191. .p_menu a {display:inline-block;font-weight:normal;margin-left:5px;margin-top:3px;}
  192.  
  193. .p_menu a:hover {transition:0.4s ease-in-out;-webkit-transition:0.4s ease-in-out;-moz-transition:0.4s ease-in-out;}
  194.  
  195.  
  196. /** POR FRAGILEHELP **/
  197. #ltop:link, #ltop:visited {color:transparent; background-color:transparent; display:none; position:fixed; z-index:99999999999999999999999999; bottom:20px; right:10px;color:#fff;padding:10px;font:9px calibri;text-transform:uppercase;letter-spacing:1px;}
  198.  
  199. .cred {position:fixed!important;background:rgba(0,0,0,.35);position:fixed; right:4px; top:25px;z-index:10;color:#fff;width:60px;font:bold 14px calibri;text-align:center;height:17px;border:1px solid #7e7e7e;border-radius:2px;transition:0.7s ease-in-out;-webkit-transition:0.7s ease-in-out;-moz-transition:0.7s ease-in-out;}
  200. .cred a {color:#fff}
  201. .cred-box {margin-top:-10px;opacity:0;font-size:10px;text-align:center;font-weight:normal;font:9px {font:posts};letter-spacing:1px;}
  202. .cred:hover .cred-box {margin-top:0px;opacity:1;height:auto;transition:0.4s ease-in-out;-webkit-transition:0.4s ease-in-out;-moz-transition:0.4s ease-in-out;}
  203. .cred:hover {height:auto;}
  204.  
  205. </style><body onkeydown="return false">
  206.  
  207. <div class="p_header"><img src="{image:header}"></a></div>
  208.  
  209. <div id="p_side">
  210. <div class="p_image"><img src="{image:sidebar}"></div>
  211. <div class="p_desc">{description}</div>
  212. <div class="p_menu">
  213. <a href="{text:link 1}">{text:link 1 titulo}</a>
  214. <a href="{text:link 2}">{text:link 2 titulo}</a>
  215. <a href="{text:link 3}">{text:link 3 titulo}</a>
  216. <a href="{text:link 4}">{text:link 4 titulo}</a>
  217. <a href="/archive">archive</a>
  218. </div></div>
  219. </div>
  220.  
  221.  
  222. <a href="javascript:;" id="ltop"><img src="http://static.tumblr.com/5u1fog0/9KNmunmb6/white.png" border="0"></a>
  223.  
  224. <div class="cred">Theme
  225. <div class="cred-box">Parceria de <a href="http://purplose.tumblr.com/"><u>Purplose</u></a> e <a href="http://surdaddy.tumblr.com/"><u>Surdaddy</u></a> proibida cópia ou qualquer inspiração</div>
  226. </div>
  227.  
  228.  
  229. <div id="entry"> {block:Posts} <div class="posts">
  230.  
  231. {block:Text}
  232. <div class="l">
  233. {block:Title}
  234. <h1>{Title}</h1>
  235. {/block:Title}
  236. {body}
  237. </div>
  238. {block:IndexPage}
  239. <div class="p_notes1"><a href="{permalink}">{notecountwithlabel}</a> — <a href="{reblogurl}" target="_blank">Reblog</a>
  240. </div>
  241. {/block:IndexPage}
  242. {/block:Text}
  243.  
  244. {block:Photo}
  245. {block:indexpage}
  246. <div class="p_notes">
  247. <div id="perms">
  248. <a href="{permalink}" title="{NoteCount} notas"><img src="https://cdn2.iconfinder.com/data/icons/app-types-in-grey/128/info_512pxGREY.png"></a>
  249. </div>
  250. <div id="perms_">
  251. <a href="{ReblogURL}" title="reblog"><img src="https://cdn2.iconfinder.com/data/icons/synchronize/24/synchronize-5-128.png"></a></div>
  252. <div id="perms_n"><a href="">{TimeAgo}</div>
  253. </div>
  254. {/block:indexpage}
  255. <div class="p_post">
  256. <img src="{PhotoURL-400}" alt="{PhotoAlt}" href="{permalink}">
  257. </div>
  258. {/block:Photo}
  259.  
  260. {block:Photoset}
  261. {block:indexpage}
  262. <div class="p_notes">
  263. <div id="perms">
  264. <a href="{permalink}" title="{NoteCount} notas"><img src="https://cdn2.iconfinder.com/data/icons/app-types-in-grey/128/info_512pxGREY.png"></a>
  265. </div>
  266. <div id="perms_">
  267. <a href="{ReblogURL}" title="reblog"><img src="https://cdn2.iconfinder.com/data/icons/synchronize/24/synchronize-5-128.png"></a></div>
  268. <div id="perms_n"><a href="">{TimeAgo}</div>
  269. </div>
  270. {/block:indexpage}
  271. <div class="p_post">
  272. {Photoset}
  273. </div>
  274. {/block:Photoset}
  275.  
  276. {block:Quote}
  277. <div class="l">
  278. {Quote}
  279. <br>
  280. <b>{block:Source}
  281. <div style="text-align:center;">
  282. {Source}</b>
  283. </div>
  284. {/block:Source}
  285. </div>
  286. {block:IndexPage}
  287. <div class="p_notes1"><a href="{permalink}">{notecountwithlabel}</a> — <a href="{reblogurl}" target="_blank">Reblog</a>
  288. </div>
  289. {/block:IndexPage}
  290. {/block:Quote}
  291.  
  292. {block:Chat}
  293. <div class="l">
  294. {block:Title}
  295. <titulo>{Title}</titulo>
  296. {/block:Title}
  297. {block:Lines}
  298. {block:Label}
  299. <div class="p_chat">
  300. <span>
  301. {Label}
  302. </span>
  303. {/block:Label}
  304. {Line}<br></div>
  305. {/block:Lines}
  306. </div>
  307. {block:IndexPage}
  308. <div class="p_notes1"><a href="{permalink}">{notecountwithlabel}</a> — <a href="{reblogurl}" target="_blank">Reblog</a>
  309. </div>
  310. {/block:IndexPage}
  311. {/block:Chat}
  312.  
  313. {block:Link}
  314. <div class="l">
  315. <a href="{URL}" target="{Target}">
  316. <h1>{Name}</h1>
  317. </a>
  318. {block:Description}
  319. {Description}
  320. {/block:Description}
  321. </div>
  322. {/block:Link}
  323.  
  324. {block:Audio}
  325. <div class="p_audio">
  326. {block:AudioPlayer}
  327. <div class="play">
  328. {AudioPlayerGrey}</div>{/block:AudioPlayer}
  329. <div class="pp">
  330. {block:TrackName}<span class="tn">{TrackName}</span>{/block:TrackName}
  331. {block:Artist}<span>{Artist}</span>{/block:Artist}
  332. </div>
  333. </div>
  334. {block:IndexPage}
  335. <div class="p_notes1"><a href="{permalink}">{notecountwithlabel}</a> — <a href="{reblogurl}" target="_blank">Reblog</a>
  336. </div>
  337. {/block:IndexPage}
  338. {/block:Audio}
  339.  
  340. {block:Video}
  341. <div class="lp">
  342. {block:Indexpage}
  343. <div class="p_video">
  344. {Video-250}
  345. </div>
  346. {/block:IndexPage}
  347. </div>
  348. {block:PermalinkPage}
  349. {Video-400}
  350. {/block:PermalinkPage}
  351. {block:IndexPage}
  352. <div class="p_notes1"><a href="{permalink}">{notecountwithlabel}</a> — <a href="{reblogurl}" target="_blank">Reblog</a>
  353. </div>
  354. {/block:IndexPage}
  355. {/block:Video}
  356.  
  357. {block:Answer}
  358. <div class="l">
  359. <div class="pergunta"><b>{Asker}</b> asked: {Question}</p></div>
  360. <p><div class="resposta">{Answer}</div>
  361. </div>
  362. {block:IndexPage}
  363. <div class="p_notes1"><a href="{permalink}">{notecountwithlabel}</a> — <a href="{reblogurl}" target="_blank">Reblog</a>
  364. </div>
  365. {/block:IndexPage}
  366. {/block:Answer}
  367.  
  368. <div class="vsanna">
  369. {block:RebloggedFrom}
  370. <a href="{ReblogParentURL}">via</a>
  371. {/block:RebloggedFrom}
  372. {block:ContentSource}
  373. <a href="{SourceURL}">source</a>
  374. {/block:ContentSource}
  375. </div>
  376.  
  377. {block:PermalinkPage}
  378. {block:Caption}
  379. {Caption}
  380. {/block:Caption}
  381. {block:HasTags}
  382. <p><i class="fa fa-hashtag"></i>
  383. {lang:Tagged}:
  384. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  385. {/block:HasTags}
  386. <p>{block:Date}
  387. <i class="fa fa-clock-o"></i>
  388. {TimeAgo}, {MonthNumber}/{DayOfMonth}/{Year}.{/block:Date}
  389. <p>
  390. {block:NoteCount}<i class="fa fa-heart-o"></i> {NoteCountWithLabel}.
  391. {/block:NoteCount}
  392. <p>{block:RebloggedFrom}<i class="fa fa-share"></i>
  393. Via <a href="{ReblogParentURL}">{ReblogParentName}</a>,
  394. by <a href="{ReblogRootURL}">{ReblogRootName}</a>.
  395. {block:RebloggedFrom}
  396. {block:PostNotes}
  397. {PostNotes}
  398. </div>
  399. {/block:PostNotes}
  400. {/block:PermalinkPage}
  401. </div>
  402. {/block:Posts}
  403. </div>
  404. </div></div>
  405.  
  406. </body>
  407. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script> <script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script> <script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script> <script type="text/javascript"> $(window).load(function () { $('#entry').masonry(),
  408. $('.masonryWrap').infinitescroll({ navSelector : "div#navigation",
  409. nextSelector : "div#navigation a#nextPage", itemSelector : ".posts",
  410. bufferPx : 10000, extraScrollPx: 11000, loadingImg : "http://trendgestao.com.br/wp-content/themes/trend/_images/loading.gif", loadingText : "<i> </i>",
  411. }, // call masonry as a callback.
  412. function() { $('#entry').masonry({ appendedContent: $(this) }); } ); }); </script> {block:IndexPage}<div class="column navigation" id="navigation">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" class="navigate"> {/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}
  413.  
  414. </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!