API tools faq
paste
Advertisement
xariaaaa

[THEME] ᴛʀᴇᴀsᴜʀᴇsᴇᴇᴋᴇʀ

xariaaaa
Aug 15th, 2016
105
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.43 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!-- ʙᴀsᴇ ʙʏ ᴇɴᴛᴇʀᴘʀɪᴢᴇʀ. ᴛʜᴇᴍᴇ ʙʏ ᴀʀɪᴀsʀᴘʜ ᴘʟᴇᴀsᴇ ᴅᴏ ɴᴏᴛ sᴛᴇᴀʟ ɪᴛ! ᴇᴅɪᴛɪɴɢ ɪs ᴀʟᴏᴡᴇᴅ, ʙᴜᴛ ᴘʟᴇᴀsᴇ ʟᴇᴀᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛɪɴɢ ɪɴᴛᴀᴄᴛ. -->
  9.  
  10. <meta name="text:Description" content="Swinging in the backyard Pull up in your fast car whistling my name Open up a beer" />
  11.  
  12. <meta name="text:Link1" content="/link1" />
  13. <meta name="text:Link2" content="/link2" />
  14. <meta name="text:Link3" content="/link3" />
  15. <meta name="text:Link4" content="/link4" />
  16.  
  17. <meta name="text:Title1" content="link title 1" />
  18. <meta name="text:Title2" content="link title 2" />
  19. <meta name="text:Title3" content="link title 2" />
  20. <meta name="text:Title4" content="link title 4" />
  21.  
  22.  
  23. <meta name="text:MP3Link" content="http://k003.kiwi6.com/hotlink/diutmfcnr3/02_09_Burning_Desire.mp3" />
  24. <meta name="text:Song" content="Burning Desire" />
  25.  
  26. <meta name="text:Verse" content="oc and cool tbh" />
  27. <meta name="text:Disclaimer" content="not myungsoo duh" />
  28. <meta name="text:Literate" content="literate tbh sometimes" />
  29. <meta name="text:NSFW" content="2d sex yes" />
  30.  
  31. <meta name="text:Cheesy" content="you do love me the most tho" />
  32.  
  33. <meta name="image:GF" content="http://i.imgur.com/Yie91fQ.gif" />
  34.  
  35. <style type="text/css">
  36.  
  37. /* GASARA */
  38. @font-face { font-family: "gasara"; src: url('https://dl.dropbox.com/s/9mird7ef2oyhzbc/gasara.ttf'); }
  39.  
  40. /* ASPEX */
  41. @font-face { font-family: "aspex"; src: url('https:/dl.dropboxusercontent.com/s/yeeehszy65j0cfk/ASPEX_0.TTF') }
  42.  
  43. *, body, a {
  44. cursor: url(http://31.media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;
  45. }
  46.  
  47. a:hover {
  48. cursor: url(http://i.imgur.com/IepP2.jpg), auto;
  49. }
  50.  
  51. ::-webkit-scrollbar-thumb {
  52. height: auto;
  53. background-color: #70242a;
  54. }
  55.  
  56. ::-webkit-scrollbar {
  57. height:9px;
  58. width:4px;
  59. background-color: #000000;
  60. }
  61.  
  62. body {
  63. background: #000000;
  64. }
  65.  
  66. a {
  67. outline: none;
  68. color: #70242a;
  69. text-decoration:none;
  70. -moz-outline-style:none;
  71. }
  72.  
  73. blockquote, blockquote blockquote {
  74. border-left: 1px solid #70242a;
  75. padding-left: 5px;
  76. margin-left: 5px;
  77. }
  78.  
  79. blockquote img, blockquote blockquote img, .answer img, #post img, .photosetpost, .video {
  80. opacity: 0.3;
  81. -webkit-filter: grayscale(100%);
  82. -webkit-transition: opacity 0.7s linear;
  83. -webkit-transition: all 0.7s ease-out;
  84. -moz-transition: all 0.7s ease-out;
  85. transition: all 0.7s ease-out;
  86. }
  87.  
  88. blockquote img:hover, blockquote blockquote img:hover, .answer img:hover, #post img:hover, .photosetpost:hover, .video:hover {
  89. opacity: 0.8;
  90. -webkit-filter: grayscale(30%);
  91. -webkit-transition: opacity 0.7s linear;
  92. -webkit-transition: all 0.7s ease-out;
  93. -moz-transition: all 0.7s ease-out;
  94. transition: all 0.7s ease-out;
  95. }
  96.  
  97. blockquote img, #post img, .answer img {
  98. max-width: 240px;
  99. height: auto;
  100. }
  101.  
  102. blockquote blockquote img {
  103. max-width: 180px;
  104. height: auto;
  105. }
  106.  
  107. img {
  108. border:none;
  109. }
  110.  
  111.  
  112. h1, h2, h3 {
  113. font-family: "Aspex";
  114. font-size: 15px;
  115. color: #70242a;
  116. font-weight: 500;
  117. text-transform: uppercase;
  118. letter-spacing: 1px;
  119. line-height: 28px;
  120. text-align: justify;
  121. }
  122.  
  123. pre, code {
  124. font-family: "Gasara";
  125. font-size: 8px;
  126. line-height: 12px;
  127. letter-spacing: 1px;
  128. text-align: center;
  129. background-color: #000000;
  130. color: #464646;
  131. padding: 10px;
  132. white-space:pre-wrap;
  133. word-wrap:break-word;
  134. }
  135.  
  136. /* ENTRIES */
  137. #entries {
  138. width: 260px;
  139. height: 100%;
  140. float: left;
  141. margin-top: 20px;
  142. margin-left: 400px;
  143. }
  144.  
  145. #post {
  146. opacity: 1;
  147. background-color: #0e0e0e;
  148. padding: 20px;
  149. width: 250px;
  150. margin-bottom: 50px;
  151. font-family: "Calibri";
  152. font-size: 12px;
  153. text-align: justify;
  154. color: #464646;
  155. }
  156.  
  157. .posttitle {
  158. font-family: "Aspex";
  159. font-size: 15px;
  160. color: #70242a;
  161. text-transform: uppercase;
  162. line-height: 25px;
  163. }
  164.  
  165. .player {
  166. width: 27px;
  167. height: 27px;
  168. left: 16px;
  169. top: 16px;
  170. opacity: 0.4;
  171. line-height: 0;
  172. overflow: hidden;
  173. }
  174.  
  175. .details {
  176. margin-top: -20px;
  177. margin-left: 28px;
  178. font-family: "Calibri";
  179. font-size: 10px;
  180. text-transform: uppercase;
  181. }
  182.  
  183. .asker {
  184. width: 250px;
  185. height: 20px;
  186. font-family: "Aspex";
  187. font-size: 15px;
  188. color: #70242a;
  189. text-transform: uppercase;
  190. margin-left: 25px;
  191. margin-top: -25px;
  192. }
  193.  
  194. .askerimg img {
  195. border: 5px solid black;
  196. }
  197.  
  198. .question {
  199. margin-top: 10px;
  200. border-top: 1px dotted #70242a;
  201. padding: 10px;
  202. background-color: #000000;
  203. font-family: "Calibri";
  204. font-size: 10px;
  205. text-transform: uppercase;
  206. }
  207.  
  208. .quote {
  209. font-family: "Aspex";
  210. font-size: 15px;
  211. color: #70242a;
  212. }
  213.  
  214. .source {
  215. font-family: "Gasara";
  216. font-size: 8px;
  217. text-align: right;
  218. }
  219.  
  220. #post b {
  221. font-family: "Aspex";
  222. font-size: 8px;
  223. text-transform: uppercase;
  224. color: #70242a;
  225. line-height: 13px;
  226. }
  227.  
  228. #post i {
  229. text-transform: uppercase;
  230. font-size: 8px;
  231. }
  232.  
  233. /* POST PERMA */
  234.  
  235. .perma {
  236. margin-top: 15px;
  237. padding-top: 15px;
  238. line-height: 10px;
  239. border-top: 1px dotted #000000;
  240. font-size: 9px;
  241. position: relative;
  242. text-transform: uppercase;
  243. }
  244.  
  245. .perma a {
  246. display: inline-block;
  247. }
  248.  
  249. .perma .pperma {
  250. float: right;
  251. display: inline-block;
  252. text-align: right;
  253. }
  254.  
  255. .pinfo {
  256. margin-top: 20px;
  257. padding-top: 10px;
  258. border-top: 1px solid black;
  259. font-family: "Aspex";
  260. font-size: 10px;
  261. text-align: center;
  262. }
  263.  
  264. .notes img {
  265. display: none;
  266. }
  267.  
  268. .notes {
  269. font-family: "Calibri";
  270. font-size: 10px;
  271. text-align: justify;
  272. text-transform: uppercase;
  273. }
  274.  
  275. #sidebar {
  276. height: 500px;
  277. width: 500px;
  278. float: right;
  279. bottom: 0px;
  280. right: 50px;
  281. position: fixed;
  282. }
  283.  
  284. .render {
  285. height: 400px;
  286. width: 150px;
  287. margin-top: 100px;
  288. margin-left: 0px;
  289. }
  290.  
  291. .container {
  292. height: 210px;
  293. width: 350px;
  294. margin-left: 150px;
  295. margin-top: -230px;
  296. border: double 10px #0e0e0e;
  297. }
  298.  
  299. .desc1 {
  300. margin-left: 5px;
  301. margin-top: 85px;
  302. height: 100px;
  303. width: 80px;
  304. padding: 10px;
  305. background-color: #0e0e0e;
  306. font-family: "Calibri";
  307. font-size: 10px;
  308. text-transform: uppercase;
  309. text-align: justify;
  310. }
  311.  
  312. .render2 {
  313. margin-top: -247px;
  314. margin-left: 110px;
  315. height: 250px;
  316. width: 150px;
  317. }
  318.  
  319. .links {
  320. margin-top: -125px;
  321. margin-left: 260px;
  322. width: 85px;
  323. height: 95px;
  324. }
  325.  
  326. .linka {
  327. margin-bottom: 3px;
  328. display: inline-block;
  329. width: 79px;
  330. border-left: 3px solid #70242a;
  331. border-right: 3px solid #70242a;
  332. background-color: #0e0e0e;
  333. height: 14px;
  334. font-family: "Calibri";
  335. font-size: 10px;
  336. text-align: center;
  337. line-height: 14px;
  338. text-transform: uppercase;
  339. -webkit-transition: opacity 0.7s linear;
  340. -webkit-transition: all 0.7s ease-out;
  341. -moz-transition: all 0.7s ease-out;
  342. transition: all 0.7s ease-out;
  343. }
  344.  
  345. .linka a{
  346. color: #70242a;
  347. -webkit-transition: opacity 0.7s linear;
  348. -webkit-transition: all 0.7s ease-out;
  349. -moz-transition: all 0.7s ease-out;
  350. transition: all 0.7s ease-out;
  351. }
  352.  
  353. .linka a:hover {
  354. color: #0e0e0e;
  355. -webkit-transition: opacity 0.7s linear;
  356. -webkit-transition: all 0.7s ease-out;
  357. -moz-transition: all 0.7s ease-out;
  358. transition: all 0.7s ease-out;
  359. }
  360.  
  361. .linka:hover {
  362. border-left: 3px solid #0e0e0e;
  363. border-right: 3px solid #0e0e0e;
  364. background-color: #70242a;
  365. -webkit-transition: opacity 0.7s linear;
  366. -webkit-transition: all 0.7s ease-out;
  367. -moz-transition: all 0.7s ease-out;
  368. transition: all 0.7s ease-out;
  369. }
  370.  
  371. .title {
  372. font-family: "Aspex";
  373. color: #0e0e0e;
  374. position: absolute;
  375. z-index: -99;
  376. margin-top: -130px;
  377. font-size: 31px;
  378. }
  379.  
  380. .play {
  381. opacity: 1;
  382. margin-left: 5px;
  383. margin-top: -170px;
  384. width: 125px;
  385. padding: 10px;
  386. background-color: #0e0e0e;
  387. height: 5px;
  388. font-family: "Calibri";
  389. font-size: 10px;
  390. text-transform: uppercase;
  391. }
  392.  
  393. .mp {
  394. height: 15px;
  395. width: 15px;
  396. }
  397.  
  398. .shut {
  399. margin-top: -5px;
  400. background-color: #000000;
  401. position: fixed;
  402. width: 15px;
  403. height: 15px;
  404. overflow: hidden;
  405. z-index: 9999;
  406. }
  407.  
  408. .song {
  409. margin-left: 25px;
  410. margin-top: -19px;
  411. font-family: "Calibri";
  412. font-size: 10px;
  413. text-transform: uppercase;
  414. }
  415.  
  416. .disc {
  417. font-family: "Calibri";
  418. font-size: 10px;
  419. width: 120px;
  420. word-spacing: 6px;
  421. margin-left: 235px;
  422. margin-top: -15px;
  423. }
  424.  
  425. .heart {
  426. margin-top: 25px;
  427. margin-left: 195px;
  428. -webkit-transition: opacity 0.7s linear;
  429. -webkit-transition: all 0.7s ease-out;
  430. -moz-transition: all 0.7s ease-out;
  431. transition: all 0.7s ease-out;
  432. }
  433.  
  434. .heart:hover .bae {
  435. opacity: 1;
  436. margin-top: -220px;
  437. -webkit-transition: opacity 0.7s linear;
  438. -webkit-transition: all 0.7s ease-out;
  439. -moz-transition: all 0.7s ease-out;
  440. transition: all 0.7s ease-out;
  441. }
  442.  
  443. .bae {
  444. margin-top: -800px;
  445. opacity: 0;
  446. width: 350px;
  447. height: 100px;
  448. margin-left: -195px;
  449. -webkit-transition: opacity 0.7s linear;
  450. -webkit-transition: all 0.7s ease-out;
  451. -moz-transition: all 0.7s ease-out;
  452. transition: all 0.7s ease-out;
  453. }
  454.  
  455. .baeimg {
  456. width: 100px;
  457. height: 100px;
  458. border: 5px solid #0e0e0e;
  459. border-radius: 50%;
  460. }
  461.  
  462. .baeimg img {
  463. width: 100px;
  464. height: 100px;
  465. border-radius: 50%;
  466. }
  467.  
  468. .baetext {
  469. overflow-y: auto;
  470. width: 220px;
  471. height: 90px;
  472. padding: 5px;
  473. background-color: #0e0e0e;
  474. margin-left: 120px;
  475. margin-top: -110px;
  476. font-family: "Calibri";
  477. font-size: 12px;
  478. text-transform: uppercase;
  479. }
  480.  
  481. #s-m-t-tooltip{
  482. max-width: 200px;
  483. padding: 5px;
  484. margin: 10px;
  485. background-color: #0e0e0e;
  486. border-left: 3px solid #70242a;
  487. color: #464646;
  488. font-family: "Calibri";
  489. letter-spacing: 2px;
  490. text-transform: uppercase;
  491. font-size: 8px;
  492. line-height: 100%;
  493. z-index:9999999999999999999999999999999999999999999999;
  494. }
  495.  
  496. #credit {
  497. position: fixed;
  498. bottom: 5px;
  499. left: 5px;
  500. font-family: "Calibri";
  501. font-size: 10px;
  502. text-transform: uppercase;
  503. }
  504. </style>
  505.  
  506. <script src="http://static.tumblr.com/whx9ghv/lq0m3ktlh/modernizr.custom.34978.js"></script>
  507. <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js'></script>
  508. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  509. <script>
  510. (function($){
  511. $(document).ready(function(){
  512. $("[title]").style_my_tooltips();
  513. });
  514. })(jQuery);
  515. </script>
  516.  
  517. </head>
  518. <body>
  519.  
  520. <div id="sidebar">
  521. <div class="render">
  522. <img src="http://i.imgur.com/t5gMlej.png" />
  523. </div>
  524.  
  525. <div class="container">
  526. <div class="desc1">
  527. {text:Description}
  528. </div>
  529. <div class="render2">
  530. <img src="http://i.imgur.com/9WBPaQa.png" />
  531. </div>
  532. <div class="links">
  533. <div class="linka"><a href="/">refresh</a></div>
  534. <div class="linka"><a href="/ask">inbox</a></div>
  535. <div class="linka"><a href="{text:Link1}">{text:Title1}</a></div>
  536. <div class="linka"><a href="{text:Link2}">{text:Title2}</a></div>
  537. <div class="linka"><a href="{text:Link3}">{text:Title3}</a></div>
  538. <div class="linka"><a href="{text:Link4}">{text:Title4}</a></div>
  539. </div>
  540.  
  541. <div class="title">
  542. <b>TREASURESEEKER</b>
  543. </div>
  544. <div class="play">
  545. <div class="mp">
  546. <div class="shut">
  547. <div style="margin-top: -3px; margin-left: -6px;">
  548. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="20">
  549. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
  550. <param name="bgcolor" value="#000000" />
  551. <param name="FlashVars" value="mp3={text:MP3Link}&amp;autoplay=1&amp;bgcolor=0e0e0e&amp;loadingcolor=0e0e0e&amp;buttoncolor=0e0e0e" />
  552. </object>
  553. </div>
  554. </div>
  555. </div>
  556. <div class="song">{text:Song}</div>
  557. </div>
  558.  
  559. <div class="disc">
  560. <a title="{text:Verse}">VERSE</a>
  561. <a title="{text:Disclaimer}">DISC</a>
  562. <a title="{text:Literate}">LIT</a>
  563. <a title="{text:NSFW}">NSFW</a>
  564. </div>
  565. <div class="heart">
  566. <img src="http://media.tumblr.com/531ee0b17f8700eea50e84c2db99de71/tumblr_inline_mgds9bXIn11rx2fz3.gif" />
  567. <div class="bae">
  568. <div class="baeimg">
  569. <img src="{image:GF}" />
  570. </div>
  571.  
  572. <div class="baetext">
  573. {text:Cheesy}
  574. </div>
  575. </div>
  576. </div>
  577. </div>
  578. </div>
  579.  
  580. <div id="entries">
  581. {block:Posts}
  582. {block:ContentSource}
  583. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  584. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  585. {/block:SourceLogo}
  586. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  587.  
  588. <!-- {ReblogParentURL}{block:ReblogParentLogo}<img src="{BlackLogoURL}"
  589. width="{LogoWidth}" height="{LogoHeight}" alt="{ReblogParentTitle}" />
  590. {/block:ReblogParentLogo}
  591. {block:NoReblogParentLogo}{ReblogParentLink}{/block:NoReblogParentLogo} -->
  592. {/block:ContentSource}
  593. <div id="post">
  594.  
  595. <!-- TEXT POSTS -->
  596. {block:Text}
  597. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  598. {Body}
  599. {/block:Text}
  600.  
  601. <!-- PHOTO POSTS -->
  602. {block:Photo}
  603. <center><img src="{PhotoURL-250}" /></center>
  604. {block:Caption}{Caption}{/block:Caption}
  605. {/block:Photo}
  606.  
  607. <!-- PHOTOSET POSTS -->
  608. {block:Photoset}
  609. <div class="photosetpost">{Photoset-250}</div>
  610. {block:Caption}{Caption}{/block:Caption}
  611. {/block:Photoset}
  612.  
  613. <!-- QUOTE POSTS -->
  614. {block:Quote}
  615. <div class="quote">{Quote}</div>
  616. <div class="source">{block:Source} —{Source}{/block:Source}</div>
  617. {/block:Quote}
  618.  
  619. <!-- LINK POSTS -->
  620. {block:Link}
  621. <div class="posttitle"><a href="{URL}" {Target}>{Name}</a></div>
  622. {block:Description}{Description}{/block:Description}
  623. {/block:Link}
  624.  
  625. <!-- CHAT POSTS -->
  626. {block:Chat}
  627. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  628. <div class="chat">
  629. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</div>
  630. {/block:Chat}
  631.  
  632.  
  633. <!-- ASK POST -->
  634. {block:Answer}
  635. <div id="asker">{Asker}</div>
  636. <div class="question">{Question}</div>
  637. {Answer}
  638. {/block:Answer}
  639.  
  640. <!-- AUDIO POST -->
  641. {block:Audio}
  642. <div class="player">{AudioPlayerGrey}</div>
  643. <div class="details">
  644. {block:TrackName}{TrackName}{/block:TrackName} by {block:Artist}{Artist}{/block:Artist}</div>
  645. {block:Caption}{Caption}{/block:Caption}
  646. {/block:Audio}
  647.  
  648. <!-- VIDEO POST -->
  649. {block:Video}
  650. <div class="video">{Video-250}</div>
  651. {block:Caption}{Caption}{/block:Caption}
  652. {/block:Video}
  653.  
  654. {block:IndexPage}
  655. <div class="perma">
  656. <span class="pperma">
  657. <a href="{Permalink}" target="_blank" class="r">{NoteCountWithLabel}</a><br>
  658. <a href="{ReblogURL}" target="_blank" class="r">REBLOG?</a>
  659. </span>
  660. <a href="{Permalink}" target="_blank">{DayOfMonth} {Month}</a><br>
  661. <a href="{Permalink}" target="_blank" title="{block:HasTags}{block:Tags}#{Tag}{/block:Tags}{/block:HasTags}">TAGGED</a>
  662. </div>
  663. {/block:IndexPage}
  664.  
  665. {block:PermalinkPage}
  666. <div class="pinfo">
  667. Posted on {DayOfMonth} {Month} {Year} with {NoteCountWithLabel}.<br />
  668. Tagged as: {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}.
  669. </div>
  670.  
  671. <div class="notes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  672. {/block:PermalinkPage}
  673. </div>
  674. {/block:Posts}
  675. </div>
  676. <div id="credit"><a href="http://chrvstn.tumblr.com/" title="Theme by chrvstn for calvbk. Please don't steal any of the codes!">CREDIT</a></div>
  677.  
  678. </body></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!