API tools faq
paste
Advertisement
xariaaaa

[THEME] Queen Bee (90PLVM)

xariaaaa
Apr 18th, 2017
90
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.52 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="#a72e16" />
  14. <meta name="color:Text" content="#898989" />
  15.  
  16. <style type="text/css">
  17. /* GASARA */
  18. @font-face { font-family: "gasara"; src: url('https://dl.dropbox.com/s/9mird7ef2oyhzbc/gasara.ttf'); }
  19.  
  20. /* BEBAS NEUE */
  21. @font-face { font-family: "bebas neue"; src: url('https://dl.dropboxusercontent.com/u/67800931/bebasneue.otf'); }
  22.  
  23. /* SIGNARITA */
  24. @font-face{ font-family:"signarita"; src: url('https://dl.dropboxusercontent.com/s/gc29howy3wio7t8/signarita%20zhai%20rhianne.ttf?dl=1');}
  25.  
  26. *, body, a {
  27. cursor: url(http://31.media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;
  28. }
  29.  
  30. a:hover {
  31. cursor: url(http://i.imgur.com/IepP2.jpg), auto;
  32. }
  33.  
  34. ::-webkit-scrollbar-thumb {
  35. height: auto;
  36. background-color: {color:PostBackground};
  37. }
  38.  
  39. ::-webkit-scrollbar {
  40. height:9px;
  41. width:4px;
  42. background-color: {color:Background};
  43. }
  44.  
  45. body {
  46. background-color: {color:Background};
  47. }
  48.  
  49. a {
  50. text-decoration: none;
  51. outline: none;
  52. -moz-outline-style: none;
  53. color: {color:Accent};
  54. }
  55.  
  56. blockquote, blockquote blockquote {
  57. border-left: 1px solid {color:Accent};
  58. padding-left:5px;
  59. margin-left: 5px;
  60. }
  61.  
  62. blockquote img, blockquote blockquote img, #post img, .photopost, .photosetpost, .video {
  63. opacity: 0.3;
  64. -webkit-filter: grayscale(100%);
  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:hover, blockquote blockquote img:hover, #post img:hover, .photopost:hover, .photosetpost:hover, .video {
  72. opacity: 0.8;
  73. -webkit-filter: grayscale(30%);
  74. -webkit-transition: opacity 0.7s linear;
  75. -webkit-transition: all 0.7s ease-out;
  76. -moz-transition: all 0.7s ease-out;
  77. transition: all 0.7s ease-out;
  78. }
  79.  
  80. blockquote img {
  81. max-width: 240px;
  82. height: auto;
  83. }
  84.  
  85. blockquote blockquote img {
  86. max-width: 180px;
  87. height: auto;
  88. }
  89.  
  90. h1, h2, h3 {
  91. color: {color:Accent};
  92. font-family: "signarita";
  93. font-size: 15px;
  94. letter-spacing: 1px;
  95. text-transform: lowercase;
  96. }
  97.  
  98. h1:first-letter, h2:first-letter, h3:first-letter {
  99. text-transform: uppercase;
  100. }
  101.  
  102. pre, code {
  103. font-family: "Calibri";
  104. font-size: 10px;
  105. text-align: justify;
  106. text-transform: uppercase;
  107. padding: 20px;
  108. background-color: {color:Background};
  109. white-space:pre-wrap;
  110. word-wrap:break-word;
  111. }
  112.  
  113. small, sub, sup {
  114. font-size: 10px;
  115. }
  116.  
  117. #entries {
  118. width: 260px;
  119. height: 100%;
  120. float: right;
  121. margin-top: 20px;
  122. margin-right: 300px;
  123. }
  124.  
  125. #post {
  126. background-color: {color:PostBackground};
  127. color: {color:Text};
  128. margin-bottom: 80px;
  129. padding: 20px;
  130. width: 250px;
  131. font-family: "Calibri";
  132. font-size: 12px;
  133. text-align: justify;
  134. }
  135.  
  136. .posttitle {
  137. font-family: "signarita";
  138. font-size: 20px;
  139. padding-bottom: 5px;
  140. margin-bottom: 10px;
  141. line-height: 25px;
  142. text-transform: lowercase !important;
  143. -webkit-transition: opacity 0.7s linear;
  144. -webkit-transition: all 0.7s ease-out;
  145. -moz-transition: all 0.7s ease-out;
  146. transition: all 0.7s ease-out;
  147. }
  148.  
  149. .posttitle:first-letter {
  150. text-transform: uppercase !important;
  151. }
  152.  
  153. .quote {
  154. font-family: "signarita";
  155. font-size: 20px;
  156. text-align: justify;
  157. }
  158.  
  159. .source {
  160. font-family: "Calibri";
  161. font-size: 10px;
  162. text-transform: uppercase;
  163. text-align: right;
  164. }
  165.  
  166. .player {
  167. width: 27px;
  168. height: 27px;
  169. left: 16px;
  170. top: 16px;
  171. opacity: 0.4;
  172. line-height: 0;
  173. overflow: hidden;
  174. }
  175.  
  176. .details {
  177. margin-top: -20px;
  178. margin-left: 28px;
  179. font-family: "Calibri";
  180. font-size: 10px;
  181. text-transform: uppercase;
  182. }
  183.  
  184. .caption a {
  185. font-size: 10px;
  186. text-transform: uppercase;
  187. }
  188.  
  189. .caption b, .caption strong, .chat b, .chat strong {
  190. font-family: "Calibri";
  191. text-transform: uppercase;
  192. font-size: 15px;
  193. letter-spacing: 1px;
  194. }
  195.  
  196. .caption i, .caption em {
  197. font-family: "Gasara";
  198. font-size: 8px !important;
  199. font-weight: none;
  200. }
  201.  
  202. .asker {
  203. margin-top: -30px;
  204. text-align: center;
  205. font-family: "signarita";
  206. font-size: 30px;
  207. letter-spacing: 1px;
  208. }
  209.  
  210. .question {
  211. margin-top: -50px;
  212. font-size: 10px;
  213. text-transform: uppercase;
  214. padding: 10px;
  215. background-color: {color:Background};
  216. text-align: justify;
  217. }
  218.  
  219. /* POST PERMA */
  220.  
  221. .perma {
  222. margin-top: 15px;
  223. padding-top: 15px;
  224. line-height: 10px;
  225. border-top: 1px solid {color:Background};
  226. font-size: 9px;
  227. position: relative;
  228. text-transform :uppercase;
  229. }
  230.  
  231. .perma a {
  232. display:inline-block;
  233. }
  234.  
  235. .perma .pperma {
  236. float:right;
  237. display:inline-block;
  238. text-align:right;
  239. }
  240.  
  241. .pinfo {
  242. margin-top: 20px;
  243. padding-top: 10px;
  244. border-top: 1px solid white;
  245. font-family: "Aspex";
  246. font-size: 10px;
  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. #s-m-t-tooltip{
  262. max-width: 200px;
  263. margin-top: 15px;
  264. margin-left: 15px;
  265. padding: 5px;
  266. border-left: 1px solid {color:Background};
  267. z-index:9999999999999999999999;
  268. background-color:{color:PostBackground};
  269. color: {color:Text};
  270. font-family: "Calibri";
  271. text-align: justify;
  272. font-size: 10px;
  273. line-height: 13px;
  274. letter-spacing: 1px;
  275. text-transform: uppercase;
  276. box-shadow: 0px 0px 10px {color:Background};
  277. }
  278.  
  279. #credit {
  280. position: fixed;
  281. font-size: 12px;
  282. text-align: center;
  283. bottom: 10px;
  284. left: 10px;
  285. }
  286.  
  287. #mcwrap {
  288. height: 505px;
  289. width: 600px;
  290. position: fixed;
  291. bottom: 0px;
  292. left: 100px;
  293. }
  294.  
  295. .plum {
  296. width: 222px;
  297. height: 505px;
  298. position: absolute;
  299. z-index: 999;
  300. }
  301.  
  302. .desc1 {
  303. position: absolute;
  304. margin-top: 385px;
  305. margin-left: 215px;
  306. height: 100px;
  307. width: 240px;
  308. padding: 10px;
  309. background: {color:PostBackground};
  310. font-family: "Calibri";
  311. font-size: 10px;
  312. text-align: justify;
  313. color: {color:Text};
  314. text-transform: uppercase;
  315. }
  316.  
  317. .avid {
  318. margin-top: 385px;
  319. margin-left: 480px;
  320. height: 100px;
  321. width: 100px;
  322. padding: 10px;
  323. background: {color:PostBackground};
  324. }
  325.  
  326. .plumg {
  327. width: 175px;
  328. height: 250px;
  329. padding: 10px;
  330. background: {color:PostBackground};
  331. margin-top: -505px;
  332. margin-left: 405px;
  333.  
  334. }
  335.  
  336. .links {
  337. width: 410px;
  338. height: 20px;
  339. margin-left: 216px;
  340. margin-top: 90px;
  341. }
  342.  
  343. .linkh {
  344. display: inline-block;
  345. margin-right: 10px;
  346. width: 52px;
  347. height: 20px;
  348. background: {color:PostBackground};
  349. -webkit-transition: opacity 0.7s linear;
  350. -webkit-transition: all 0.7s ease-out;
  351. -moz-transition: all 0.7s ease-out;
  352. transition: all 0.7s ease-out;
  353. }
  354.  
  355. .linkh:hover {
  356. background-color: {color:Accent};
  357. opacity: 0.5;
  358. -webkit-transition: opacity 0.7s linear;
  359. -webkit-transition: all 0.7s ease-out;
  360. -moz-transition: all 0.7s ease-out;
  361. transition: all 0.7s ease-out;
  362. }
  363.  
  364. .plus, .minus, .like, .dislike {
  365. height: 70px;
  366. width: 75px;
  367. background: {color:PostBackground};
  368. padding: 5px;
  369. font-family: "Calibri";
  370. font-size: 10px;
  371. text-transform: uppercase;
  372. text-align: justify;
  373. color: {color:Text};
  374. letter-spacing: -1px;
  375. line-height: 14px;
  376. }
  377.  
  378. .plus b, .minus b, .like b, .dislike b{
  379. border: 1px {color:Accent} solid;
  380. font-family: "Calibri";
  381. font-size: 10px;
  382. color: {color:Accent};
  383. padding: 2px;
  384. }
  385.  
  386. .plus {
  387. margin-left: 215px;
  388. margin-top: -105px;
  389. }
  390.  
  391. .minus {
  392. margin-left: 315px;
  393. margin-top: -80px;
  394. }
  395.  
  396. .like {
  397. margin-left: 415px;
  398. margin-top: -80px;
  399. }
  400.  
  401. .dislike {
  402. margin-left: 515px;
  403. margin-top: -80px;
  404. }
  405.  
  406. .title1 {
  407. font-family: "Signarita";
  408. font-size: 15px;
  409. color: {color:Text};
  410. margin-top: -115px;
  411. margin-left: 185px;
  412. }
  413.  
  414. .desc2 {
  415. height: 250px;
  416. width: 165px;
  417. padding: 10px;
  418. background: {color:PostBackground};
  419. margin-left: 215px;
  420. margin-top: -355px;
  421. text-align: justify;
  422. font-family: "Calibri";
  423. font-size: 10px;
  424. line-height: 14px;
  425. text-transform: uppercase;
  426. color: {color:Text};
  427. }
  428.  
  429. #doublek {
  430. height: 30px;
  431. width: 30px;
  432. position: fixed;
  433. float: right;
  434. bottom: 10px;
  435. right: 10px;
  436. -webkit-transition: opacity 0.7s linear;
  437. -webkit-transition: all 0.7s ease-out;
  438. -moz-transition: all 0.7s ease-out;
  439. transition: all 0.7s ease-out;
  440. }
  441.  
  442. #doublek img {
  443. height: 30px;
  444. width: 30px;
  445. }
  446.  
  447. #doublek img:hover {
  448. transform: rotate(360deg);
  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. *html #fade {
  456. position: absolute;
  457. }
  458. #fade {
  459. display: none;
  460. background: {color:Background};
  461. position: fixed;
  462. left: 0;
  463. top: 0;
  464. width: 100%;
  465. height: 100%;
  466. opacity: 1;
  467. z-index: 9999;
  468. }
  469.  
  470. *html .popup_block {
  471. position: absolute;
  472. }
  473.  
  474. .popup_block{
  475. display: none;
  476. background: {color:PostBackground};
  477. padding: 20px;
  478. float: left;
  479. position: fixed;
  480. top: 50%;
  481. left: 50%;
  482. z-index: 9999999999;
  483. max-height: 500px !important;
  484. overflow-y: auto;
  485. overflow-x: hidden;
  486. }
  487.  
  488. .popup_block h2 {
  489. text-align: center;
  490. font-family: "Signarita";
  491. color: #a42558;
  492. font-size: 15px;
  493. line-height: 20px;
  494. }
  495.  
  496. .poptxt {
  497. line-height: 22px;
  498. font-family: "Calibri";
  499. font-size: 10px;
  500. text-align: justify;
  501. max-height: 250px;
  502. overflow-y: auto;
  503. width: 250px;
  504. text-transform: uppercase;
  505. }
  506.  
  507. .poptxt a {
  508. padding: 2px;
  509. color: #a42558;
  510. font-size: 10px;
  511. margin-top: 10px;
  512. margin-right: 10px;
  513. font-family: "Calibri";
  514. border: 1px solid #a42558;
  515. text-transform: uppercase;
  516. }
  517.  
  518. .poptxt b {
  519. margin-top: 6px;
  520. padding: 2px;
  521. color: #a42558;
  522. border: 1px solid #a42558;
  523. }
  524.  
  525. #pagination {
  526. font-family: "Calibri";
  527. font-size: 15px;
  528. text-align: center;
  529. width: 250px;
  530. color: {color:Text};
  531. }
  532. </style>
  533.  
  534. <!-- S-M-T-TOOLTIP JAVA -->
  535.  
  536. <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js'></script>
  537. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  538. <script>
  539. (function($){
  540. $(document).ready(function(){
  541. $("[title]").style_my_tooltips();
  542. });
  543. })(jQuery);
  544. </script>
  545.  
  546. <script>
  547. $(document).ready(function() {
  548. $('a.poplight[href^=#]').click(function() {
  549. var popID = $(this).attr('rel');
  550. var popURL = $(this).attr('href');
  551.  
  552. var query= popURL.split('?');
  553. var dim= query[1].split('&');
  554. var popWidth = dim[0].split('=')[1];
  555.  
  556. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  557. var popMargTop = ($('#' + popID).height() + 80) / 2;
  558. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  559. $('#' + popID).css({
  560. 'margin-top' : -popMargTop,
  561. 'margin-left' : -popMargLeft
  562. });
  563. $('body').append('<div id="fade"></div>');
  564. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  565. return false;
  566. });
  567. $('a.close, #fade').live('click', function() {
  568. $('#fade , .popup_block').fadeOut(function() {
  569. $('#fade, a.close').remove();
  570. });
  571. return false;
  572. });
  573. });
  574.  
  575. </script>
  576.  
  577. </head>
  578. <body>
  579.  
  580. <div id="avid" class="popup_block">
  581. <img src="http://i.imgur.com/Gy4oPJD.gif" />
  582.  
  583. <h2>Introducing the lovely Avid ladies!</h2><br />
  584. <div class="poptxt">The group originates from 2010 in which the four members got together to create 'AVID' as they are. The group had a rough start, as they couldn't seem to fit in within the kpop scene but that didn't stop them from releasing new music. After a year of three, the release of one of their songs gained a lot of attention and was labeled their break through. For a few years they were well known and well loved, until the kpop scene changed once more leaving them in the shadows of the many new groups. Despite this, they have evolved to find their own style which is known to be a mature and rather sexy concept that fits them well. The four ladies are still releasing music together, and have not given up on their dream. Perhaps they'll approach a second break through.
  585. <br /><br /><br />
  586. <center><a href="#">FYEAH!AVID</a> <a href="/tagged/#">AVID</a> <a href="http://fy-plumkim.tumblr.com/">FYEAH!PLUM</a></center>
  587. </div>
  588. </div>
  589.  
  590. <div id="message" class="popup_block">
  591. <div class="poptxt">
  592. Please do not reffer to Plum as Tiffany, Miyoung or anything among those lines! She is an Original character and has nothing to do with Girls' Generation, SM Ent. or her real life persona. All messages relating this will be ignored.
  593. </div>
  594. <iframe frameborder="0" scrolling="no" width="250px" height="350px" src="https://www.tumblr.com/ask_form/90plvm.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  595. </div>
  596.  
  597. <div id="profile" class="popup_block">
  598. <img src="http://i.imgur.com/exn8Uhs.gif" />
  599. <br />
  600. <div class="poptxt">
  601. <b>NAME</b> Kim Mio<br />
  602. <b>STAGENAME</b> PLUM<br />
  603. <b>AGE</b> 26<br />
  604. <b>BIRTHDATE</b> 90/01/07<br />
  605. <b>GROUP</b> Avid<br />
  606. <b>POSITION</b> Main Vocalist, Main Dancer
  607. </div><br /><br />
  608.  
  609. <div class="poptxt">
  610. <b>HEIGHT</b> 171cm<br />
  611. <b>WEIGHT</b> 50kg<br />
  612. <b>HAIR</b> Dark Blonde (dyed, originally black)<br />
  613. <b>EYES</b> Blue (Naturally black)<br />
  614. </div>
  615. <br />
  616. <div class="poptxt">
  617. <b>FAMILY</b> Mother (Jung Rin Ae ), father (Kim Hae Chan), older brother (Kim Mi Sung)<br />
  618. <b>PERSONALITY</b> <i>ON STAGE</i> PLUM, as her stage name and persona, is quite the charming woman that you would enjoy spending free time with. She seems to be versed in many subjects, can pull off any kind of conversation and finds it easy to be liked by everyone. She is a very charismatic young woman, beautiful, and the type of woman that, if she would walk down the street, you would surely remember her. Defined by her bright eye-smile, she can take an 180 degrees turn as she has a sexy aura underneath the layer of cuteness. <br />
  619. <i>BEHIND THE SCENES</i> Mio Kim can be quite the harsh character, if you get to know her personally. Married to sarcasm, as some people would say, and rather impatient, she is a sassy and edgy person, giving off an unaproachable vibe. She can be characterised as a cold woman, that takes her time into letting people knowing her. Although not very sweet or kind, there is warmth underneath her, provided you wish to spend enough time with her that you know what she is really like.<br />
  620. <b>SHORT BACKGROUND</b> Plum was born and raised in <i>Tokyo, Japan</i> fo the first couple of years of her life. Being the daughter of a famous actor and a beautiful model, she spent most of her childhood observing the behind the scene process of being a public face. She was well accustomed to the hardships of fame and, still, at the age of six her parents signed a short contract with a Japanese company, leading to her training for two years.<br />
  621. After her departure from Tokyo to Seoul, she becomes more and more interested in South Korea's pop culture and soon made it her plan to debut as an idol. Although she auditioned for many big companies, it came with no result. In early 2007, her efforts are stopped as she is street casted for her looks by a <i>DOUBLE K</i> empoyee and akes her debut as <i>AVID</i>'s main vocalist and main dancer in 2010.
  622. </div>
  623. </div>
  624.  
  625. <div id="bgbg" class="popup_block">
  626. <br />
  627. <div class="poptxt">
  628. <b>1990 - 1996</b>
  629. <br />
  630. Named MIO (美桜), she grows to meet up the expectations of her name. As beautiful and fresh as cherry flowers blooming, the daughter of a famous actor and a rasing Korean model in Japan, you would think that she had every possibilty unraveling in front of her.<br />
  631. The first six years of her life are quiet ones. She is carried to various shootings by her mother, or cutely reads her father's scrip behind the scenes for the amusement of many staff members. She gets, between days of play and fun, to notice how it would be really like to be a star. Her mother's smile fading as soon as the cameras close down, her father's behaviour changing in the split of a second, how tired they both where. And still, she becomes more and more intrigued by this world. Her dream, slowly but steadily, forms into the idea of herself, being a star.
  632. </div>
  633. <br />
  634. <div class="poptxt">
  635. <b>1996 - 2000</b>
  636. <br />
  637. She is first casted in <i>MARCH, 1996</i> by a rather small, yet not irrelevant, company based in Tokyo, Japan. She begins her training early on, attending more singing and dancing classes that her actual school days. Her mother protests to this, claiming that she should be focusing on living a normal life, rather than the life she wishes to follow. Mio, however, is impossible to turn from her path.<br />
  638. She grows very tired trying to balance both school and her passion, but she proves to be very talented. The company sets her to debut into a group of young girls, under the nickname <i>MIOKO</i>, and is educated to look as sweet, very innocent young girl. Mio, after many acting classes, grows to hate how fake the personality feels and starts to grow more and more sour by the day.<br />
  639. In early 2000, she and her family leave Tokyo, quitting on her group just several months before debut. She moves to Seoul, South Korea, where her father introduces her to the bright and colorful K-Pop scene. Aged 10, the idea of shining on a stage as the beautiful women before her did made Mio wish to not give up and prusue a normal career, as her mother wishes, but continue fighting to become a singer.
  640. </div>
  641. <br />
  642. <div class="poptxt">
  643. <b>2000-2007</b>
  644. <br />
  645. The first years she spent in Seoul were mostly dedicated to finding a company she can train under. She applies and auditions to many companies, getting in for several months, the most being 10, but is never placed in a group. Her personality is considered <i>TOO DIFFICULT</i> and she would rarely get along with other trainees. In 2004, she is admitted to Hanlim Arts High School and attends classes until 2008, when she graduates at the top of her class.<br />
  646. In 2007 she gets street casted by a <i>DOUBLE K</i> representant and she signs the contract almost the following day, leading her to starting her trainee days as quickly as possible.
  647. </div>
  648. <br />
  649. <div class="poptxt">
  650. This page is under construction, please return later! For any questions, reffer to my ask box!
  651. </div>
  652. </div>
  653.  
  654. <div id="linkpop" class="popup_block">
  655. <div class="poptxt">
  656. This page is under construction, please return later! For any questions, reffer to my ask box!
  657. </div>
  658. </div>
  659.  
  660. <div id="dic" class="popup_block">
  661. <div class="poptxt">
  662. This page is under constant updating. Please reffer to it often!
  663. </div>
  664. <div class="poptxt">
  665. <ul>
  666. <li>This is a roleplay account, I am not affiliated with Tiffany hwang, Girls' Generation, or SM Ent.
  667. <li>I am over the age of 18 and mature themes will be approached, however they will all be tagged accordingly! (e.g. #nsfw, #tw:blood, #tw:epilepsy etc)
  668. <li>I am a full-time student with a part time job so being on dash will come difficult at times. Replies will be quite slow but I encourage you to add me on aim <b>KVMMVO</b>
  669. <li>Literacy will be mirrored, however I will not interact with people who are illiterate.
  670. <li>Please keep in mind that PLUM is a working idol and approaching her any differently than how you could with an actual idol will result in no reply.
  671. <li>She is a character under development and, thus, her personality may change over the time passing.
  672. <li>I do not own any of the pictures and gifs used, however I do edit them.
  673. <li>Everything is coded by me and, although I enjoy helping people with their problems, I will not tolerate codes stealing.
  674. </ul>
  675. </div>
  676. </div>
  677.  
  678. <div id="mcwrap">
  679. <div class="plum"><img src="http://i.imgur.com/MpV3OfV.png" /></div>
  680. <div class="desc1">Miss Plum Choi, South Korea's sweetheart fairy, she is but the image of a mesmerizing and beautiful woman, whose charisma will pull one's heart into a never ending loop, hooked around her little finger. she is a woman of many talents and skills, but her looks never fail to impress on a first meeting. would you dare knowing more about her? would you dare read into her soul?</div>
  681. <div class="avid"><a href="#?w=250" rel="avid" class="poplight" title="THE MYSTERIOUS LADIES OF AVID!"><img src="http://i.imgur.com/WqYCQFb.png" /></a></div>
  682. <div class="plumg"><img src="http://i.imgur.com/P3eoFWO.gif" /></div>
  683. <div class="links">
  684. <a href="/" title="REFRESH,"><div class="linkh"></div></a>
  685. <a href="#?w=250" rel="message" class="poplight" title="MESSAGES,"><div class="linkh"></div></a>
  686. <a href="#?w=250" rel="profile" class="poplight" title="PROFILE,"><div class="linkh"></div></a>
  687. <a href="#?w=250" rel="bgbg" class="poplight" title="BACKGROUND,"><div class="linkh"></div></a>
  688. <a href="#?w=250" rel="linkpop" class="poplight" title="NAVIGATION,"><div class="linkh"></div></a>
  689. <a href="#?w=250" rel="dic" class="poplight" title="DISCLAIMER,"><div class="linkh"></div></a>
  690. </div>
  691.  
  692. <div class="plus">
  693. <b>PLUS</b> optimist, hard working, dedicated, loyal, empathic, witty, charismatic, etc
  694. </div>
  695. <div class="minus">
  696. <b>MINUS</b> Stubborn, rude, sarcastic, prideful, shallow, short tempered, unforgiving, etc
  697. </div>
  698. <div class="like">
  699. <b>LIKES</b> comedies, summer, shopping, fruits, burgundy, myths, ballads, reading, etc
  700. </div>
  701. <div class="dislike">
  702. <b>DISLIKES</b> windy days, heels, racism, pink, neon colors, romance novels, being late, etc
  703. </div>
  704.  
  705. <div class="desc2">
  706. "We all wear masks when it comes to showing who we are to the public. The faces of people when you first meet them are never the faces of people once you get to know them. And you'll never know them as another person does. The mask one would wear for their friends is not the same as the mask they wear in front of their families. What happens when you're wearing a mask in front of yourself? Nothing but normallity, if you were to ask me. We all like to believe wer're someone, we all like to believe we're someone better, someone kinder than who we really are. ( &mdash; plum choi, 2014 )
  707. </div>
  708. </div>
  709.  
  710. <div id="entries">
  711. {block:Posts}
  712.  
  713. {block:ContentSource}
  714. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  715. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  716. {/block:SourceLogo}
  717. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  718.  
  719. <!-- {ReblogParentURL}{block:ReblogParentLogo}<img src="{BlackLogoURL}"
  720. width="{LogoWidth}" height="{LogoHeight}" alt="{ReblogParentTitle}" />
  721. {/block:ReblogParentLogo}
  722. {block:NoReblogParentLogo}{ReblogParentLink}{/block:NoReblogParentLogo} -->
  723. {/block:ContentSource}
  724.  
  725. <div id="post">
  726.  
  727. <!-- TEXT POSTS -->
  728. {block:Text}
  729. <div class="posttitle">{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}</div>
  730. <div class="caption">{Body}</div>
  731. {/block:Text}
  732.  
  733. <!-- PHOTO POSTS -->
  734. {block:Photo}
  735. <div class="photopost"><center>{LinkOpenTag}<img src="{PhotoURL-250}">{LinkCloseTag}</center></div>
  736. <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
  737.  
  738. {/block:Photo}
  739.  
  740. <!-- PHOTOSET POSTS -->
  741. {block:Photoset}
  742. <div class="photosetpost">{Photoset-250}</div>
  743. <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
  744. {/block:Photoset}
  745.  
  746. <!-- QUOTE POSTS -->
  747. {block:Quote}
  748. <div class="quote">{Quote}</div>
  749. <div class="source">{block:Source} —{Source}{/block:Source}</div>
  750. {/block:Quote}
  751.  
  752. <!-- LINK POSTS -->
  753. {block:Link}
  754. <div class="posttitle"><a href="{URL}" {Target}>{Name}</a></div>
  755. {block:Description}{Description}{/block:Description}
  756. {/block:Link}
  757.  
  758. <!-- CHAT POSTS -->
  759. {block:Chat}
  760. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  761. <div class="chat">
  762. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</div>
  763. {/block:Chat}
  764.  
  765.  
  766. <!-- ASK POST -->
  767. {block:Answer}
  768. <div class="asker">{Asker}</div>
  769. <div class="question">{Question}</div>
  770. {Answer}
  771. {/block:Answer}
  772.  
  773. <!-- AUDIO POST -->
  774. {block:Audio}
  775. <div class="player">{AudioPlayerGrey}</div>
  776. <div class="details">
  777. {block:TrackName}{TrackName}{/block:TrackName} by {block:Artist}{Artist}{/block:Artist}</div>
  778. <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
  779. {/block:Audio}
  780.  
  781. <!-- VIDEO POST -->
  782. {block:Video}
  783. <div class="video">{Video-250}</div>
  784. <div class="caption">{block:Caption}{Caption}{/block:Caption}</div>
  785. {/block:Video}
  786.  
  787. {block:IndexPage}
  788. <div class="perma">
  789. <span class="pperma">
  790. <a href="{Permalink}" target="_blank" class="r">{NoteCountWithLabel}</a><br>
  791. <a href="{ReblogURL}" target="_blank" class="r">REBLOG?</a>
  792. </span>
  793. <a href="{Permalink}" target="_blank">{DayOfMonth} {Month}</a><br>
  794. <a href="{Permalink}" target="_blank" title="{block:HasTags}{block:Tags}#{Tag}{/block:Tags}{/block:HasTags}">TAGGED</a>
  795. </div>
  796. {/block:IndexPage}
  797.  
  798. {block:PermalinkPage}
  799. <div class="pinfo">
  800. Posted on {DayOfMonth} {Month} {Year} with {NoteCountWithLabel}.<br />
  801. Tagged as: {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}.
  802. </div>
  803.  
  804. <div class="notes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  805. {/block:PermalinkPage}
  806.  
  807. </div>
  808. {/block:Posts}
  809.  
  810. {block:IndexPage}
  811. <div class="pagi">
  812. {block:PreviousPage}<a href="{PreviousPage}">PREV</a>{/block:PreviousPage} // {block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage}
  813. </div>
  814. {/block:IndexPage}
  815. </div>
  816.  
  817. <div id="doublek">
  818. <a href="http://2kentertainment.tumblr.com/"><img src="http://67.media.tumblr.com/b5d035ba2449d09bac7252cd5127f9e0/tumblr_oft3csN8zm1vfxbdvo2_540.png" /></a>
  819. </div>
  820.  
  821. <div id="credit"><a href="http://chrvstn.tumblr.com/" title="Theme by mun. Please don't steal the codes! Optimized for Chrome 1366 x 786">♕</a>
  822. </div>
  823. </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!