API tools faq
paste
Advertisement
xariaaaa

[THEME] ᴍʀ. ᴄʜᴜ, ᴏɴ ᴍʏ ʟɪᴘs ᴄʜᴜ ~

xariaaaa
Feb 20th, 2017
114
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. <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. /* SIGNARITA */
  18. @font-face{ font-family:"signarita"; src: url('https://dl.dropboxusercontent.com/s/gc29howy3wio7t8/signarita%20zhai%20rhianne.ttf?dl=1');}
  19.  
  20. *, body, a {
  21. cursor: url(http://31.media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;
  22. }
  23.  
  24. a:hover {
  25. cursor: url(http://i.imgur.com/IepP2.jpg), auto;
  26. }
  27.  
  28. ::-webkit-scrollbar-thumb {
  29. height: auto;
  30. background-color: #2d2e92;
  31. }
  32.  
  33. ::-webkit-scrollbar {
  34. height:9px;
  35. width:4px;
  36. background-color: #ffffff;
  37. }
  38.  
  39. body {
  40. background-color: #ffffff;
  41. }
  42.  
  43. a {
  44. color: #2d2e92;
  45. text-decoration: none;
  46. -moz-outline-style: none;
  47. -webkit-transition: opacity 0.7s linear;
  48. -webkit-transition: all 0.7s ease-out;
  49. -moz-transition: all 0.7s ease-out;
  50. transition: all 0.7s ease-out;
  51. }
  52.  
  53. a:hover {
  54. color: #000164;
  55. -moz-outline-style: none;
  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.  
  63. blockquote, blockquote blockqute {
  64. border-left: 1px solid #2d2e92;
  65. padding-left: 5px;
  66. margin-left: 5px;
  67. }
  68.  
  69. blockquote img, blockqute blockquote img, .answer img, #post img, .photosetpost, .video {
  70. opacity: 0.3;
  71. -webkit-filter: grayscale(100%);
  72. -webkit-transition: opacity 0.7s linear;
  73. -webkit-transition: all 0.7s ease-out;
  74. -moz-transition: all 0.7s ease-out;
  75. transition: all 0.7s ease-out;
  76. }
  77.  
  78. blockquote img:hover, blockqute blockquote img:hover, .answer img:hover, #post img:hover, .photosetpost:hover, .video:hover {
  79. opacity: 0.8;
  80. -webkit-filter: grayscale(30%);
  81. -webkit-transition: opacity 0.7s linear;
  82. -webkit-transition: all 0.7s ease-out;
  83. -moz-transition: all 0.7s ease-out;
  84. transition: all 0.7s ease-out;
  85. }
  86.  
  87. blockquote img, #post img, .answer img {
  88. max-width: 240px;
  89. height: auto;
  90. }
  91.  
  92. blockquote blockquote img {
  93. max-width: 180px;
  94. height: auto;
  95. }
  96.  
  97. img {
  98. border:none;
  99. }
  100.  
  101. h1, h2, h3 {
  102. font-family: "Aspex";
  103. font-size: 12px;
  104. color: #a3a6c2;
  105. font-weight: 500;
  106. text-transform: uppercase;
  107. letter-spacing: -1px;
  108. line-height: 20px !important;
  109. text-align: justify;
  110. }
  111.  
  112. pre, code {
  113. color: #000000;
  114. font-family: "Calibri";
  115. text-transform: uppercase;
  116. font-size: 9px;
  117. line-height: 12px;
  118. letter-spacing: 1px;
  119. text-align: justify;
  120. background-color: #ffffff;
  121. padding: 10px;
  122. white-space:pre-wrap;
  123. word-wrap:break-word;
  124. }
  125.  
  126. #entries {
  127. width: 260px;
  128. height: 100%;
  129. float: right;
  130. margin-top: 20px;
  131. margin-right: 300px;
  132. }
  133.  
  134. #post {
  135. background-color: #eaeaea;
  136. width: 250px;
  137. text-align: justify;
  138. padding: 20px;
  139. margin-bottom: 50px;
  140. font-family: "Calibri";
  141. font-size: 12px;
  142. color: #000000;
  143. }
  144.  
  145. #post b {
  146. font-family: "Calibri";
  147. font-size: 15px;
  148. text-transform: uppercase;
  149. font-weight: 100;
  150. }
  151.  
  152. #post i {
  153. font-family: "Calibri";
  154. font-size: 10px;
  155. text-transform: uppercase;
  156. }
  157.  
  158. .posttitle {
  159. font-family: "Aspex";
  160. font-size: 20px;
  161. letter-spacing: 1px;
  162. color: #2d2e92;
  163. }
  164.  
  165. #asker {
  166. font-family: "Aspex" !important;
  167. font-size: 20px;
  168. text-transform: uppercase;
  169. text-align: center;
  170. margin-bottom: 0px;
  171. }
  172.  
  173. .question {
  174. background-color: #ffffff;
  175. padding: 10px;
  176. font-family: "Calibri";
  177. font-size: 10px;
  178. text-transform: uppercase;
  179. border-top: 1px dotted #2d2e92;
  180. }
  181.  
  182. .chat b {
  183. text-transform: uppercase;
  184. }
  185.  
  186. .player {
  187. width: 27px;
  188. height: 27px;
  189. left: 16px;
  190. top: 16px;
  191. opacity: 0.4;
  192. line-height: 0;
  193. overflow: hidden;
  194. }
  195.  
  196. .details {
  197. margin-top: -20px;
  198. margin-left: 23px;
  199. font-family: "Calibri";
  200. font-size: 10px;
  201. text-transform: uppercase;
  202. }
  203.  
  204. .quote {
  205. font-family: "Aspex";
  206. font-size: 15px;
  207. text-align: justify;
  208. line-height: 23px;
  209. }
  210.  
  211. .source {
  212. font-family: "Gasara";
  213. font-size: 8px;
  214. text-align: right;
  215. }
  216.  
  217. /* POST PERMA */
  218.  
  219. .perma {
  220. margin-top: 15px;
  221. padding-top: 15px;
  222. line-height: 10px;
  223. border-top: 1px solid #ffffff;
  224. font-size: 9px;
  225. position: relative;
  226. text-transform :uppercase;
  227. }
  228.  
  229. .perma a {
  230. display:inline-block;
  231. }
  232.  
  233. .perma .pperma {
  234. float:right;
  235. display:inline-block;
  236. text-align:right;
  237. }
  238.  
  239. /* SIDEBAR */
  240.  
  241. #credit {
  242. position: fixed;
  243. bottom: 10px;
  244. left: 5px;
  245. font-size: 10px;
  246. text-transform: uppercase;
  247. text-align: center;
  248. font-family: "Calibri";
  249. text-transform: uppercase;
  250. font-size: 9px;
  251. line-height: 100%;
  252. }
  253.  
  254. #s-m-t-tooltip{
  255. max-width: 200px;
  256. padding: 5px;
  257. margin: 10px;
  258. background-color: #e4e4e4;
  259. border-left: 3px solid #2d2e92;
  260. color: #000000;
  261. font-family: "Calibri";
  262. letter-spacing: 2px;
  263. text-transform: uppercase;
  264. font-size: 9px;
  265. line-height: 100%;
  266. z-index:9999999999999999999999999999999999999999999999;
  267. }
  268.  
  269. .pinfo {
  270. margin-top: 20px;
  271. padding-top: 10px;
  272. border-top: 1px solid white;
  273. font-family: "Aspex";
  274. font-size: 10px;
  275. text-align: center;
  276. }
  277.  
  278. .notes img {
  279. display: none;
  280. }
  281.  
  282. .notes {
  283. font-family: "Calibri";
  284. font-size: 10px;
  285. text-align: justify;
  286. text-transform: uppercase;
  287. }
  288.  
  289. #backk {
  290. position: fixed;
  291. background-color: #eaeaea;
  292. margin-left: -70%;
  293. margin-top: 10%;
  294. height: 100%;
  295. width: 100%;
  296. transform: rotate(40deg);
  297. }
  298.  
  299. #mcwrap {
  300. height: 400px;
  301. width: 500px;
  302. position: fixed;
  303. bottom: 10px;
  304. left: 200px;
  305. }
  306.  
  307. .render1 {
  308. position: absolute;
  309. }
  310.  
  311. .decc {
  312. margin-left: 100px;
  313. margin-top: 270px;
  314. height: 130px;
  315. width: 180px;
  316. font-family: "Calibri";
  317. font-size: 10px;
  318. color: #000000;
  319. text-transform: uppercase;
  320. text-align: justify;
  321. }
  322.  
  323. .dec {
  324. margin-top: -130px;
  325. margin-left: 350px;
  326. height: 130px;
  327. width: 100px;
  328. font-family: "Calibri";
  329. font-size: 10px;
  330. color: #000000;
  331. text-transform: uppercase;
  332. text-align: justify;
  333. }
  334.  
  335. .render2 {
  336. margin-left: 265px;
  337. margin-top: -300px;
  338. }
  339. .render2 img {
  340. transform: perspective(400px) rotate3d(0,1,0,-180deg)
  341. }
  342.  
  343. .bb {
  344. position: absolute;
  345. z-index: 1;
  346. height: 25px;
  347. width: 85px;
  348. margin-left: 15px;
  349. margin-top: -390px;
  350. }
  351.  
  352. .links {
  353. margin-top: -145px;
  354. font-family: "Aspex";
  355. text-transform: uppercase;
  356. font-size: 10px;
  357. margin-left: 100px;
  358. }
  359.  
  360. .hover {
  361. margin-top: -10px;
  362. font-family: "Aspex";
  363. font-size: 10px;
  364. text-transform: uppercase;
  365. margin-left: 350px;
  366. }
  367.  
  368. .abt {
  369. margin-left: 115px;
  370. margin-top: -240px;
  371. height: 220px;
  372. width: 130px;
  373. }
  374.  
  375. .like, .dis, .plus, .minus {
  376. height: 50px;
  377. width: 150px;
  378. margin-bottom: 5px;
  379. font-family: "Calibri";
  380. font-size: 10px;
  381. color: #000000;
  382. text-transform: uppercase;
  383. text-align: justify;
  384. line-height: 16px;
  385. }
  386.  
  387. .plus b, .minus b {
  388. font-family: "Bebas Neue";
  389. font-size: 20px;
  390. }
  391.  
  392. .zenith {
  393. width: 100px;
  394. height: 50px;
  395. margin-left: 350px;
  396. margin-top: -50px;
  397. }
  398.  
  399. .dc {
  400. height: 90px;
  401. width: 105px;
  402. font-family: "Calibri";
  403. font-size: 10px;
  404. color: #000000;
  405. text-transform: uppercase;
  406. text-align: justify;
  407. margin-left: 347px;
  408. margin-top: -145px;
  409. }
  410.  
  411. .friends {
  412. height: 60px;
  413. width: 180px;
  414. margin-top: -160px;
  415. margin-left: 275px;
  416. }
  417.  
  418. .title {
  419. color: #2d2e92;
  420. font-family: "Aspex";
  421. font-size: 15px;
  422. text-transform: uppercase;
  423. margin-top: -85px;
  424. margin-left: 115px;
  425. }
  426.  
  427. .pagi {
  428. margin-top: 30px;
  429. font-size: 20px;
  430. color: #2d2e92;
  431. font-family: "Bebas Neue";
  432. width: 270px;
  433. text-align: center;
  434. }
  435.  
  436. </style>
  437.  
  438. <script src="http://static.tumblr.com/whx9ghv/lq0m3ktlh/modernizr.custom.34978.js"></script>
  439. <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js'></script>
  440. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  441. <script>
  442. (function($){
  443. $(document).ready(function(){
  444. $("[title]").style_my_tooltips();
  445. });
  446. })(jQuery);
  447. </script>
  448.  
  449. </head>
  450.  
  451.  
  452. <body><div id="backk"></div>
  453.  
  454. <div id="mcwrap">
  455. <div class="render1"><img src="http://i.imgur.com/FlkMLzd.png" /></div>
  456. <div class="decc">
  457. The representative of the <b>98 LINERS</b>, coming all the way from <b>NEW YORK CITY, USA</b>, meet the rookie idol <b>BROOKLYNN AHN</b>. Standing tall at <b>174 CENTIMETERS</b>, she is the <b>MAIN VOCALIST AND DANCER</b> or <b>TQ ENTERTAINMENT'S</b> biggest girl group, <b>ZENITH</b>. Described as a <b>HAPINESS PILL</b>, she will always infect those around with her grin.
  458. </div>
  459. <div class="render2">
  460. <img src="http://i.imgur.com/bLTpsRe.png" />
  461. </div>
  462. <div class="dec">
  463. She is not your <strike>typical</strike> young girl, she is a rather <b>KIND</b> and <b>INNOCENT</b>, her <b>SWEETNESS</b> will make you love her instantly and wish for more of her <b>GENTLE</b> self, forever.
  464. </div>
  465. <div class="bb">
  466. <a title="You're cute, but can you dab like Bambam?"><img src="http://i.imgur.com/M70V0ZU.png" /></a>
  467. </div>
  468. <div class="links">
  469. <a href="/">home</a> <a href="/inbox">text</a> <a href="/">links</a> <a href="/1">profile</a>
  470. </div>
  471. <div class="hover">
  472. <a title="This is a literate roleplay account. I will try to mirror your style, however I preffer para to script. I usually dislike writing long starters (due to creating a context that doesn't fit the other muse) but making it longer as replies go on is alright!">lit</a> <a title="My muse is 18 and /VERY/ innocent thus 18+ and not safe content have nothing to do with her. Please don't come here looking for that.">sfw</a> <a title="This is an idol!verse account, meaning she is not Doyeon, nor a trainee under Fantagio. Please treat her as TQ Ent's Brooklynn, a member of ZENITH.">oc</a> <a title="I take the time to go through everyone that's follows me and pick those that I wanna follow back. I also reserve the right to reply only to mutuals.">sel</a>
  473. </div>
  474. <div class="abt">
  475. <div class="like">
  476. <img src="http://i.imgur.com/KQuWiWx.png" /> Jelly worms, candy, animals, music, got7, food, sleeping, bears, bubblegum icecream.
  477. </div>
  478. <div class="dis">
  479. <img src="http://i.imgur.com/3saBK6x.png" /> Bullying, walking, loud music, being lazy, dancing, blue jelly worms, high heels, nights.
  480. </div>
  481. <div class="plus">
  482. <b>+</b> Affectionate, daring, sweet, childish, emphatic, attentative, charismatic, cute, kind.
  483. </div>
  484. <div class="minus">
  485. <b>-</b> childish, naive, gullible, loud, hyperactive, distracted, easily manipulated, impatient
  486. </div>
  487. </div>
  488. <div class="zenith">
  489. <a href=""><img src="http://i.imgur.com/qPsRhQb.png" /></a>
  490. </div>
  491. <div class="dc">
  492. My dearest baby smols, I love all of you. Thank you for being with me, singing and dancing together with my 10 sisters. <a title="You are the ones I will always treasure the most!">#FOREVERSOT11</a>
  493. </div>
  494. <div class="friends">
  495. <a href=""><img src="http://i.imgur.com/GlCtXLr.png" /></a>
  496. </div>
  497. <div class="title">
  498. Mr. CHU♡, on my lips now, CHU♡
  499. </div>
  500.  
  501. </div>
  502.  
  503. <div id="entries">
  504. {block:Posts}
  505. {block:ContentSource}
  506. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  507. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  508. {/block:SourceLogo}
  509. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  510.  
  511. <!-- {ReblogParentURL}{block:ReblogParentLogo}<img src="{BlackLogoURL}"
  512. width="{LogoWidth}" height="{LogoHeight}" alt="{ReblogParentTitle}" />
  513. {/block:ReblogParentLogo}
  514. {block:NoReblogParentLogo}{ReblogParentLink}{/block:NoReblogParentLogo} -->
  515. {/block:ContentSource}
  516. <div id="post">
  517.  
  518. <!-- TEXT POSTS -->
  519. {block:Text}
  520. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  521. {Body}
  522. {/block:Text}
  523.  
  524. <!-- PHOTO POSTS -->
  525. {block:Photo}
  526. <center><img src="{PhotoURL-250}" /></center>
  527. {block:Caption}{Caption}{/block:Caption}
  528. {/block:Photo}
  529.  
  530. <!-- PHOTOSET POSTS -->
  531. {block:Photoset}
  532. <div class="photosetpost">{Photoset-250}</div>
  533. {block:Caption}{Caption}{/block:Caption}
  534. {/block:Photoset}
  535.  
  536. <!-- QUOTE POSTS -->
  537. {block:Quote}
  538. <div class="quote">{Quote}</div>
  539. <div class="source">{block:Source} —{Source}{/block:Source}</div>
  540. {/block:Quote}
  541.  
  542. <!-- LINK POSTS -->
  543. {block:Link}
  544. <div class="posttitle"><a href="{URL}" {Target}>{Name}</a></div>
  545. {block:Description}{Description}{/block:Description}
  546. {/block:Link}
  547.  
  548. <!-- CHAT POSTS -->
  549. {block:Chat}
  550. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  551. <div class="chat">
  552. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</div>
  553. {/block:Chat}
  554.  
  555.  
  556. <!-- ASK POST -->
  557. {block:Answer}
  558. <div id="asker">{Asker}</div>
  559. <div class="question">{Question}</div>
  560. {Answer}
  561. {/block:Answer}
  562.  
  563. <!-- AUDIO POST -->
  564. {block:Audio}
  565. <div class="player">{AudioPlayerGrey}</div>
  566. <div class="details">
  567. {block:TrackName}{TrackName}{/block:TrackName} by {block:Artist}{Artist}{/block:Artist}</div>
  568. {block:Caption}{Caption}{/block:Caption}
  569. {/block:Audio}
  570.  
  571. <!-- VIDEO POST -->
  572. {block:Video}
  573. <div class="video">{Video-250}</div>
  574. {block:Caption}{Caption}{/block:Caption}
  575. {/block:Video}
  576.  
  577. {block:IndexPage}
  578. <div class="perma">
  579. <span class="pperma">
  580. <a href="{Permalink}" target="_blank" class="r">{NoteCountWithLabel}</a><br>
  581. <a href="{ReblogURL}" target="_blank" class="r">REBLOG?</a>
  582. </span>
  583. <a href="{Permalink}" target="_blank">{DayOfMonth} {Month}</a><br>
  584. <a href="{Permalink}" target="_blank" title="{block:HasTags}{block:Tags}#{Tag}{/block:Tags}{/block:HasTags}">TAGGED</a>
  585. </div>
  586. {/block:IndexPage}
  587.  
  588. {block:PermalinkPage}
  589. <div class="pinfo">
  590. Posted on {DayOfMonth} {Month} {Year} with {NoteCountWithLabel}.<br />
  591. Tagged as: {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}.
  592. </div>
  593.  
  594. <div class="notes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  595. {/block:PermalinkPage}
  596. </div>
  597. {/block:Posts}
  598.  
  599. {block:IndexPage}
  600. <div class="pagi">
  601. {block:PreviousPage}<a href="{PreviousPage}">PREV</a>{/block:PreviousPage} × {block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage}
  602. </div>
  603. {/block:IndexPage}
  604. </div>
  605.  
  606. <div id="credit">
  607. <a title="THEME BY 98BROOK.">♕</a><br />
  608. <a href="http://evt11ka.tumblr.com/">EVT11KA</a><br />
  609. <a href="http://fyzenith.tumblr.com/">FY!ZENITH</a><br />
  610. <a href="http://fybrooklynnahn.tumblr.com/">FY!BROOKLYNN</a><br />
  611. <a href="http://tq-entertainment.tumblr.com/">TQ ENTERTAINMENT</a>
  612. </div>
  613.  
  614.  
  615. </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!