API tools faq
paste
Advertisement
uchihaclan

MYSPACE 2020

uchihaclan
Jun 24th, 2020 (edited)
5,703
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.31 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!---
  3. MYSPACE 2020 THEME! BY @PS1 or @UCHIHAITACHI
  4. THIS WILL FOREVER BE A WORK IN PROGRESS. BUT I MADE IT AS BASIC AS POSSIBLE.
  5.  
  6.  
  7. photosets
  8. https://annasthms.github.io/photosets/
  9.  
  10. NPF image fix @glenthemes
  11. git.io/JRBt7
  12. --->
  13.  
  14. <head>
  15. <title>{Title}</title>
  16. <link rel="icon" href="{image:FavIcon}" type="image/gif" >
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. {block:Description}
  19. <meta name="description" content="{MetaDescription}" />
  20. {/block:Description}
  21.  
  22. <!--- Add Custom Fonts Here (like Google Fonts) --->
  23.  
  24. <!--- Then add Font name to the 'Font Family' in Theme Options Area --->
  25.  
  26. <meta name="image:favicon" content=""/>
  27. <meta name="image:header" content="https://i.imgur.com/IUnl3qd.png"/>
  28. <meta name="image:sidebar" content="https://i.imgur.com/lrXCwsu.png"/>
  29. <meta name="image:background" content=""/>
  30. <meta name="image:cursor" content="https://i.imgur.com/nx9LK6f.png"/>
  31. <meta name="image:sidebar pixel" content="https://i.imgur.com/QrEcAwS.gif"/>
  32. <meta name="image:mood" content="https://i.imgur.com/tEJ5Dt8.gif"/>
  33.  
  34. <meta name="color:bg" content="#eee">
  35. <meta name="color:header" content="#003399">
  36. <meta name="color:content bg" content="#fff">
  37. <meta name="color:post bg" content="#F9D6B4">
  38. <meta name="color:post links" content="#003cb3">
  39. <meta name="color:title color" content="#000">
  40. <meta name="color:font" content="#000">
  41. <meta name="color:links" content="#003cb3">
  42. <meta name="color:links hover" content="#cc0000">
  43. <meta name="color:header links bg" content="#659CC8">
  44. <meta name="color:header links" content="#fff">
  45. <meta name="color:header links hover" content="#659CC8">
  46. <meta name="color:header links spacer" content="#000">
  47. <meta name="color:search bar" content="#f5f5f5">
  48. <meta name="color:search border" content="#ddd">
  49. <meta name="color:search text" content="#000">
  50. <meta name="color:search button" content="#E0FFFF">
  51. <meta name="color:search button text" content="#000">
  52. <meta name="color:extended border" content="#000">
  53. <meta name="color:blurbs bg" content="#ffcc99">
  54. <meta name="color:blurbs text" content="#ff6600">
  55. <meta name="color:table title" content="#fff">
  56. <meta name="color:table title bg" content="#6699CC">
  57. <meta name="color:table border" content="#6699CC">
  58. <meta name="color:left table titles" content="#43698C">
  59. <meta name="color:left table bg" content="#B0CFF0">
  60. <meta name="color:right table bg" content="#D5E8FB">
  61. <meta name="color:table info" content="#000">
  62. <meta name="color:ask icon bg" content="#FF9933">
  63. <meta name="color:asker name" content="#003cb3">
  64. <meta name="color:tooltip bg" content="#ddd">
  65. <meta name="color:tooltip font" content="#000">
  66.  
  67. <meta name="text:font family" content="verdana">
  68. <meta name="text:font size" content="11">
  69. <meta name="text:sidebar text size" content="11">
  70. <meta name="text:sidebar text" content="Small bio here or a quote!">
  71. <meta name="text:title font" content="verdana">
  72. <meta name="text:title size" content="20">
  73. <meta name="text:title" content="NAMES R MYSPACEY">
  74. <meta name="text:table header size" content="18">
  75. <meta name="text:description" content="Your description is your freedom to express yourself.">
  76. <meta name="text:extended size" content="16">
  77. <meta name="text:search text" content=" ">
  78. <meta name="text:search button" content="Search">
  79.  
  80. <meta name="if:align img center" content="0"/>
  81. <meta name="if:links underline" content="0"/>
  82. <meta name="if:uppercase links" content="0"/>
  83. <meta name="if:bold links" content="0"/>
  84. <meta name="if:italic links" content="0"/>
  85. <meta name="if:custom cursor" content="0" />
  86. <meta name="if:tile background" content="0" />
  87. <meta name="if:hide desc" content="0"/>
  88. <meta name="if:hide caption" content="0"/>
  89. <meta name="if:hide tags" content="0" />
  90. <meta name="if:redirect" content="0" />
  91. <meta name="if:transparent tooltip" content="0"/>
  92.  
  93. <meta name="text:redirect link" content="/tagged/0">
  94. <meta name="text:link 1" content="One">
  95. <meta name="text:link 1 URL" content="/">
  96. <meta name="text:link 2" content="Two">
  97. <meta name="text:link 2 URL" content="/">
  98. <meta name="text:link 3" content="Three">
  99. <meta name="text:link 3 URL" content="/">
  100. <meta name="text:link 4" content="Four">
  101. <meta name="text:link 4 URL" content="/">
  102. <meta name="text:link 5" content="Five">
  103. <meta name="text:link 5 URL" content="/">
  104.  
  105. <meta name="text:int 1" content="Anime">
  106. <meta name="text:int 1 info" content="Naruto">
  107. <meta name="text:int 2" content="Games">
  108. <meta name="text:int 2 info" content="Resident Evil">
  109. <meta name="text:int 3" content="Music">
  110. <meta name="text:int 3 info" content="Soundgarden">
  111. <meta name="text:int 4" content="Books">
  112. <meta name="text:int 4 info" content="Digital Fortress by Dan Brown">
  113.  
  114.  
  115. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  116.  
  117. <!--
  118. NPF images fix v3.0 by @glenthemes [2021]
  119. 💌 git.io/JRBt7
  120. --->
  121. <script src="//npf-images-v3.github.io/script.js"></script>
  122. <link rel="stylesheet" href="//npf-images-v3.github.io/recon.css">
  123. <style tmblr-npf>
  124. :root {
  125. --NPF-Caption-Spacing:1em;
  126. --NPF-Image-Spacing:4px;
  127. }
  128. </style>
  129.  
  130.  
  131.  
  132. <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
  133.  
  134. <script>
  135. function gatherData(images, arr) {
  136. for (let i = 0; i < images.length; i++) {
  137. let currentData = {
  138. "width": images[i].getAttribute('data-width'),
  139. "height": images[i].getAttribute('data-height'),
  140. "low_res": images[i].getAttribute('data-lowres'),
  141. "high_res": images[i].getAttribute('data-highres')
  142. };
  143. arr.push(currentData);
  144. }
  145. }
  146. function getIndex(elem) {
  147. let i = 0;
  148. while( (elem = elem.previousElementSibling) != null ) i++;
  149. return i;
  150. }
  151. function lightbox(elem) {
  152. let currentPhotoset = elem.parentNode;
  153. let photosetPhotos = currentPhotoset.getElementsByTagName('div');
  154. let data = [];
  155. gatherData(photosetPhotos, data);
  156. Tumblr.Lightbox.init(data, getIndex(elem) + 1);
  157. }
  158. </script>
  159.  
  160. <style type="text/css">
  161. ::-moz-selection {
  162. background: {color:font};
  163. color: {color:links};}
  164.  
  165. ::selection {
  166. background: {color:font};
  167. color: {color:links};}
  168.  
  169. #s-m-t-tooltip {
  170. z-index: 99999;
  171. {block:IfTransparentTooltip}
  172. background: transparent;{/block:IfTransparentTooltip}
  173. {block:IfNotTransparentTooltip}
  174. background-color: {color:tooltip bg};{/block:IfNotTransparentTooltip}
  175. color: {color:tooltip font};
  176. font-size: {text:Font Size}px;
  177. text-align: center;
  178. transition: all 0.3s ease-out;
  179. -o-transition: all 0.3s ease-out;
  180. -webkit-transition: all 0.3s ease-out;
  181. -moz-transition: all 0.3s ease-out;
  182. text-transform: normal;
  183. max-width: 200px;
  184. display: block;
  185. word-wrap: break-word;
  186. padding: 2px;
  187. margin: -30px 0px 10px 20px;}
  188.  
  189. body {
  190. background: {color:bg};
  191. background-image: url({image:Background});
  192. background-attachment: fixed;
  193. {block:IfNotTileBackground}
  194. -webkit-background-size: cover;
  195. -moz-background-size: cover;
  196. -o-background-size: cover;
  197. background-size: cover;
  198. {/block:IfNotTileBackground}
  199. font-family: '{text:font family}';
  200. font-size: {text:font size}px;
  201. line-height: 120%;word-wrap: break-word;
  202. overflow-x:hidden;
  203. overflow-y: scroll;
  204. margin: 0;
  205. }
  206.  
  207. {block:IfCustomCursor}
  208. body, *, a, a:hover { cursor:url({image:cursor}), auto;}
  209. {/block:IfCustomCursor}
  210. p {margin: 0;}
  211. ul {list-style: square;}
  212. img {max-width: 100%;
  213. -webkit-transition: all 0.4s ease-in-out;
  214. -moz-transition: all 0.4s ease-in-out;
  215. -o-transition: all 0.4s ease-in-out;
  216. -ms-transition: all 0.4s ease-in-out;
  217. transition: all 0.4s ease-in-out;
  218. }
  219. h1 {line-height: 130%;}
  220. blockquote {margin: 0 0 0 10px; padding-left: 10px; border-left:1px solid {color:border};}
  221.  
  222. a:link, a:active, a:visited {
  223. color: {color:links};
  224. {block:IfItalicLinks}
  225. font-style: italic;{/block:IfItalicLinks}
  226. {block:IfUppercaseLinks}
  227. text-transform: uppercase;{/block:IfUppercaseLinks}
  228. {block:IfLinksUnderline}
  229. text-decoration: underline;{/block:IfLinksUnderline}
  230. {block:IfBoldLinks}
  231. font-weight: bold;{/block:IfBoldLinks}
  232. {block:IfNotLinksUnderline}
  233. text-decoration: none;{/block:IfNotLinksUnderline}
  234. -webkit-transition: all 0.2s ease-in-out;
  235. -moz-transition: all 0.2s ease-in-out;
  236. -o-transition: all 0.2s ease-in-out;
  237. -ms-transition: all 0.2s ease-in-out;
  238. transition: all 0.2s ease-in-out;}
  239.  
  240. a:hover {
  241. color: {color:links Hover};
  242. text-decoration: underline;
  243. -webkit-transition: all 0.2s ease-in-out;
  244. -moz-transition: all 0.2s ease-in-out;
  245. -o-transition: all 0.2s ease-in-out;
  246. -ms-transition: all 0.2s ease-in-out;
  247. transition: all 0.2s ease-in-out;
  248. }
  249.  
  250.  
  251.  
  252. #content {
  253. margin:auto;
  254. width: 850px;
  255. padding: 20px 20px 100px 20px;
  256. background-color: {color:content bg};
  257. }
  258. #space {background-color: {color:header};
  259. width: 870px; margin-left: -20px; margin-top: -20px; padding: 10px;
  260. text-align: center;
  261. }
  262.  
  263. {block:IfNotAlignImgLeft}
  264. #space img {margin-bottom: 10px;}{/block:IfNotAlignImgLeft}
  265.  
  266. #yomp {background-color: {color:header links bg};
  267. width: 880px; margin-left: -20px; padding: 5px;
  268. text-align: center;
  269. color: {color:header links spacer};
  270. }
  271. #yomp a {color: {color:header links};}
  272. #yomp a:hover {color: {color:header links hover};}
  273.  
  274. #nep {
  275. margin-left: 0px;
  276. width: 420px;
  277. position: absolute;
  278. }
  279.  
  280.  
  281.  
  282. .title {
  283. font-family: {text:title font};
  284. font-size: {text:title size}px;
  285. text-align: left;
  286. padding: 5px;
  287. margin-top: 5px;
  288. margin-bottom: 5px;
  289. }
  290. .title a {
  291. text-decoration: none;
  292. color: {color:title color};
  293. {block:IfBoldLinks}
  294. font-weight: bold;{/block:IfBoldLinks}
  295.  
  296. }
  297. .title a:hover {color: {color:links hover};}
  298.  
  299. .extend {margin-left: 430px;
  300. margin-top: -20px;
  301. border: 2px solid {color:extended border};
  302. padding: 10px;
  303. text-align: center;
  304. font-size: {text:extended size}px;
  305. color: {color:font};
  306. font-weight: bold;
  307. height: 50px;
  308. line-height: 50px;
  309. }
  310.  
  311. .bar {background-color: {color:blurbs bg}; color: {color:blurbs text};
  312. font-weight: bold; padding: 0 10px 0 10px;
  313. margin-bottom: 10px;
  314. }
  315.  
  316. .about {font-weight: bold; margin-bottom: 3px;}
  317.  
  318. .desc {
  319. margin-left: 430px;
  320. margin-top: 10px;
  321. color: {color:font};
  322. }
  323.  
  324.  
  325. .posts {
  326. background-color: {color:post bg};
  327. text-align: left;
  328. color: {color:font};
  329. margin-bottom: 10px;
  330. margin-left: 430px;
  331. padding: 10px;
  332. width: 400px;
  333. position:relative;
  334. }
  335.  
  336. .posts a {color: {color:post links};} .posts a:hover {color {color:links hover};}
  337.  
  338. .posts img:hover {
  339. filter: blur(2px);
  340. -webkit-transition: all 0.4s ease-in-out;
  341. -moz-transition: all 0.4s ease-in-out;
  342. -o-transition: all 0.4s ease-in-out;
  343. -ms-transition: all 0.4s ease-in-out;
  344. transition: all 0.4s ease-in-out;
  345. }
  346. .pic img {display: block;
  347. -webkit-transition: all 0.4s ease-in-out;
  348. -moz-transition: all 0.4s ease-in-out;
  349. -o-transition: all 0.4s ease-in-out;
  350. -ms-transition: all 0.4s ease-in-out;
  351. transition: all 0.4s ease-in-out;
  352. }
  353.  
  354. [photoset-layout] {
  355. grid-gap: 10px;
  356. }
  357.  
  358. .cap {
  359. margin-top: 10px;
  360. }
  361.  
  362. #notes {text-align: left; margin-bottom: 5px;}
  363.  
  364. .tags {text-align: right;margin-top: 5px;}
  365.  
  366. .q {font-weight: bold; text-align: left; color: {color:post links};}
  367.  
  368.  
  369. #permanotes {
  370. margin-top: 20px;
  371. margin-bottom: 10px;
  372. }
  373.  
  374. #permanotes ol.notes {
  375. list-style-type: none;
  376. margin: 0;
  377. padding: 0;}
  378.  
  379. #permanotes img.avatar {
  380. margin-right: 10px;
  381. border: 1px solid {color:font};
  382. display: inline;
  383. width: 16px;
  384. height: 16px;
  385. }
  386.  
  387. .pagination {
  388. margin-left: 430px;
  389. text-align: right;
  390. padding: 10px;
  391. width: 400px;
  392. font-size: 150%;
  393. }
  394. .pagination a{ font-weight: bold;}
  395.  
  396. .quote {
  397. text-align: justify;
  398. font-style: italic;
  399. font-weight: bold;
  400. font-size: 140%;
  401. line-height: 130%;
  402. }
  403.  
  404. .source {text-align: right;}
  405.  
  406. .spotify_audio_player {
  407. height:80px!important;
  408. width:100%!important;}
  409.  
  410. .soundcloud_audio_player {
  411. height:150px!important;
  412. width:100%!important;}
  413.  
  414. .trackback {
  415. position: absolute;
  416. left: 20px;
  417. top: 20px;
  418. width: 19px;
  419. height: 19px;
  420. background-color: #fff;
  421. padding: 10px;
  422. opacity: .4;}
  423.  
  424. .pressplay{
  425. position: relative;
  426. width: 25px;
  427. height: 25px;
  428. overflow: hidden;
  429. left: -6px;
  430. top: -3px;}
  431.  
  432. .albumpic {
  433. position: absolute;
  434. left: 0px;
  435. top: 0px;
  436. width: 79px;
  437. height: 79px;}
  438.  
  439. .albumpic img {
  440. width: 100%;
  441. height: auto;
  442. border: 1px solid {color:font};}
  443.  
  444. .trackinfo {
  445. width: auto;
  446. display:inline-block;
  447. margin-left: 90px;
  448. min-height: 85px;}
  449.  
  450. .audiowrapper {position: relative; display:inline-block;}
  451.  
  452. #re3carlos {
  453. text-align: center;
  454. margin-top: 50px;
  455. color: {color:font};
  456. }
  457.  
  458. #re3carlos a {font-style: normal; font-weight: normal text-decoration: none;
  459.  
  460. }
  461.  
  462.  
  463. .search {
  464. border: 2px inset {color:search border};
  465. height: 15px;
  466. width: 300px;
  467. padding: 5px;
  468. background-color: {color:search bar};
  469. margin-right: 5px;
  470. font-family: inherit;
  471. color: {color:search text};
  472.  
  473. }
  474. .button {
  475. border: 2px outset {color:search button};
  476. max-width: 100px;
  477. background-color: {color:search button};
  478. height: 30px;
  479. padding: 5px;
  480. font-family: inherit;
  481. color: {color:search button text};
  482.  
  483.  
  484. }
  485.  
  486. #wrapper {
  487. display: flex;
  488. }
  489. #first {
  490. margin-right: 10px;
  491. }
  492.  
  493. #first img {max-width: 250px;}
  494. #second {
  495. text-align: left;
  496. font-size: {text:sidebar text size}px;
  497. padding-top: 50px;
  498. }
  499.  
  500.  
  501.  
  502. table.merp {
  503. border: 2px solid {color:table border};
  504. background-color: {color:content bg};
  505. width: 350px;
  506. text-align: left;
  507. margin-top: 20px;
  508. border-collapse: separate;
  509. font-size: {text:font size}px;
  510.  
  511. }
  512. .merp td {
  513. padding: 4px 2px;
  514. background-color: {color:title table bg};
  515.  
  516. }
  517. table.merp tbody td {
  518.  
  519. color: {color:left table titles};
  520.  
  521. }
  522.  
  523. thead {
  524. color: {color:table title};
  525. font-weight: bold;
  526. text-align: left;
  527. font-size: {text:table header size}px;
  528. }
  529.  
  530. tr > :first-child {
  531. width: 30%;
  532. background: {color: table title bg};
  533. color: {color:table title};
  534.  
  535. }
  536.  
  537. table.contact{
  538. border: 2px solid {color:table border};
  539. background-color: {color: content bg};
  540. width: 350px;
  541. text-align: center;
  542. margin-top: 10px;
  543. border-collapse: separate;
  544. font-size: {text:font size}px;
  545.  
  546. }
  547.  
  548. .contact tr > :first-child {
  549. padding: 0;
  550. width: auto;
  551.  
  552. }
  553.  
  554. .url
  555. {margin-top: 20px;
  556. border: 1px solid {color:table border};
  557. max-width: 342px;
  558. padding: 3px;
  559. color: {color:font};
  560. }
  561.  
  562. .mood {margin-top: 5px; color: {color:font};}
  563. .more {margin-top: 5px; color: {color:font};}
  564. .display {text-align: left; font-weight: bold; margin-bottom: 10px;}
  565. .txt {color: {color:font};}
  566. .wrapper{
  567. display:table;}
  568. .box {
  569. display:table-cell;
  570. padding:0px;
  571. height: 20px;
  572. border: 3px solid {color:content bg};
  573. width: 400px;
  574. }
  575.  
  576. .box a {color: {color:asker name};}
  577.  
  578. {block:IfAlignImgLeft}
  579. .sc {display: inline-block;}{/block:IfAlignImgLeft}
  580.  
  581. #re3 {text-align: right; width: 850px; margin: auto; padding: 10px;}
  582. </style>
  583.  
  584.  
  585. {block:IfRedirect}
  586. <script>
  587. if(window.location.pathname == '/') location.replace('{text:Redirect Link}');
  588. </script>
  589. {block:IfRedirect}
  590.  
  591. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  592.  
  593. <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  594.  
  595. <script>
  596. (function($){
  597. $(document).ready(function(){
  598. $("[title]").style_my_tooltips();
  599. });
  600. })(jQuery);
  601. </script>
  602.  
  603. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.9/SmoothScroll.js"></script>
  604.  
  605.  
  606.  
  607. </head>
  608. <div id="content">
  609.  
  610. <div id="space">
  611.  
  612. {block:IfNotAlignImgCenter}<div align="left"><a href="/"><img src="{image:header}"></a></div>
  613. {/block:IfNotAlignImgCenter}
  614.  
  615. {block:IfAlignImgCenter}<a href="/"><img src="{image:header}"></a>
  616. {/block:IfAlignImgCenter}
  617. <div class="sc">
  618. <form action="/search" method="get"><input type="text" name="q" value="{text:search text}" class="search" /><input type="submit" value="{text:search button}" class="button"/></form></div>
  619. </div>
  620.  
  621. <div id="yomp">
  622. <a href="https://tumblr.com/dashboard/">Home</a> |
  623. <a href="{text:link 1 URL}">{text:link 1}</a> |
  624. <a href="{text:link 2 URL}">{text:link 2}</a> |
  625. <a href="{text:link 3 URL}">{text:link 3}</a> |
  626. <a href="{text:link 4 URL}">{text:link 4}</a> |
  627. <a href="{text:link 5 URL}">{text:link 5}</a>
  628.  
  629. </div>
  630.  
  631.  
  632.  
  633.  
  634. <div class="title"><a href="/">{text:title}</a></div>
  635.  
  636.  
  637.  
  638. <div id="nep">
  639. <div id="wrapper">
  640. <div id="first">
  641. <a href="/"><img src="{image:sidebar}"></a>
  642. </div>
  643. <div id="second">
  644. <div class="txt">{text:sidebar text}<br>
  645. <img src="{image:sidebar pixel}">
  646. </div></div></div>
  647.  
  648. <div class="mood">
  649. <b>Mood:</b> <img src="{image:mood}">
  650. </div>
  651. <div class="more">View my: <a href="/archive">Pics</a> | <a href="/archive/filter-by/video">Videos</a></div>
  652.  
  653. <table class="contact">
  654. <thead><tr>
  655. <td colspan="2" style="font-size: 80%; padding: 3px; color: {color:table title}; background-color: {color:table title bg};">
  656. Contacting {Name}
  657. </td>
  658. </tr></thead>
  659.  
  660. <tbody>
  661. <tr>
  662. <td style="background: transparent;"><a href="/ask"><img src="https://i.imgur.com/GatvPMc.gif"></a></td><td><a href="/ask"><img src="https://i.imgur.com/02eAnWw.gif"></a></td>
  663. </tr>
  664. <tr>
  665. <td style="background: transparent;"><a href="https://tumblr.com/follow/{Name}"><img src="https://i.imgur.com/BzfOsqX.gif"></a></td>
  666. <td><a href="https://www.tumblr.com/settings/account"><img src="https://i.imgur.com/mfRuvh2.gif"></a></td></tr>
  667. </tbody>
  668. </tr>
  669. </table>
  670.  
  671. <div class="url">
  672. <b>Tumblr URL</b><br>
  673. https://{Name}.tumblr.com/
  674. </div>
  675.  
  676.  
  677. <table class="merp">
  678. <thead ><tr>
  679. <td colspan="2" style="background: {color:table title bg}">
  680. <small>{Name}'s Interests</small>
  681. </td>
  682. </tr></thead>
  683.  
  684. <tbody>
  685. <tr>
  686. <td style="background: {color:left table bg};"><b>{text:int 1}</b></td><td style="color: {color:table info}; background: {color:right table bg};">{text:int 1 info}</td></tr>
  687. <tr>
  688. <td style="background: {color:left table bg};"><b>{text:int 2}</b></td>
  689. <td style="color: {color:table info}; background: {color:right table bg}">{text:int 2 info}</td></tr>
  690. <tr>
  691. <td style="background: {color:left table bg};"><b>{text:int 3}</b></td>
  692. <td style="color: {color:table info}; background: {color:right table bg}">{text:int 3 info}</td></tr>
  693. <tr>
  694. <td style="background: {color:left table bg};"><b>{text:int 4}</b></td>
  695. <td style="color: {color:table info}; background: {color:right table bg}">{text:int 4 info}</td></tr>
  696. </tbody>
  697. </tr>
  698. </table>
  699. </div>
  700.  
  701. <div class="extend">{Name} is in your extended network.</div>
  702. {block:ifNotHideDesc}
  703. <div class="desc">
  704. <div class="bar">{Name}'s Blurbs</div>
  705. <div class="about">About me:</div>
  706. {text:description}</div>
  707. {/block:ifNotHideDesc}
  708.  
  709. <div class="bar" style="width: 400px; margin-left: 430px; margin-top: 10px">{Name}'s Posts</div>
  710.  
  711. <div class="display" style="width: 400px; margin-left: 430px; color: {color:font};">Displaying page {CurrentPage} out of {TotalPages} pages.<br>
  712. (<a href="/archive">View All</a> | <a href="/ask">Add Comment</a>)
  713. </div>
  714.  
  715.  
  716. {block:Posts}
  717. <div class="posts">
  718.  
  719. {block:IndexPage}<div id="notes">
  720. <b>{DayOfMonth} {Month}, {Year} {12Hour}:{Minutes} {CapitalAmPm}</b><br>
  721. <a href="{Permalink}">{NoteCount}N</a>
  722. - <a href="{ReblogURL}">reblog</a>
  723. {block:RebloggedFrom}
  724. - <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  725. {block:ContentSource}
  726. - <a href="{SourceURL}">source</a>
  727. {/block:ContentSource}
  728. </div>{/block:IndexPage}
  729.  
  730. {block:Text}
  731. {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
  732. {Body}
  733. {/block:Text}
  734.  
  735. {block:Quote}
  736. <div class="quote">"{Quote}"</div>
  737. {block:Source}<div class="source">&mdash; {Source}</div>{/block:Source}
  738. {/block:Quote}
  739.  
  740. {block:Link}
  741. <big><a href="{URL}">{Name}</a></big>
  742. {block:Description}{Description}{/block:Description}
  743. {/block:Link}
  744.  
  745. {block:Chat}
  746. {block:Title}{Title}{/block:Title}
  747. {block:Lines}
  748. <div class="{Alt} user_{UserNumber}">
  749. {block:Label}{Label}{/block:Label} {Line}
  750. </div>
  751. {/block:Lines}
  752. {/block:Chat}
  753.  
  754. {block:Answer}
  755. <div class="wrapper">
  756. <div class="box" style="width: 40%; text-align: center; background: {color:ask icon bg};">
  757. {Asker}<br><br><img src="{AskerPortraitURL-96}" style="margin-bottom: 20px;">
  758. </div>
  759. <div class="box" style="padding: 10px; border-left: 0;">
  760. <div class="q">{Question}</div>
  761. {Answer}</div>
  762. </div>
  763. {/block:Answer}
  764.  
  765.  
  766. {block:Photo}
  767. <div class="pic"><center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{Permalink}"/>{LinkCloseTag}</center></div>
  768. {/block:Photo}
  769.  
  770. {block:Photoset}
  771. <div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" onclick="lightbox(this)"><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div>
  772. {/block:Photoset}
  773.  
  774. {block:Video}
  775. <center>{Video-400}</center>
  776. {/block:Video}
  777.  
  778. {block:AudioPlayer}
  779. <div class="audiowrapper">
  780. {block:AlbumArt}
  781. <div class="albumpic"><img src="{AlbumArtURL}"></div>
  782. {/block:AlbumArt}
  783. <div class="trackback">
  784. <div class="pressplay">
  785. {AudioPlayer}
  786. </div></div>
  787. <div class="trackinfo">
  788. {block:TrackName}{TrackName}{/block:TrackName}<br>
  789. {block:Artist}<b>{Artist}</b>{/block:Artist}<br>
  790. {block:Album}<i>{Album}</i>{/block:Album}<br>
  791. </div></div>
  792. {/block:AudioPlayer}
  793.  
  794. {block:ifNotHideCaption}
  795. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  796. {/block:ifNotHideCaption}
  797.  
  798. {block:IndexPage}{block:HasTags}
  799. <div class="tags">
  800. {block:ifNotHideTags}
  801. <div class="tlink">{block:Tags}
  802. <a href="{TagURL}">#{Tag}</a>
  803. {/block:Tags}</div>{/block:ifNotHideTags}</div>
  804. {/block:HasTags}{/block:IndexPage}
  805.  
  806. {block:PermalinkPage}
  807. {block:ifHideCaption}
  808. {block:Caption}{Caption}{/block:Caption}
  809. {/block:ifHideCaption}
  810.  
  811. <div class="mer"><p>{block:NoteCount}Notes: <a href="{Permalink}">{NoteCount}</a><br>{/block:NoteCount}
  812. {block:HasTags}Tags: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}<br>{/block:HasTags}
  813. {block:RebloggedFrom}
  814. Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  815. <br>{/block:RebloggedFrom}{block:ContentSource}
  816. Source: <a href="{SourceURL}">{SourceTitle}</a>
  817. {/block:ContentSource}</p></div>
  818.  
  819. {block:NoteCount}<div id="permanotes">
  820. {block:PostNotes}{PostNotes}{/block:PostNotes}
  821. </div>{/block:NoteCount}
  822. {/block:PermalinkPage}
  823. </div>
  824. {/block:Posts}
  825.  
  826. {block:Pagination}
  827. <div class="pagination">
  828. {block:PreviousPage}<a href="{PreviousPage}" style="float:left;">Previous</a> {/block:PreviousPage}
  829. {block:NextPage}<a href="{NextPage}">Next</a>{/block:NextPage}
  830. </div>{/block:Pagination}
  831.  
  832. {block:IndexPage}<div id="re3carlos">
  833. &copy; 2012-2020. Theme by <a href="https://ps1.tumblr.com/" data-toggle="tooltip" title="AYO WHAT UP">@ps1.</a></div>{/block:IndexPage}
  834. </div>
  835.  
  836. </div>
  837.  
  838. {block:PermalinkPage}<div id="re3">&copy; 2012-2020. Theme by <a href="https://ps1.tumblr.com/" data-toggle="tooltip" title="@PS1">@ps1.</a></div>{/block:PermalinkPage}
  839. </body>
  840. </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!