API tools faq
paste
Advertisement
xariaaaa

[THEME] ʏᴏᴜ ᴅᴏɴ'ᴛ ᴏᴡɴ ᴍᴇ

xariaaaa
Aug 15th, 2016
179
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.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. <style type="text/css">
  11. /* GASARA */
  12. @font-face { font-family: "gasara"; src: url('https://dl.dropbox.com/s/9mird7ef2oyhzbc/gasara.ttf'); }
  13.  
  14. /* ASPEX */
  15. @font-face { font-family: "aspex"; src: url('https:/dl.dropboxusercontent.com/s/yeeehszy65j0cfk/ASPEX_0.TTF') }
  16.  
  17. body {
  18. background-color: #ffffff;
  19. }
  20.  
  21. a {
  22. color: #a3a6c2;
  23. text-decoration: none;
  24. -moz-outline-style: none;
  25. -webkit-transition: opacity 0.7s linear;
  26. -webkit-transition: all 0.7s ease-out;
  27. -moz-transition: all 0.7s ease-out;
  28. transition: all 0.7s ease-out;
  29. }
  30.  
  31. a:hover {
  32. color: #cdd3d8;
  33. -moz-outline-style: none;
  34. -webkit-transition: opacity 0.7s linear;
  35. -webkit-transition: all 0.7s ease-out;
  36. -moz-transition: all 0.7s ease-out;
  37. transition: all 0.7s ease-out;
  38. }
  39.  
  40.  
  41. blockquote, blockquote blockqute, {
  42. border-left: 1px solid #a3a6c2;
  43. padding-left: 5px;
  44. margin-left: 5px;
  45. }
  46.  
  47. blockquote img, blockqute blockquote img, .answer img, #post img, .photosetpost, .video {
  48. opacity: 0.3;
  49. -webkit-filter: grayscale(100%);
  50. -webkit-transition: opacity 0.7s linear;
  51. -webkit-transition: all 0.7s ease-out;
  52. -moz-transition: all 0.7s ease-out;
  53. transition: all 0.7s ease-out;
  54. }
  55.  
  56. blockquote img:hover, blockqute blockquote img:hover, .answer img:hover, #post img:hover, .photosetpost:hover, .video:hover {
  57. opacity: 0.8;
  58. -webkit-filter: grayscale(30%);
  59. -webkit-transition: opacity 0.7s linear;
  60. -webkit-transition: all 0.7s ease-out;
  61. -moz-transition: all 0.7s ease-out;
  62. transition: all 0.7s ease-out;
  63. }
  64.  
  65. blockquote img, #post img, .answer img {
  66. max-width: 240px;
  67. height: auto;
  68. }
  69.  
  70. blockquote blockquote img {
  71. max-width: 180px;
  72. height: auto;
  73. }
  74.  
  75. img {
  76. border:none;
  77. }
  78.  
  79. h1, h2, h3 {
  80. font-family: "Aspex";
  81. font-size: 15px;
  82. color: #a3a6c2;
  83. font-weight: 500;
  84. text-transform: uppercase;
  85. letter-spacing: 1px;
  86. line-height: 28px;
  87. text-align: justify;
  88. }
  89.  
  90. pre, code {
  91. color: #000000;
  92. font-family: "Gasara";
  93. font-size: 8px;
  94. line-height: 12px;
  95. letter-spacing: 1px;
  96. text-align: center;
  97. background-color: #ffffff;
  98. padding: 10px;
  99. white-space:pre-wrap;
  100. word-wrap:break-word;
  101. border-left: 1px solid #a3a6c2;
  102. border-right: 1px solid #a3a6c2;
  103. border-bottom: 1px dotted #a3a6c2;
  104. }
  105.  
  106. #entries {
  107. width: 260px;
  108. height: 100%;
  109. float: right;
  110. margin-top: 20px;
  111. margin-right: 300px;
  112. }
  113.  
  114. #post {
  115. background-color: #e4e4e4;
  116. width: 250px;
  117. text-align: justify;
  118. padding: 20px;
  119. margin-bottom: 50px;
  120. font-family: "Calibri";
  121. font-size: 12px;
  122. color: #000000;
  123. }
  124.  
  125. #post b {
  126. font-family: "Aspex";
  127. font-size: 10px;
  128. }
  129.  
  130. #post i {
  131. font-family: "Calibri";
  132. font-size: 10px;
  133. text-transform: uppercase;
  134. }
  135.  
  136. .posttitle {
  137. font-family: "Aspex";
  138. font-size: 20px;
  139. letter-spacing: 1px;
  140. color: #a3a6c2;
  141. }
  142.  
  143. #asker {
  144. font-family: "Aspex" !important;
  145. font-size: 20px;
  146. text-transform: uppercase;
  147. text-align: center;
  148. margin-bottom: 10px;
  149. }
  150.  
  151. .question {
  152. background-color: #ffffff;
  153. padding: 10px;
  154. font-family: "Calibri";
  155. font-size: 10px;
  156. text-transform: uppercase;
  157. border-top: 1px dotted #a3a6c2;
  158. }
  159.  
  160. .chat b {
  161. text-transform: uppercase;
  162. }
  163.  
  164. .player {
  165. width: 27px;
  166. height: 27px;
  167. left: 16px;
  168. top: 16px;
  169. opacity: 0.4;
  170. line-height: 0;
  171. overflow: hidden;
  172. }
  173.  
  174. .details {
  175. margin-top: -20px;
  176. margin-left: 23px;
  177. font-family: "Calibri";
  178. font-size: 10px;
  179. text-transform: uppercase;
  180. }
  181.  
  182. .quote {
  183. font-family: "Aspex";
  184. font-size: 15px;
  185. text-align: justify;
  186. }
  187.  
  188. .source {
  189. font-family: "Gasara";
  190. font-size: 8px;
  191. text-align: right;
  192. }
  193.  
  194. /* POST PERMA */
  195.  
  196. .perma {
  197. margin-top: 15px;
  198. padding-top: 15px;
  199. line-height: 10px;
  200. border-top: 1px solid #ffffff;
  201. font-size: 9px;
  202. position: relative;
  203. text-transform :uppercase;
  204. }
  205.  
  206. .perma a {
  207. display:inline-block;
  208. }
  209.  
  210. .perma .pperma {
  211. float:right;
  212. display:inline-block;
  213. text-align:right;
  214. }
  215.  
  216. /* SIDEBAR */
  217.  
  218. #wrap {
  219. height: 500px;
  220. width: 500px;
  221. position: fixed;
  222. float: left;
  223. left: 120px;
  224. bottom: 70px;
  225. }
  226.  
  227. .picture {
  228. height: 350px;
  229. width: 245px;
  230. margin-left: -55px;
  231. margin-top: 180px;
  232. }
  233.  
  234. .jei {
  235. margin-left: 400px;
  236. margin-top: -400px;
  237. }
  238.  
  239. .desc1 {
  240. position: absolute;
  241. z-index: -99;
  242. width: 250px;
  243. height: 80px;
  244. padding: 10px;
  245. background-color: #e4e4e4;
  246. margin-top: -103px;
  247. margin-left: 150px;
  248. font-family: "Calibri";
  249. font-sizE: 10px;
  250. text-align: justify;
  251. text-transform: uppercase;
  252. }
  253.  
  254. .links {
  255. position: absolute;
  256. margin-left: 150px;
  257. margin-top: -128px;
  258. }
  259.  
  260. .lks {
  261. display: inline-block;
  262. width: 40px;
  263. height: 20px;
  264. background-color: #e4e4e4;
  265. margin-right: 10px;
  266. text-align: center;
  267. font-family: "aspex";
  268. font-size: 15px;
  269. line-height: 30px;
  270. text-transform: uppercase;
  271. }
  272.  
  273. .lvsh {
  274. position: absolute;
  275. z-index: -999;
  276. width: 270px;
  277. height: 50px;
  278. margin-left: 150px;
  279. margin-top: -183px;
  280. }
  281.  
  282. .lvsh img {
  283. margin-right: -5px;
  284. }
  285.  
  286. .desc2 {
  287. position: absolute;
  288. z-index: -99;
  289. width: 250px;
  290. height: 50px;
  291. padding: 10px;
  292. background-color: #e4e4e4;
  293. margin-top: -258px;
  294. margin-left: 150px;
  295. font-family: "Calibri";
  296. font-sizE: 10px;
  297. text-align: justify;
  298. text-transform: uppercase;
  299. }
  300.  
  301. .updatebar {
  302. margin-left: 150px;
  303. margin-top : -283px;
  304. width: 250px;
  305. height: 1px;
  306. padding: 10px;
  307. background-color: #e4e4e4;
  308. font-family: "Calibri";
  309. font-size: 10px;
  310. line-height: 1px;
  311. text-align: center;
  312. text-transform: uppercase;
  313. word-spacing: 25px;
  314. }
  315.  
  316. .pagi {
  317. position: absolute;
  318. z-index: 99999;
  319. margin-left: 370px;
  320. margin-top: -30px;
  321. font-family: "Calibri";
  322. font-size: 8px;
  323. }
  324.  
  325. .title {
  326. position: absolute;
  327. z-index: -9999;
  328. font-family: "Aspex";
  329. font-size: 12px;
  330. margin-left: 100px;
  331. margin-top: -40px;
  332. }
  333.  
  334. /* SIGNARITA */
  335. @font-face{ font-family:"signarita"; src: url('https://dl.dropboxusercontent.com/s/gc29howy3wio7t8/signarita%20zhai%20rhianne.ttf?dl=1');}
  336.  
  337. .title i {
  338. line-height: 5px;
  339. font-family: "signarita";
  340. font-size: 15px;
  341. }
  342.  
  343. .friends {
  344. position: absolute;
  345. z-index: 99;
  346. height: 80px;
  347. width: 80px;
  348. padding: 5px;
  349. background-color: #e4e4e4;
  350. border-radius: 50%;
  351. margin-left: -110px;
  352. margin-top: 180px;
  353. }
  354.  
  355. .friends img {
  356. border-radius: 50%;
  357. -webkit-transition: opacity 0.7s linear;
  358. -webkit-transition: all 0.7s ease-out;
  359. -moz-transition: all 0.7s ease-out;
  360. transition: all 0.7s ease-out;
  361. }
  362.  
  363. .friends img:hover {
  364. transform: rotate(-360deg);
  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. /* MUSIC PLAYER */
  372.  
  373. #musicplayer {
  374. position: fixed;
  375. top: 10px;
  376. left: 10px;
  377. }
  378.  
  379. .shut {
  380. border: 1px solid #a3a6c2; /** change the border colour here **/
  381. background-color: #ffffff;
  382. padding-top: 1px;
  383. padding-right: 1px;
  384. position: fixed;
  385. width: 20px;
  386. height: 20px;
  387. margin: 5px 5px 0px 0px;
  388. overflow: hidden;
  389. z-index: 9999;
  390. }
  391.  
  392. #credit {
  393. position: fixed;
  394. bottom: 10px;
  395. left: 5px;
  396. font-size: 10px;
  397. text-transform: uppercase;
  398. text-align: center;
  399. }
  400.  
  401. #s-m-t-tooltip{
  402. max-width: 200px;
  403. padding: 5px;
  404. margin: 10px;
  405. background-color: #e4e4e4;
  406. border-left: 3px solid #a3a6c2;
  407. color: #000000;
  408. font-family: "Gasara";
  409. letter-spacing: 2px;
  410. text-transform: uppercase;
  411. font-size: 8px;
  412. line-height: 100%;
  413. z-index:9999999999999999999999999999999999999999999999;
  414. }
  415.  
  416. .pinfo {
  417. margin-top: 20px;
  418. padding-top: 10px;
  419. border-top: 1px solid white;
  420. font-family: "Aspex";
  421. font-size: 10px;
  422. text-align: center;
  423. }
  424.  
  425. .notes img {
  426. display: none;
  427. }
  428.  
  429. .notes {
  430. font-family: "Calibri";
  431. font-size: 10px;
  432. text-align: justify;
  433. text-transform: uppercase;
  434. }
  435. </style>
  436.  
  437. <script src="http://static.tumblr.com/whx9ghv/lq0m3ktlh/modernizr.custom.34978.js"></script>
  438. <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js'></script>
  439. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  440. <script>
  441. (function($){
  442. $(document).ready(function(){
  443. $("[title]").style_my_tooltips();
  444. });
  445. })(jQuery);
  446. </script>
  447.  
  448. </head>
  449. <body>
  450.  
  451. <div id="musicplayer">
  452.  
  453. <div class="shut"><div style="margin-left:-2.5px;margin-top:0px;"><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="20">
  454. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
  455. <param name="bgcolor" value="#fff" />
  456. <param name="FlashVars" value="mp3=http://k003.kiwi6.com/hotlink/m96j5yd1o3/You_Don_t_Own_Me_-_Grace_No_Rap_Radio_Edit_.mp3&amp;autoplay=1&amp;bgcolor=fff&amp;loadingcolor=4c4c4c&amp;buttoncolor=4c4c4c" />
  457. </object></div></div></div>
  458.  
  459. <div id="wrap">
  460. <div class="picture">
  461. <img src="http://i.imgur.com/FpQAnEO.png" />
  462. </div>
  463.  
  464. <div class="jei">
  465. <img src="http://i.imgur.com/5LgFtkz.png" />
  466. </div>
  467.  
  468. <div class="desc1">
  469. i just wanna dance the night away asdfghjklqw tyuio
  470. </div>
  471. <div class="links">
  472. <a href="/" title="/"><div class="lks">i.</div></a>
  473. <a href="/" title="/"><div class="lks">ii.</div></a>
  474. <a href="/" title="/"><div class="lks">iii.</div></a>
  475. <a href="/" title="/"><div class="lks">iv.</div></a>
  476. <a href="/" title="/"><div class="lks">v.</div></a>
  477. </div>
  478.  
  479. <div class="lvsh">
  480. <a href="" title=""><img src="http://i.imgur.com/NMFJPmW.png" /></a>
  481. <a href="" title=""><img src="http://i.imgur.com/xbo3VQx.png" /></a>
  482. <a href="" title=""><img src="http://i.imgur.com/cGufU25.png" /></a>
  483. <a href="" title=""><img src="http://i.imgur.com/ybAdlGg.png" /></a>
  484. <a href="" title=""><img src="http://i.imgur.com/OrwP22w.png" /></a>
  485. </div>
  486.  
  487. <div class="desc2">
  488. love line sdfghj love line
  489. </div>
  490.  
  491. <div class="updatebar">
  492. <a title="oc not jei of fiestar">VERSE</a>
  493. <a title="ye sex will be here">NSFW</a>
  494. <a title="dont own gifs and photos bla bla">DISC</a>
  495. <a title="not affiliated with jei bla bla">AFFILIATE</a>
  496. <a href="http://tq-entertainment.tumblr.com/" title="">TQ.ENT</a>
  497. </div>
  498.  
  499. <div class="pagi">
  500. {block:PreviousPage}<a href="{PreviousPage}">PREV</a>{/block:PreviousPage} // {block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage}
  501. </div>
  502. <div class="title">
  503. MAKE ME FEEL LIKE A <i>dangerous woman,</i>
  504. </div>
  505.  
  506. <div class="friends">
  507. <img src="http://i.imgur.com/RQs62gS.gif" />
  508. </div>
  509. </div>
  510.  
  511. <div id="entries">
  512. {block:Posts}
  513. {block:ContentSource}
  514. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  515. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  516. {/block:SourceLogo}
  517. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  518.  
  519. <!-- {ReblogParentURL}{block:ReblogParentLogo}<img src="{BlackLogoURL}"
  520. width="{LogoWidth}" height="{LogoHeight}" alt="{ReblogParentTitle}" />
  521. {/block:ReblogParentLogo}
  522. {block:NoReblogParentLogo}{ReblogParentLink}{/block:NoReblogParentLogo} -->
  523. {/block:ContentSource}
  524. <div id="post">
  525.  
  526. <!-- TEXT POSTS -->
  527. {block:Text}
  528. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  529. {Body}
  530. {/block:Text}
  531.  
  532. <!-- PHOTO POSTS -->
  533. {block:Photo}
  534. <center><img src="{PhotoURL-250}" /></center>
  535. {block:Caption}{Caption}{/block:Caption}
  536. {/block:Photo}
  537.  
  538. <!-- PHOTOSET POSTS -->
  539. {block:Photoset}
  540. <div class="photosetpost">{Photoset-250}</div>
  541. {block:Caption}{Caption}{/block:Caption}
  542. {/block:Photoset}
  543.  
  544. <!-- QUOTE POSTS -->
  545. {block:Quote}
  546. <div class="quote">{Quote}</div>
  547. <div class="source">{block:Source} —{Source}{/block:Source}</div>
  548. {/block:Quote}
  549.  
  550. <!-- LINK POSTS -->
  551. {block:Link}
  552. <div class="posttitle"><a href="{URL}" {Target}>{Name}</a></div>
  553. {block:Description}{Description}{/block:Description}
  554. {/block:Link}
  555.  
  556. <!-- CHAT POSTS -->
  557. {block:Chat}
  558. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  559. <div class="chat">
  560. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</div>
  561. {/block:Chat}
  562.  
  563.  
  564. <!-- ASK POST -->
  565. {block:Answer}
  566. <div id="asker">{Asker}</div>
  567. <div class="question">{Question}</div>
  568. {Answer}
  569. {/block:Answer}
  570.  
  571. <!-- AUDIO POST -->
  572. {block:Audio}
  573. <div class="player">{AudioPlayerGrey}</div>
  574. <div class="details">
  575. {block:TrackName}{TrackName}{/block:TrackName} by {block:Artist}{Artist}{/block:Artist}</div>
  576. {block:Caption}{Caption}{/block:Caption}
  577. {/block:Audio}
  578.  
  579. <!-- VIDEO POST -->
  580. {block:Video}
  581. <div class="video">{Video-250}</div>
  582. {block:Caption}{Caption}{/block:Caption}
  583. {/block:Video}
  584.  
  585. {block:IndexPage}
  586. <div class="perma">
  587. <span class="pperma">
  588. <a href="{Permalink}" target="_blank" class="r">{NoteCountWithLabel}</a><br>
  589. <a href="{ReblogURL}" target="_blank" class="r">REBLOG?</a>
  590. </span>
  591. <a href="{Permalink}" target="_blank">{DayOfMonth} {Month}</a><br>
  592. <a href="{Permalink}" target="_blank" title="{block:HasTags}{block:Tags}#{Tag}{/block:Tags}{/block:HasTags}">TAGGED</a>
  593. </div>
  594. {/block:IndexPage}
  595.  
  596. {block:PermalinkPage}
  597. <div class="pinfo">
  598. Posted on {DayOfMonth} {Month} {Year} with {NoteCountWithLabel}.<br />
  599. Tagged as: {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}.
  600. </div>
  601.  
  602. <div class="notes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  603. {/block:PermalinkPage}
  604. </div>
  605. {/block:Posts}
  606. </div>
  607.  
  608. <div id="credit">
  609. <a title="THEME BY 98BROOK.">♕</a>
  610. <!-- <a href="" title=""></a> -->
  611. </div>
  612.  
  613.  
  614. </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!