API tools faq
paste
Advertisement
xariaaaa

[THEME] ᴘʟᴀʏɪɴɢ ᴡɪᴛʜ ғɪʀᴇ

xariaaaa
Nov 19th, 2016
117
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.74 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.  
  11. <meta name="color:PostBackground" content="#eaeaea" />
  12. <meta name="color:Background" content="#ffffff" />
  13. <meta name="color:Accent" content="#99d4c1" />
  14. <meta name="color:Text" content="#eaeaea" />
  15.  
  16. <meta name="text:Link1" content="Link 1" />
  17. <meta name="text:Link2" content="Link 2" />
  18. <meta name="text:Link3" content="Link 3" />
  19.  
  20. <meta name="text:URL1" content="URL 1" />
  21. <meta name="text:URL2" content="URL 2" />
  22. <meta name="text:URL3" content="URL 3" />
  23.  
  24. <meta name="text:Hover1" content="Not Safw For Work, follow at your own risk!" />
  25. <meta name="text:Hover2" content="Literate roleplay account and selective. Plotting is encouraged. Para preffered! Literacy will be mirrored to certain level." />
  26. <meta name="text:Hover3" content="General roleplay account. Not affiliated with Lisa, BLACKPINK, or YG Ent." />
  27. <meta name="text:Hover4" content="Find me @AIMHERE, please state who you are!" />
  28.  
  29. <style type="text/css">
  30. /* GASARA */
  31. @font-face { font-family: "gasara"; src: url('https://dl.dropbox.com/s/9mird7ef2oyhzbc/gasara.ttf'); }
  32.  
  33. /* BEBAS NEUE */
  34. @font-face { font-family: "bebas neue"; src: url('https://dl.dropboxusercontent.com/u/67800931/bebasneue.otf'); }
  35.  
  36. *, body, a {
  37. cursor: url(http://31.media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;
  38. }
  39.  
  40. a:hover {
  41. cursor: url(http://i.imgur.com/IepP2.jpg), auto;
  42. }
  43.  
  44. ::-webkit-scrollbar-thumb {
  45. height: auto;
  46. background-color: {color:PostBackground};
  47. }
  48.  
  49. ::-webkit-scrollbar {
  50. height:9px;
  51. width:4px;
  52. background-color: {color:Background};
  53. }
  54.  
  55. body {
  56. background-color: {color:Background};
  57. }
  58.  
  59. a {
  60. text-decoration:none;
  61. outline:none;
  62. -moz-outline-style:none;
  63. color: {color:Accent};
  64. }
  65.  
  66. blockquote, blockquote blockquote {
  67. border-left: 1px solid {color:Accent};
  68. padding-left:5px;
  69. margin-left: 5px;
  70. }
  71.  
  72. blockquote img, blockquote blockquote img, #post img, .photopost, .photosetpost, .video {
  73. opacity: 0.3;
  74. -webkit-filter: grayscale(100%);
  75. -webkit-transition: opacity 0.7s linear;
  76. -webkit-transition: all 0.7s ease-out;
  77. -moz-transition: all 0.7s ease-out;
  78. transition: all 0.7s ease-out;
  79. }
  80.  
  81. blockquote img:hover, blockquote blockquote img:hover, #post img:hover, .photopost:hover, .photosetpost:hover, .video {
  82. opacity: 0.8;
  83. -webkit-filter: grayscale(30%);
  84. -webkit-transition: opacity 0.7s linear;
  85. -webkit-transition: all 0.7s ease-out;
  86. -moz-transition: all 0.7s ease-out;
  87. transition: all 0.7s ease-out;
  88. }
  89.  
  90. blockquote img {
  91. max-width: 240px;
  92. height: auto;
  93. }
  94.  
  95. blockquote blockquote img {
  96. max-width: 180px;
  97. height: auto;
  98. }
  99.  
  100. h1, h2, h3 {
  101. color: {color:Accent};
  102. font-family: "Bebas Neue";
  103. font-size: 30px;
  104. letter-spacing: 1px;
  105. }
  106.  
  107. pre, code {
  108. font-family: "Calibri";
  109. font-size: 10px;
  110. text-align: justify;
  111. text-transform: uppercase;
  112. padding: 20px;
  113. background-color: {color:Background};
  114. white-space:pre-wrap;
  115. word-wrap:break-word;
  116. }
  117.  
  118. small, sub, sup {
  119. font-size: 10px;
  120. }
  121.  
  122. #entries {
  123. width: 260px;
  124. height: 100%;
  125. float: left;
  126. margin-top: 20px;
  127. margin-left: 300px;
  128. }
  129.  
  130. #post {
  131. background-color: {color:PostBackground};
  132. color: {color:Text};
  133. margin-bottom: 80px;
  134. padding: 20px;
  135. width: 250px;
  136. font-family: "Calibri";
  137. font-size: 12px;
  138. text-align: justify;
  139. }
  140.  
  141. .posttitle {
  142. font-family: "Bebas Neue";
  143. font-size: 30px;
  144. padding-bottom: 5px;
  145. margin-bottom: 10px;
  146. -webkit-transition: opacity 0.7s linear;
  147. -webkit-transition: all 0.7s ease-out;
  148. -moz-transition: all 0.7s ease-out;
  149. transition: all 0.7s ease-out;
  150. }
  151.  
  152. .quote {
  153. font-family: "Bebas Neue";
  154. font-size: 20px;
  155. text-align: justify;
  156. }
  157.  
  158. .source {
  159. font-family: "Calibri";
  160. font-size: 10px;
  161. text-transform: uppercase;
  162. text-align: right;
  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. .caption a {
  184. font-size: 10px;
  185. text-transform: uppercase;
  186. }
  187.  
  188. .caption b, .caption strong, .chat b, .chat strong {
  189. font-family: "Bebas Neue";
  190. font-size: 15px;
  191. letter-spacing: 1px;
  192. }
  193.  
  194. .caption i, .caption em {
  195. font-family: "Gasara";
  196. font-size: 8px;
  197. font-weight: none;
  198. }
  199.  
  200. .asker {
  201. font-family: "Bebas Neue";
  202. font-size: 30px;
  203. letter-spacing: 1px;
  204. }
  205.  
  206. .question {
  207. font-size: 10px;
  208. text-transform: uppercase;
  209. padding: 10px;
  210. background-color: black;
  211. text-align: justify;
  212. }
  213.  
  214. /* POST PERMA */
  215.  
  216. .perma {
  217. margin-top: 15px;
  218. padding-top: 15px;
  219. line-height: 10px;
  220. border-top: 1px solid {color:Background};
  221. font-size: 9px;
  222. position: relative;
  223. text-transform :uppercase;
  224. }
  225.  
  226. .perma a {
  227. display:inline-block;
  228. }
  229.  
  230. .perma .pperma {
  231. float:right;
  232. display:inline-block;
  233. text-align:right;
  234. }
  235.  
  236. .pinfo {
  237. margin-top: 20px;
  238. padding-top: 10px;
  239. border-top: 1px solid white;
  240. font-family: "Aspex";
  241. font-size: 10px;
  242. text-align: center;
  243. }
  244.  
  245. .notes img {
  246. display: none;
  247. }
  248.  
  249. .notes {
  250. font-family: "Calibri";
  251. font-size: 10px;
  252. text-align: justify;
  253. text-transform: uppercase;
  254. }
  255.  
  256.  
  257. /* SIDEBAR */
  258.  
  259. #wrapper {
  260. position: fixed;
  261. height: 500px;
  262. width: 500px;
  263. float: right;
  264. right: 100px;
  265. bottom: 0px;
  266. }
  267.  
  268. .rend1 {
  269. float: right;
  270. margin-top: 0px;
  271. margin-right: -80px;
  272. }
  273.  
  274. .rend2 {
  275. float: left;
  276. margin-left: 0px;
  277. margin-top: -260px;
  278. }
  279.  
  280. .bar {
  281. margin-top: 325px;
  282. width: 500px;
  283. height: 10px;
  284. background-color: {color:Accent};
  285. }
  286.  
  287. .title {
  288. margin-top: 330px;
  289. z-index: -9;
  290. position: fixed;
  291. font-family: "Bebas";
  292. font-size: 59px;
  293. color: {color:Accent};
  294. }
  295.  
  296. .desc {
  297. height: 70px;
  298. width: 300px;
  299. background-color: {color:PostBackground};
  300. padding: 10px;
  301. margin-top: 70px;
  302. font-family: "Calibri";
  303. font-size: 10px;
  304. color: {color:Text};
  305. text-transform: uppercase;
  306. text-align: justify;
  307. line-height: 12px;
  308. }
  309.  
  310. .desc b {
  311. color: {color:Accent};
  312. font-size: 15px;
  313. }
  314.  
  315. .desc u {
  316. color: #000000;
  317. }
  318.  
  319. .desc i {
  320. font-size: 8px;
  321. font-family: "Gasara";
  322. }
  323.  
  324. .desc a {
  325. letter-spacing: 0px;
  326. }
  327.  
  328. .desc a:hover {
  329. letter-spacing: 2px;
  330. }
  331.  
  332. .links {
  333. font-family: "Bebas";
  334. font-size: 17px;
  335. color: {color:Link};
  336. margin-top: -195px;
  337. margin-left: 70px;
  338. }
  339.  
  340. .desc2 {
  341. height: 100px;
  342. width: 190px;
  343. background-color: {color:PostBackground};
  344. padding: 10px;
  345. font-family: "Calibri";
  346. font-size: 10px;
  347. color: {color:Text};
  348. text-transform: uppercase;
  349. text-align: justify;
  350. line-height: 12px;
  351. margin-top: -145px;
  352. margin-left: 85px;
  353. }
  354.  
  355. .hovers {
  356. font-family: "Bebas";
  357. font-size: 18px;
  358. color: {color:Link};
  359. margin-top: -145px;
  360. margin-left: 85px;
  361. }
  362.  
  363. .mmusic {
  364. margin-left: 83px;
  365. margin-top: -40px;
  366. position: fixed;
  367. padding: 4px;
  368. width: 15px;
  369. height: 15px;
  370. z-index: 2;
  371. }
  372.  
  373. .mp3player {
  374. position: fixed;
  375. margin-top: 1px;
  376. width: 15px;
  377. height: 15px;
  378. position: fixed;
  379. z-index: -1;
  380. }
  381.  
  382. /* MP3 */
  383.  
  384. .box {
  385. position: absolute;
  386. z-index: -1;
  387. overflow: hidden;
  388. position: fixed;
  389. width: 15px;
  390. height: 15px;
  391. }
  392.  
  393. .icon {
  394. margin-top: 0px;
  395. margin-left: 0px;
  396. -webkit-transition: all 0.5s linear;
  397. -moz-transition: all 0.5s linear;
  398. transition: all 0.5s linear;
  399. }
  400.  
  401. .box:hover .icon {
  402. margin-top: -15px;
  403. -webkit-transition: all 0.5s linear;
  404. -moz-transition: all 0.5s linear;
  405. transition: all 0.5s linear;
  406. }
  407.  
  408. .musicbox {
  409. width: 10px;
  410. height: 10px;
  411. overflow: hidden;
  412. margin-top: 0px;
  413. margin-left: 5px;
  414. }
  415.  
  416. .music{
  417. margin-top: -6px;
  418. margin-left: -35px;
  419. }
  420.  
  421. .song {
  422. width: 200px;
  423. height: 12px;
  424. font-family: "Calibri";
  425. text-align: left;
  426. text-transform: uppercase;
  427. font-size: 10px;
  428. margin-top: -40px;
  429. margin-left: 105px;
  430. }
  431.  
  432. .song b {
  433. color: {color:Accent};
  434. font-size: 14px;
  435. letter-spacing: 1px;
  436. text-transform: none !important;
  437. font-family: "Bebas";
  438. }
  439.  
  440.  
  441. #s-m-t-tooltip{
  442. max-width: 200px;
  443. margin-top: 15px;
  444. margin-left: 15px;
  445. padding: 5px;
  446. border-left: 1px solid {color:Background};
  447. z-index:9999999999999999999999;
  448. background-color:{color:PostBackground};
  449. color: {color:Text};
  450. font-family: "Calibri";
  451. text-align: justify;
  452. font-size: 10px;
  453. line-height: 13px;
  454. letter-spacing: 1px;
  455. text-transform: uppercase;
  456. box-shadow: 0px 0px 10px {color:Background};
  457. }
  458.  
  459. #credit {
  460. position: fixed;
  461. bottom: 5px;
  462. left: 5px;
  463. font-size: 12px;
  464. font-family: "Calibri";
  465. }
  466.  
  467. </style>
  468.  
  469. <!-- S-M-T-TOOLTIP JAVA -->
  470.  
  471. <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js'></script>
  472. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  473. <script>
  474. (function($){
  475. $(document).ready(function(){
  476. $("[title]").style_my_tooltips();
  477. });
  478. })(jQuery);
  479. </script>
  480.  
  481.  
  482. </head>
  483. <body>
  484.  
  485. <div id="wrapper">
  486. <div class="rend1"><img src="http://i.imgur.com/EpPN7u4.png" /></div>
  487. <div class="title">YOUPLAYIN'WITHFIRE</div>
  488. <div class="bar"></div>
  489. <div class="rend2"><img src="http://i.imgur.com/YadYEqG.png" /></div>
  490. <div class="desc">
  491. she's playing with fire, lalisa manoban. <b>bold</b> <i>italics</i> <a href="/">link</a> normal <u>underline</u>
  492. </div>
  493.  
  494. <div class="links">
  495. <a href="/">HOME</a>
  496. <a href="/ask">INBOX</a>
  497. <a href="{text:URL1}">{text:Link1}</a>
  498. <a href="{text:URL2}">{text:Link2}</a>
  499. <a href="{text:URL3}">{text:Link3}</a>
  500. </div>
  501.  
  502. <div class="desc2">
  503. she's playing with fire, lalisa manoban. <b>bold</b> <i>italics</i> <a href="/">link</a> normal <u>underline</u>
  504. </div>
  505.  
  506. <div class="hovers">
  507. <a title="{text:Hover1}">NSFW</a>
  508. <a title="{text:Hover2}">LITERATE</a>
  509. <a title="{text:Hover3}">GENERAL</a>
  510. <a title="{text:Hover4}">AIM</a>
  511. </div>
  512.  
  513. <div class="mmusic">
  514. <div class="mp3player">
  515. <div class="box">
  516. <div class="icon"><img src="http://67.media.tumblr.com/tumblr_m7w2o3N94I1r6o8v2.gif"></div>
  517. <div class="musicbox">
  518. <div class="music">
  519. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="200" height="100">
  520. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
  521. <param name="bgcolor" value="#ffffff" />
  522. <param name="FlashVars" value="mp3=http://k003.kiwi6.com/hotlink/tvn9ep9cmn/Troyboi_-_Do_You_mp3goo.com_.mp3
  523.  
  524. &amp;volume=50&amp;autoplay=1&amp;loop=1&amp;loadingcolor=888888&amp;bgcolor=d4d4d4&amp;bgcolor1=ffffff&amp;bgcolor2=ffffff&amp;buttoncolor=888888&amp;buttonovercolor=c9c9c9&amp;textcolor=888888" />
  525. </object>
  526. </div>
  527. </div>
  528. </div>
  529. </div>
  530. </div>
  531.  
  532. <div class="song">
  533. <b>DO YOU?</b>&nbsp; by TROYBOI (<a href="https://www.youtube.com/watch?v=7OjPBG-AuyU">source</a>)
  534. </div>
  535. </div>
  536.  
  537. <div id="entries">
  538. {block:Posts}
  539.  
  540. {block:ContentSource}
  541. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  542. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  543. {/block:SourceLogo}
  544. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  545.  
  546. <!-- {ReblogParentURL}{block:ReblogParentLogo}<img src="{BlackLogoURL}"
  547. width="{LogoWidth}" height="{LogoHeight}" alt="{ReblogParentTitle}" />
  548. {/block:ReblogParentLogo}
  549. {block:NoReblogParentLogo}{ReblogParentLink}{/block:NoReblogParentLogo} -->
  550. {/block:ContentSource}
  551.  
  552. <div id="post">
  553.  
  554. <!-- TEXT POSTS -->
  555. {block:Text}
  556. <div class="posttitle">{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}</div>
  557. <div class="caption">{Body}</div>
  558. {/block:Text}
  559.  
  560. <!-- PHOTO POSTS -->
  561. {block:Photo}
  562. <div class="photopost"><center>{LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}</center></div>
  563. <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
  564.  
  565. {/block:Photo}
  566.  
  567. <!-- PHOTOSET POSTS -->
  568. {block:Photoset}
  569. <div class="photosetpost">{Photoset-250}</div>
  570. <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
  571. {/block:Photoset}
  572.  
  573. <!-- QUOTE POSTS -->
  574. {block:Quote}
  575. <div class="quote">{Quote}</div>
  576. <div class="source">{block:Source} —{Source}{/block:Source}</div>
  577. {/block:Quote}
  578.  
  579. <!-- LINK POSTS -->
  580. {block:Link}
  581. <div class="posttitle"><a href="{URL}" {Target}>{Name}</a></div>
  582. {block:Description}{Description}{/block:Description}
  583. {/block:Link}
  584.  
  585. <!-- CHAT POSTS -->
  586. {block:Chat}
  587. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  588. <div class="chat">
  589. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</div>
  590. {/block:Chat}
  591.  
  592.  
  593. <!-- ASK POST -->
  594. {block:Answer}
  595. <div class="asker">{Asker} SAID:</div>
  596. <div class="question">{Question}</div>
  597. {Answer}
  598. {/block:Answer}
  599.  
  600. <!-- AUDIO POST -->
  601. {block:Audio}
  602. <div class="player">{AudioPlayerGrey}</div>
  603. <div class="details">
  604. {block:TrackName}{TrackName}{/block:TrackName} by {block:Artist}{Artist}{/block:Artist}</div>
  605. <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
  606. {/block:Audio}
  607.  
  608. <!-- VIDEO POST -->
  609. {block:Video}
  610. <div class="video">{Video-250}</div>
  611. <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
  612. {/block:Video}
  613.  
  614. {block:IndexPage}
  615. <div class="perma">
  616. <span class="pperma">
  617. <a href="{Permalink}" target="_blank" class="r">{NoteCountWithLabel}</a><br>
  618. <a href="{ReblogURL}" target="_blank" class="r">REBLOG?</a>
  619. </span>
  620. <a href="{Permalink}" target="_blank">{DayOfMonth} {Month}</a><br>
  621. <a href="{Permalink}" target="_blank" title="{block:HasTags}{block:Tags}#{Tag}{/block:Tags}{/block:HasTags}">TAGGED</a>
  622. </div>
  623. {/block:IndexPage}
  624.  
  625. {block:PermalinkPage}
  626. <div class="pinfo">
  627. Posted on {DayOfMonth} {Month} {Year} with {NoteCountWithLabel}.<br />
  628. Tagged as: {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}.
  629. </div>
  630.  
  631. <div class="notes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  632. {/block:PermalinkPage}
  633.  
  634. </div>
  635. {/block:Posts}
  636.  
  637. <!-- {block:IndexPage}
  638. <div class="pagi">
  639. {block:PreviousPage}<a href="{PreviousPage}">PREV</a>{/block:PreviousPage} // {block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage}
  640. </div>
  641. {/block:IndexPage} -->
  642. </div>
  643.  
  644. <div id="credit"><a href="http://chrvstn.tumblr.com/" title="Theme by CHRVSTN. Please don't steal the codes! Optimized for Chrome 1366 x 786">♕</a>
  645. </div>
  646. </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!