API tools faq
paste
Advertisement
xariaaaa

[THEME] ᴛᴏᴜᴛ ʟᴇ ᴍᴏɴᴅᴇ

xariaaaa
Sep 12th, 2016
142
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.78 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. /* BEBAS NEUE */
  15. @font-face { font-family: "bebas neue"; src: url('https://dl.dropboxusercontent.com/u/67800931/bebasneue.otf'); }
  16.  
  17. *, body, a {
  18. cursor: url(http://31.media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;
  19. }
  20.  
  21. a:hover {
  22. cursor: url(http://i.imgur.com/IepP2.jpg), auto;
  23. }
  24.  
  25. ::-webkit-scrollbar-thumb {
  26. height: auto;
  27. background-color: #090909;
  28. }
  29.  
  30. ::-webkit-scrollbar {
  31. height:9px;
  32. width:4px;
  33. background-color: #000000;
  34. }
  35.  
  36. body {
  37. background-color: #000000;
  38. }
  39.  
  40. a {
  41. text-decoration:none;
  42. outline:none;
  43. -moz-outline-style:none;
  44. color: #919191
  45. }
  46.  
  47. blockquote, blockquote blockquote {
  48. border-left: 1px solid #919191;
  49. padding-left:5px;
  50. margin-left: 5px;
  51. }
  52.  
  53. blockquote img, blockquote blockquote img, #post img, .photopost, .photosetpost, .video {
  54. opacity: 0.3;
  55. -webkit-filter: grayscale(100%);
  56. -webkit-transition: opacity 0.7s linear;
  57. -webkit-transition: all 0.7s ease-out;
  58. -moz-transition: all 0.7s ease-out;
  59. transition: all 0.7s ease-out;
  60. }
  61.  
  62. blockquote img:hover, blockquote blockquote img:hover, #post img:hover, .photopost:hover, .photosetpost:hover, .video {
  63. opacity: 0.8;
  64. -webkit-filter: grayscale(30%);
  65. -webkit-transition: opacity 0.7s linear;
  66. -webkit-transition: all 0.7s ease-out;
  67. -moz-transition: all 0.7s ease-out;
  68. transition: all 0.7s ease-out;
  69. }
  70.  
  71. blockquote img {
  72. max-width: 240px;
  73. height: auto;
  74. }
  75.  
  76. blockquote blockquote img {
  77. max-width: 180px;
  78. height: auto;
  79. }
  80.  
  81. h1, h2, h3 {
  82. color: #919191;
  83. font-family: "Bebas Neue";
  84. font-size: 30px;
  85. letter-spacing: 1px;
  86. }
  87.  
  88. pre, code {
  89. font-family: "Calibri";
  90. font-size: 10px;
  91. text-align: justify;
  92. text-transform: uppercase;
  93. padding: 20px;
  94. background-color: #000000;
  95. white-space:pre-wrap;
  96. word-wrap:break-word;
  97. }
  98.  
  99. small, sub, sup {
  100. font-size: 10px;
  101. }
  102.  
  103. #entries {
  104. width: 260px;
  105. height: 100%;
  106. float: right;
  107. margin-top: 20px;
  108. margin-right: 300px;
  109. }
  110.  
  111. #post {
  112. background-color: #090909;
  113. color: #919191;
  114. margin-bottom: 60px;
  115. padding: 20px;
  116. width: 250px;
  117. font-family: "Calibri";
  118. font-size: 12px;
  119. text-align: justify;
  120. }
  121.  
  122. .posttitle {
  123. font-family: "Bebas Neue";
  124. font-size: 30px;
  125. text-shadow: 1px 1px 2px #242424;
  126. padding-bottom: 5px;
  127. margin-bottom: 10px;
  128. -webkit-transition: opacity 0.7s linear;
  129. -webkit-transition: all 0.7s ease-out;
  130. -moz-transition: all 0.7s ease-out;
  131. transition: all 0.7s ease-out;
  132. }
  133.  
  134. .quote {
  135. font-family: "Bebas Neue";
  136. font-size: 20px;
  137. text-align: justify;
  138. }
  139.  
  140. .source {
  141. font-family: "Calibri";
  142. font-size: 10px;
  143. text-transform: uppercase;
  144. text-align: right;
  145. }
  146.  
  147. .player {
  148. width: 27px;
  149. height: 27px;
  150. left: 16px;
  151. top: 16px;
  152. opacity: 0.4;
  153. line-height: 0;
  154. overflow: hidden;
  155. }
  156.  
  157. .details {
  158. margin-top: -20px;
  159. margin-left: 28px;
  160. font-family: "Calibri";
  161. font-size: 10px;
  162. text-transform: uppercase;
  163. }
  164.  
  165. .caption a {
  166. font-size: 10px;
  167. text-transform: uppercase;
  168. }
  169.  
  170. .caption b, .caption strong, .chat b, .chat strong {
  171. font-family: "Bebas Neue";
  172. font-size: 15px;
  173. letter-spacing: 1px;
  174. }
  175.  
  176. .caption i, .caption em {
  177. font-family: "Gasara";
  178. font-size: 8px;
  179. font-weight: none;
  180. }
  181.  
  182. .asker {
  183. font-family: "Bebas Neue";
  184. font-size: 30px;
  185. letter-spacing: 1px;
  186. }
  187.  
  188. .question {
  189. font-size: 10px;
  190. text-transform: uppercase;
  191. padding: 10px;
  192. background-color: black;
  193. text-align: justify;
  194. }
  195.  
  196. .perma {
  197. height: 5px;
  198. background-color: #090909;
  199. -webkit-transition: opacity 0.7s linear;
  200. -webkit-transition: all 0.7s ease-out;
  201. -moz-transition: all 0.7s ease-out;
  202. transition: all 0.7s ease-out;
  203. }
  204.  
  205. .unhover {
  206. margin-top: -10px;
  207. margin-left: -20px;
  208. width: 250px;
  209. padding: 20px;
  210. background-color: #090909;
  211. overflow: hidden;
  212. text-transform: uppercase;
  213. text-align: center;
  214. font-size: 10px;
  215. height: 10px;
  216. -webkit-transition: opacity 0.7s linear;
  217. -webkit-transition: all 0.7s ease-out;
  218. -moz-transition: all 0.7s ease-out;
  219. transition: all 0.7s ease-out;
  220. }
  221.  
  222. .perma:hover .unhover {
  223. height: 40px;
  224. overflow: hideen;
  225. -webkit-transition: opacity 0.7s linear;
  226. -webkit-transition: all 0.7s ease-out;
  227. -moz-transition: all 0.7s ease-out;
  228. transition: all 0.7s ease-out;
  229. }
  230.  
  231. .pinfo {
  232. margin-top: 20px;
  233. padding-top: 10px;
  234. border-top: 1px solid black;
  235. font-family: "Bebas";
  236. font-size: 12px;
  237. text-align: center;
  238. }
  239.  
  240. .pinfo {
  241. margin-top: 20px;
  242. padding-top: 10px;
  243. border-top: 1px solid black;
  244. font-family: "Bebas";
  245. font-size: 13px;
  246. letter-spacing: 1px;
  247. text-align: center;
  248. }
  249.  
  250. .notes img {
  251. display: none;
  252. }
  253.  
  254. .notes {
  255. font-family: "Calibri";
  256. font-size: 10px;
  257. text-align: justify;
  258. text-transform: uppercase;
  259. }
  260.  
  261. #credit {
  262. position: fixed;
  263. bottom: 5px;
  264. left: 5px;
  265. font-family: "Calibri";
  266. font-size: 12px;
  267. text-transform: uppercase;
  268. }
  269.  
  270. #wrapper {
  271. float: left;
  272. bottom: 30px;
  273. left: 40px;
  274. position: fixed;
  275. height: 500px;
  276. width: 700px;
  277. }
  278.  
  279. .render {
  280. height: 500px;
  281. width: auto;
  282. }
  283.  
  284. .bar {
  285. height: 10px;
  286. width: 600px;
  287. background-color: #090909;
  288. }
  289.  
  290. .title1 {
  291. margin-left: 150px;
  292. margin-top: -45px;
  293. font-family: "Bebas Neue";
  294. font-size: 33px;
  295. color: #090909;
  296. letter-spacing: 1px;
  297. }
  298.  
  299. .likes {
  300. padding: 5px;
  301. height: 75px;
  302. width: 90px;
  303. background-color: #090909;
  304. color: #919191;
  305. margin-top: -125px;
  306. margin-left: 160px;
  307. font-family: "Bebas Neue";
  308. font-size: 15px;
  309. text-align: justify;
  310. }
  311.  
  312. .dislikes {
  313. padding: 5px;
  314. height: 75px;
  315. width: 90px;
  316. background-color: #090909;
  317. color: #919191;
  318. margin-top: -85px;
  319. margin-left: 265px;
  320. font-family: "Bebas Neue";
  321. font-size: 15px;
  322. text-align: justify;
  323. }
  324.  
  325. .desc1 {
  326. position: absolute;
  327. height: 65px;
  328. width: 210px;
  329. padding: 10px;
  330. background-color: #090909;
  331. color: #919191;
  332. margin-top: -85px;
  333. margin-left: 370px;
  334. font-family: "Calibri";
  335. font-size: 11px;
  336. text-transform: uppercase;
  337. text-align: justify;
  338. }
  339.  
  340. .rend1 {
  341. position: absolute;
  342. z-index: 999;
  343. margin-top: -280px;
  344. margin-left: 440px;
  345. }
  346.  
  347. .desc2 {
  348. margin-left: 200px;
  349. margin-top: -210px;
  350. height: 100px;
  351. width: 240px;
  352. background-color: #090909;
  353. color: #919191;
  354. font-family: "Calibri";
  355. font-size: 11px;
  356. text-transform: uppercase;
  357. text-align: justify;
  358. padding: 10px;
  359. }
  360.  
  361. .stats {
  362. margin-left: 200px;
  363. margin-top: -145px;
  364. font-family: "Bebas Neue";
  365. font-size: 22px;
  366. }
  367.  
  368. /* SIGNERICA */
  369. @font-face{ font-family:"signerica"; src: url('https://dl.dropboxusercontent.com/s/kfe6jebile02ki3/signerica_thin.ttf');}
  370.  
  371. .desc1:first-letter {
  372. font-family: "signerica";
  373. font-size: 30px;
  374. line-height: 11px;
  375. }
  376.  
  377. /* MUSIC PLAYER */
  378.  
  379. .mpp3 {
  380. letter-spacing: 1px;
  381. line-height: 25px;
  382. height: 23px;
  383. width: 240px;
  384. padding: 5px;
  385. background-color: #090909;
  386. margin-top: -63px;
  387. margin-left: 210px;
  388. font-family: "Bebas Neue";
  389. font-size: 20px;
  390. color: #919191;
  391. }
  392.  
  393. .musicplayer {
  394. background-color: #090909;
  395. }
  396.  
  397. .shut {
  398. border: 1px solid #191919; /** change the border colour here **/
  399. background-color: #090909;
  400. padding-top: 1px;
  401. padding-right: 1px;
  402. position: fixed;
  403. width: 20px;
  404. height: 20px;
  405. overflow: hidden;
  406. z-index: 9999;
  407. }
  408.  
  409. .title2 {
  410. margin-left: 210px;
  411. margin-top: -66px;
  412. font-family: "Bebas Neue";
  413. font-size: 30px;
  414. color: #090909;
  415. letter-spacing: 1px;
  416. }
  417.  
  418. .empty1, .empty2, .empty3 {
  419. height: 20px;
  420. width: 120px;
  421. padding: 5px;
  422. background-color: #090909;
  423. position: absolute;
  424. z-index: -99;
  425. }
  426.  
  427. .location, .aim, .collective {
  428. text-align: center;
  429. height: 20px;
  430. width: 120px;
  431. padding: 5px;
  432. background-color: #090909;
  433. font-family: "Bebas Neue";
  434. color: #919191;
  435. line-height: 100%;
  436. font-size: 25px;
  437. }
  438.  
  439. .empty1 {
  440. margin-left: 200px;
  441. margin-top: -65px;
  442. }
  443.  
  444. .empty2 {
  445. margin-left: 335px;
  446. margin-top: -65px;
  447. }
  448.  
  449. .empty3 {
  450. margin-left: 470px;
  451. margin-top: -30px;
  452. }
  453.  
  454.  
  455. .location img {
  456. height: 20px !important;
  457. width: auto;
  458. }
  459.  
  460. .location {
  461. margin-left: 200px;
  462. margin-top: -100px;
  463. }
  464.  
  465. .aim {
  466. margin-left: 335px;
  467. margin-top: 5px;
  468. }
  469.  
  470. .collective {
  471. margin-left: 470px;
  472. margin-top: -65px;
  473. }
  474.  
  475. .links {
  476. position: absolute;
  477. margin-left: 200px;
  478. margin-top: -65px;
  479. }
  480.  
  481. .linkk {
  482. line-height: 25px;
  483. display: inline-block;
  484. width: 67px;
  485. height: 20px;
  486. padding: 5px;
  487. margin-right: 0px;
  488. font-family:"Bebas Neue";
  489. text-align: center;
  490. background-color: #090909;
  491. }
  492.  
  493. .title3 {
  494. margin-left: 200px;
  495. margin-top: -100px;
  496. font-family: "Bebas Neue";
  497. font-size: 33px;
  498. color: #090909;
  499. letter-spacing: 1px;
  500. }
  501.  
  502. #s-m-t-tooltip{
  503. max-width: 200px;
  504. margin-top: 15px;
  505. margin-left: 15px;
  506. padding: 5px;
  507. border-left: 1px solid #000000;
  508. z-index:9999999999999999999999;
  509. background-color:#090909;
  510. color: #919191;
  511. font-family: "Calibri";
  512. text-align: justify;
  513. font-size: 10px;
  514. line-height: 13px;
  515. letter-spacing: 1px;
  516. text-transform: uppercase;
  517. box-shadow: 0px 0px 10px #000000;
  518. }
  519. </style>
  520.  
  521. <!-- S-M-T-TOOLTIP JAVA -->
  522.  
  523. <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js'></script>
  524. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  525. <script>
  526. (function($){
  527. $(document).ready(function(){
  528. $("[title]").style_my_tooltips();
  529. });
  530. })(jQuery);
  531. </script>
  532.  
  533.  
  534. </head>
  535. <body>
  536.  
  537. <div id="wrapper">
  538. <div class="render"><img src="http://i.imgur.com/LqMLFeI.png" /></div>
  539. <div class="bar"></div>
  540. <div class="title1">Tout le monde a une sale vie qui passe</div>
  541.  
  542. <!-- LINE 1 -->
  543. <div class="likes">
  544. <a href="/tagged/likes"><img src="http://i.imgur.com/1SbpMwx.png" /></a> autumn, girls, coffee, sweaters, books
  545. </div>
  546. <div class="dislikes">
  547. <a href="/tagged/dislikes"><img src="http://i.imgur.com/SeF1vU8.png" /></a> cold, snow, romcoms
  548. </div>
  549. <div class="desc1">
  550. Gonna wear that dress you like, skin-tight, Do my hair up real, real nice, And syncopate my skin to your heart beating
  551. </div>
  552.  
  553. <!-- LINE 2-->
  554. <div class="rend1">
  555. <img src="http://i.imgur.com/1eIMCVC.png" />
  556. </div>
  557. <div class="desc2">
  558. is there something i should tell you? bla bla bla this is the second description and its like this
  559. </div>
  560. <div class="stats">
  561. <a title="This is a literate RP account">LITERATE</a>
  562. <a title="18+ and triggering posts">NSFW</a>
  563. <a title="not EXO's Kai not affiliated">DISCLAIMER</a>
  564. <a title="oc, pls dont approach as kai">VERSE</a>
  565. <a title="2014">EST</a>
  566. </div>
  567. <div class="mpp3">
  568. <div class="shut">
  569. <div style="margin-left:-2.5px; margin-top:0px;">
  570. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="20">
  571. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
  572. <param name="bgcolor" value="#090909" />
  573. <param name="FlashVars" value="mp3=http://k003.kiwi6.com/hotlink/pwku72kea4/The_Weeknd_-_High_for_This.mp3&amp;autoplay=1&amp;bgcolor=fff&amp;loadingcolor=4c4c4c&amp;buttoncolor=4c4c4c" />
  574. </object>
  575. </div>
  576. </div>
  577. &nbsp; &nbsp; &nbsp; &nbsp; HIGH FOR THIS, the weeknd
  578. </div>
  579.  
  580. <!-- LINE 4 -->
  581. <div class="title2">
  582. Et tout le monde a une âme emmêlée
  583. </div>
  584.  
  585. <!-- LINE 5 -->
  586. <div class="empty1"></div>
  587. <div class="location">
  588. <img src="http://i.imgur.com/lvYXn21.png" /> SEOUL, SK
  589. </div>
  590.  
  591. <div class="aim">
  592. @AIMHERE
  593. </div>
  594. <div class="empty2"></div>
  595.  
  596. <div class="empty3"></div>
  597. <div class="collective">
  598. <a href="#">COLLECTIVE</a>
  599. </div>
  600.  
  601. <!-- LINE 6 -->
  602. <div class="links">
  603. <div class="linkk"><a href="/">HOME</a></div>
  604. <div class="linkk"><a href="/">INBOX</a></div>
  605. <div class="linkk"><a href="/">ARCHIVE</a></div>
  606. <div class="linkk"><a href="/">PROFILE</a></div>
  607. <div class="linkk"><a href="/">LINKS</a></div>
  608. </div>
  609.  
  610. <!-- LINE 7 -->
  611. <div class="title3">Et tout le monde a l'âme emmêlée</div>
  612. </div>
  613.  
  614. <div id="entries">
  615. {block:Posts}
  616.  
  617. {block:ContentSource}
  618. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  619. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  620. {/block:SourceLogo}
  621. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  622.  
  623. <!-- {ReblogParentURL}{block:ReblogParentLogo}<img src="{BlackLogoURL}"
  624. width="{LogoWidth}" height="{LogoHeight}" alt="{ReblogParentTitle}" />
  625. {/block:ReblogParentLogo}
  626. {block:NoReblogParentLogo}{ReblogParentLink}{/block:NoReblogParentLogo} -->
  627. {/block:ContentSource}
  628.  
  629. <div id="post">
  630.  
  631. <!-- TEXT POSTS -->
  632. {block:Text}
  633. <div class="posttitle">{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}</div>
  634. <div class="caption">{Body}</div>
  635. {/block:Text}
  636.  
  637. <!-- PHOTO POSTS -->
  638. {block:Photo}
  639. <div class="photopost"><center>{LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}</center></div>
  640. <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
  641.  
  642. {/block:Photo}
  643.  
  644. <!-- PHOTOSET POSTS -->
  645. {block:Photoset}
  646. <div class="photosetpost">{Photoset-250}</div>
  647. <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
  648. {/block:Photoset}
  649.  
  650. <!-- QUOTE POSTS -->
  651. {block:Quote}
  652. <div class="quote">{Quote}</div>
  653. <div class="source">{block:Source} —{Source}{/block:Source}</div>
  654. {/block:Quote}
  655.  
  656. <!-- LINK POSTS -->
  657. {block:Link}
  658. <div class="posttitle"><a href="{URL}" {Target}>{Name}</a></div>
  659. {block:Description}{Description}{/block:Description}
  660. {/block:Link}
  661.  
  662. <!-- CHAT POSTS -->
  663. {block:Chat}
  664. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  665. <div class="chat">
  666. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</div>
  667. {/block:Chat}
  668.  
  669.  
  670. <!-- ASK POST -->
  671. {block:Answer}
  672. <div class="asker">{Asker} SAID:</div>
  673. <div class="question">{Question}</div>
  674. {Answer}
  675. {/block:Answer}
  676.  
  677. <!-- AUDIO POST -->
  678. {block:Audio}
  679. <div class="player">{AudioPlayerGrey}</div>
  680. <div class="details">
  681. {block:TrackName}{TrackName}{/block:TrackName} by {block:Artist}{Artist}{/block:Artist}</div>
  682. <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
  683. {/block:Audio}
  684.  
  685. <!-- VIDEO POST -->
  686. {block:Video}
  687. <div class="video">{Video-250}</div>
  688. <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
  689. {/block:Video}
  690.  
  691. {block:IndexPage}
  692. <div class="perma">
  693. <div class="unhover">
  694. Posted {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  695.  
  696. <br /><br /><br />
  697. {NoteCountWithLabel}<br />
  698. {block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  699. </div>
  700. </div>
  701. {/block:IndexPage}
  702.  
  703. {block:PermalinkPage}
  704. <div class="pinfo">
  705. Posted on {DayOfMonth} {Month} {Year} with {NoteCountWithLabel}.<br />
  706. Tagged as: {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}.
  707. </div>
  708.  
  709. <div class="notes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  710. {/block:PermalinkPage}
  711.  
  712. </div>
  713. {/block:Posts}
  714. </div>
  715.  
  716. <div id="credit"><a href="http://chrvstn.tumblr.com/" title="Theme by chrvstn. Please don't steal any of the codes!">♕</a>
  717. </div>
  718. </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!