API tools faq
paste
Advertisement
xariaaaa

[THEME] ʙᴇᴀᴜᴛʏ ᴀɴᴅ ᴄʜᴀʀᴍ

xariaaaa
Jul 24th, 2016
136
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.90 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ᴇ ʙʏ ᴇɴᴛᴇʀᴘʀɪᴢᴇʀ. ᴛʜᴇᴍᴇ ʙʏ 97ʙʀᴋ ᴘʟᴇᴀsᴇ ᴅᴏ ɴᴏᴛ sᴛᴇᴀʟ ɪᴛ! ᴇᴅɪᴛɪɴɢ ɪs ᴀʟᴏᴡᴇᴅ, ʙᴜᴛ ᴘʟᴇᴀsᴇ ʟᴇᴀᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛɪɴɢ ɪɴᴛᴀᴄᴛ. -->
  9.  
  10. <script type="text/javascript"
  11. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  12. <script>
  13. $(document).ready(function() {
  14. //
  15. $('a.poplight[href^=#]').click(function() {
  16. var popID = $(this).attr('rel');
  17. var popURL = $(this).attr('href');
  18. var query= popURL.split('?');
  19. var dim= query[1].split('&');
  20. var popWidth = dim[0].split('=')[1];
  21. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  22. var popMargTop = ($('#' + popID).height() + 80) / 2;
  23. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  24. $('#' + popID).css({
  25. 'margin-top' : -popMargTop,
  26. 'margin-left' : -popMargLeft
  27. });
  28. $('body').append('<div id="fade"></div>');
  29. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  30. return false;
  31. });
  32. $('a.close, #fade').live('click', function() {
  33. $('#fade , .popup_block').fadeOut(function() {
  34. $('#fade, a.close').remove();
  35. });
  36. return false;
  37. });
  38. });
  39. </script>
  40.  
  41. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  42.  
  43. <script language="javascript">
  44. $(document).ready(function() {
  45. $('a#clickbutton').click(function() {
  46. $('.t',this).toggle();
  47. });
  48.  
  49. $("#sidewrap").css({"left": "-120%"})
  50. $("#clickbutton").toggle(
  51. function () {
  52. $("#sidewrap").animate({"left": "100px"}, "slow");
  53. },
  54. function () {
  55. $("#sidewrap").animate({"left": "120%"}, "slow");
  56. });
  57. });
  58. </script>
  59.  
  60. <style type="text/css">
  61. /* GASARA */
  62. @font-face { font-family: "gasara"; src: url('https://dl.dropbox.com/s/9mird7ef2oyhzbc/gasara.ttf'); }
  63.  
  64. /* ASPEX */
  65. @font-face { font-family: "aspex"; src: url('https:/dl.dropboxusercontent.com/s/yeeehszy65j0cfk/ASPEX_0.TTF') }
  66.  
  67. *, body, a {cursor: url(http://31.media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;}
  68.  
  69. a:hover {cursor: url(http://i.imgur.com/IepP2.jpg), auto;}
  70.  
  71.  
  72. ::-webkit-scrollbar-thumb {
  73. height: auto;
  74. background-color: #db9c9a;
  75. }
  76.  
  77. ::-webkit-scrollbar {
  78. height: 9px;
  79. width: 3px;
  80. background-color: #ececec;
  81. }
  82.  
  83. ::-webkit-scrollbar:vertical {
  84. height: 9px;
  85. width: 3px;
  86. background-color: #ececec;
  87. }
  88.  
  89. body {
  90. background: #ececec;
  91. }
  92.  
  93. a {
  94. text-decoration:none;
  95. outline:none;
  96. -moz-outline-style:none;
  97. color: #db9c9a;
  98. }
  99.  
  100. img {
  101. border:none;
  102. }
  103.  
  104. blockquote, blockquote blockqute {
  105. border-left: 1px solid #db9c9a;
  106. padding-left:5px;
  107. margin-left: 5px;
  108. }
  109.  
  110. blockquote img, blockqute blockquote img, #post img, .answer img {
  111. opacity: 0.3;
  112. -webkit-filter: grayscale(100%);
  113. -webkit-transition: opacity 0.7s linear;
  114. -webkit-transition: all 0.7s ease-out;
  115. -moz-transition: all 0.7s ease-out;
  116. transition: all 0.7s ease-out;
  117. }
  118.  
  119. blockquote img:hover, blockqute blockquote img:hover, .answer img:hover, #post img:hover {
  120. opacity: 0.8;
  121. -webkit-filter: grayscale(30%);
  122. -webkit-transition: opacity 0.7s linear;
  123. -webkit-transition: all 0.7s ease-out;
  124. -moz-transition: all 0.7s ease-out;
  125. transition: all 0.7s ease-out;
  126. }
  127.  
  128. blockquote img, .answer img, #post img {
  129. max-width: 240px;
  130. height: auto;
  131. }
  132.  
  133. blockquote blockquote img {
  134. max-width: 180px;
  135. height: auto;
  136. }
  137.  
  138. h1, h2, h3 {
  139. font-family: "Aspex";
  140. font-size: 15px;
  141. color: #db9c9a;
  142. font-weight: 500;
  143. text-transform: uppercase;
  144. line-height: 28px;
  145. text-align: justify;
  146. }
  147.  
  148. pre, code {
  149. font-family: "Gasara";
  150. font-size: 8px;
  151. line-height: 12px;
  152. letter-spacing: 1px;
  153. text-align: center;
  154. background-color: #ececec;
  155. padding: 10px;
  156. white-space:pre-wrap;
  157. word-wrap:break-word;
  158. }
  159.  
  160.  
  161. /* ENTRIES */
  162. #entries {
  163. width: 260px;
  164. height: 100%;
  165. float: right;
  166. {block:IndexPage}
  167. margin-top: -40px;
  168. {/block:IndexPage}
  169. {block:PermalinkPage}
  170. margin-top: 0px;
  171. {/block:PermalinkPage}
  172. margin-right: 300px;
  173. padding: 20px;
  174. background-color: #ffffff;
  175. border: 10px double #ececec;
  176. }
  177.  
  178. #post {
  179. width: 250px;
  180. margin-top: 35px;
  181. font-family: "Calibri";
  182. font-size: 10px;
  183. color: #010101;
  184. text-align: justify;
  185. }
  186.  
  187. #post b {
  188. font-family: "Aspex";
  189. font-size: 12px;
  190. letter-spacing: -1px;
  191. }
  192.  
  193. #post i {
  194. font-family: "Gasara";
  195. font-size: 8px;
  196. letter-spacing: 1px;
  197. }
  198.  
  199. .posttitle {
  200. font-family: "Aspex";
  201. font-size: 23px;
  202. letter-spacing: -2px;
  203. line-height: 36px;
  204. color: #010101;
  205. font-weight: 300;
  206. text-transform: uppercase;
  207. }
  208.  
  209. .photosetimg {
  210. opacity: 0.3;
  211. -webkit-filter: grayscale(100%);
  212. -webkit-transition: opacity 0.7s linear;
  213. -webkit-transition: all 0.7s ease-out;
  214. -moz-transition: all 0.7s ease-out;
  215. transition: all 0.7s ease-out;
  216. }
  217.  
  218. .photosetimg:hover {
  219. opacity: 0.8;
  220. -webkit-filter: grayscale(30%);
  221. -webkit-transition: opacity 0.7s linear;
  222. -webkit-transition: all 0.7s ease-out;
  223. -moz-transition: all 0.7s ease-out;
  224. transition: all 0.7s ease-out;
  225. }
  226.  
  227. .quote {
  228. font-family: "Aspex";
  229. font-size: 15px;
  230. line-height: 35px;
  231. text-align: justify;
  232. }
  233.  
  234. .source {
  235. font-family: "Gasara";
  236. font-size: 8px;
  237. text-align: right;
  238. }
  239.  
  240. .chatpost b {
  241. text-transform: uppercase;
  242. font-size: 8px !important;
  243. letter-spacing: 1px !important;
  244. }
  245.  
  246. .asker {
  247. text-transform: uppercase;
  248. font-family: "Aspex";
  249. font-size: 15px;
  250. text-align: center;
  251. border-bottom: 1px dotted #ececec;
  252. }
  253.  
  254. .question {
  255. font-size: 8px;
  256. font-family: "Calibri";
  257. text-transform: uppercase;
  258. text-align: justify;
  259. background-color: #ececec;
  260. padding: 10px;
  261. }
  262.  
  263.  
  264. /* Audio */
  265. .audioplayer {
  266. width: 27px;
  267. height: 27px;
  268. padding-bottom: 3px;
  269. z-index: 99999;
  270. left: 0px;
  271. top: 0px;
  272. }
  273.  
  274. .soundcloud_audio_player {
  275. width: 100%;
  276. }
  277.  
  278. .tumblr_audio_player {
  279. width: 100%;
  280. }
  281.  
  282. #postperma {
  283. background-color: #ececec;
  284. margin-top: 5px;
  285. margin-bottom: 10px;
  286. width: 240px;
  287. color: #000000;
  288. padding: 10px;
  289. font-family: "Calibri";
  290. font-size: 10px;
  291. text-transform: uppercase;
  292. text-align: center;
  293. }
  294.  
  295. #pageperma {
  296. margin-top: 20px;
  297. width: 250px;
  298. }
  299.  
  300. .permatitle {
  301. font-family: "Aspex";
  302. font-size: 10px;
  303. text-align: center;
  304. }
  305.  
  306. .permatitle:first-letter {
  307. font-size: 13px;
  308. }
  309.  
  310. .permatags {
  311. font-family: "Gasara";
  312. font-size: 8px;
  313. text-align: justify;
  314. }
  315.  
  316. .postnotes {
  317. font-family: "Gasara";
  318. font-size :8px;
  319. text-align: justify;
  320. line-height: 12px;
  321. }
  322.  
  323. .postnotes img {
  324. display: none;
  325. }
  326.  
  327. /* SIDEBAR */
  328.  
  329. #title {
  330. position: fixed;
  331. bottom: 20px;
  332. left: 100px;
  333. font-family: "Aspex";
  334. font-size: 20px;
  335. color: #db9c9a;
  336. width: 400px;
  337. padding: 10px;
  338. border-bottom: 10px solid #db9c9a;
  339. height: 20px;
  340. text-align: center;
  341. }
  342.  
  343. #sidewrap {
  344. position: fixed;
  345. float: left;
  346. bottom: 80px;
  347. left: 100px;
  348. height: 400px;
  349. width: 420px;
  350. border-bottom: 10px solid #db9c9a;
  351. }
  352.  
  353. .imgur {
  354. height: 400px;
  355. width: 135px;
  356. margin-left: -55px;
  357. margin-top: 0px;
  358. }
  359.  
  360. .smallwrap {
  361. margin-top: -350px;
  362. margin-left: 90px;
  363. width: 330px;
  364. height: 400px;
  365. }
  366.  
  367. .zenith {
  368. width: 324px;
  369. margin-left: 6px;
  370. height: 40px;
  371. display: inline-block;
  372. }
  373.  
  374. .zenith img {
  375. margin-right: -5px;
  376. height: 40px;
  377. width: 27px;
  378. opacity: 1;
  379. }
  380.  
  381. .titlee {
  382. margin-top: 10px;
  383. font-family: "Aspex";
  384. font-size: 15px;
  385. text-align: center;
  386. width: 330px;
  387. height: 20px;
  388. letter-spacing: 1px;
  389. word-spacing: 5px;
  390. }
  391.  
  392. .stat {
  393. margin-top: 0px;
  394. margin-left: 9px;
  395. width: 130px;
  396. height: 10px;
  397. font-family: "Gasara";
  398. font-size: 8px;
  399. color: #db9c9a;
  400. word-spacing: 6px;
  401. text-align: center;
  402. }
  403.  
  404. .img1 {
  405. height: 260px;
  406. width: 130px;
  407. padding: 5px;
  408. background-color: #ffffff;
  409. margin-top: 0px;
  410. margin-left: 6px;
  411. }
  412.  
  413. .img2 {
  414. margin-left: 6px;
  415. height: 260px;
  416. width: 130px;
  417. padding: 5px;
  418. background-color: #ffffff;
  419. margin-top: -270px;
  420. opacity: 0;
  421. -webkit-transition: opacity 0.7s linear;
  422. -webkit-transition: all 0.7s ease-out;
  423. -moz-transition: all 0.7s ease-out;
  424. transition: all 0.7s ease-out;
  425. }
  426.  
  427. .deff {
  428. margin-left: -5px;
  429. margin-top: -5px;
  430. width: 160px;
  431. height: auto;
  432. text-transform: uppercase;
  433. padding: 5px;
  434. background-color: #ffffff;
  435. color: #000000;
  436. font-family: "Calibri";
  437. font-size: 10px;
  438. text-align: justify;
  439. }
  440.  
  441. .smallwrap:hover .img2 {
  442. opacity: 1;
  443. -webkit-transition: opacity 0.7s linear;
  444. -webkit-transition: all 0.7s ease-out;
  445. -moz-transition: all 0.7s ease-out;
  446. transition: all 0.7s ease-out;
  447. }
  448.  
  449. .links {
  450. text-align: center;
  451. width: 175px;
  452. height: 10px;
  453. font-family: "Gasara";
  454. font-size: 8px;
  455. margin-top: -325px;
  456. margin-left: 150px;
  457. word-spacing: 2px;
  458. }
  459.  
  460. .bro {
  461. height: 80px;
  462. width :80px;
  463. margin-top: 0px;
  464. margin-left: 150px;
  465. padding: 5px;
  466. background-color: #ffffff;
  467. }
  468.  
  469. .love {
  470. height: 80px;
  471. width: 65px;
  472. padding: 5px;
  473. margin-left: 245px;
  474. margin-top: -90px;
  475. background-color: #ffffff;
  476. font-family: "Calibri";
  477. font-size: 10px;
  478. text-align: justify;
  479. text-transform: uppercase;
  480. line-height: 11px;
  481. }
  482.  
  483. .cc {
  484. margin-top: 5px;
  485. margin-left: 155px;
  486. width: 160px;
  487. height: 50px;
  488. display: inline-block;
  489. }
  490.  
  491. .cc img {
  492. margin-left: -1px;
  493. height: 50px;
  494. width: 50px;
  495. }
  496.  
  497. .pagi {
  498. margin-top: 5px;
  499. margin-left: 150px;
  500. width: 170px;
  501. font-family: "Gasara";
  502. font-size: 8px;
  503. text-align: center;
  504. }
  505.  
  506. /* MUSIC PLAYER */
  507.  
  508. #musicplayer {
  509. position: fixed;
  510. top: 10px;
  511. left: 10px;
  512. }
  513.  
  514. .shut {
  515. border: 1px solid #bd9c9a; /** change the border colour here **/
  516. background-color: #ececec;
  517. padding-top: 1px;
  518. padding-right: 1px;
  519. position: fixed;
  520. width: 20px;
  521. height: 20px;
  522. margin: 5px 5px 0px 0px;
  523. overflow: hidden;
  524. z-index: 9999;
  525. }
  526.  
  527.  
  528. /* POPUP */
  529.  
  530. /* POPUP BOX */
  531. .popup_block{
  532. display: none;
  533. background: #ffffff;
  534. float: left;
  535. height: 190px;
  536. font-family: "Calibri";
  537. text-align: justify;
  538. color: #222222;
  539. font-size: 10px;
  540. position: fixed;
  541. top: 140px;
  542. left: 393px;
  543. overflow-x: auto;
  544. overflow-y: hidden;
  545. z-index: 99999;
  546. }
  547.  
  548. .popup_tag td {
  549. width: 155px;
  550. }
  551.  
  552. .popup_block h2 {
  553. font-family: "Aspex";
  554. font-size: 20px;
  555. color: #db9c9a;
  556. text-align: justify;
  557. }
  558.  
  559. .popup_block b{
  560. font-family: "Aspex";
  561. font-size: 10px;
  562. }
  563.  
  564. *html #fade {
  565. position: absolute;
  566. }
  567.  
  568. *html .popup_block {
  569. position: absolute;
  570. }
  571.  
  572. #fade {
  573. display:none;
  574. position:fixed;
  575. left:0px;
  576. top:0px;
  577. width:100%;
  578. height:100%;
  579. z-index: -1000;
  580. }
  581.  
  582. .poplnk {
  583. margin-left: 20px;
  584. margin-top: 20px;
  585. width: 315px;
  586. }
  587.  
  588. .poplnk a {
  589. width: 150px;
  590. height: 15px;
  591. display: inline-block;
  592. margin-right: 5px;
  593. margin-bottom: 10px;
  594. background-color: #ececec;
  595. text-align: center;
  596. line-height: 15px;
  597. font-family: "Gasara";
  598. font-size: 8px;
  599. }
  600.  
  601. #s-m-t-tooltip{
  602. max-width: 200px;
  603. margin-top: 15px;
  604. margin-left: 15px;
  605. padding: 5px;
  606. border-left: 1px solid #db9c9a;
  607. border-bottom: 1px dotted #db9c9a;
  608. z-index:9999999999999999999999;
  609. background-color:#ececec;
  610. color: #010101;
  611. font-family: 'Gasara';
  612. text-align:justify;
  613. font-size: 8px;
  614. line-height: 11px;
  615. letter-spacing: 1px;
  616. text-transform:uppercase;
  617. box-shadow: 0px 0px 10px #ececec;
  618. }
  619.  
  620. #credit {
  621. position: fixed;
  622. float: left;
  623. left: 15px;
  624. bottom: 27px;
  625. }
  626.  
  627. #collective {
  628. position: fixed;
  629. bottom: 5px;
  630. left: 5px;
  631. font-family: "Calibri";
  632. font-size: 10px;
  633. text-align: center;
  634. text-transform: uppercase;
  635. }
  636. {CustomCSS}
  637.  
  638. </style>
  639. <!-- S-M-T-TOOLTIP JAVA -->
  640.  
  641. <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js'></script>
  642. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  643. <script>
  644. (function($){
  645. $(document).ready(function(){
  646. $("[title]").style_my_tooltips();
  647. });
  648. })(jQuery);
  649. </script>
  650. </head>
  651.  
  652.  
  653.  
  654. <body>
  655.  
  656. <div id="musicplayer">
  657.  
  658. <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">
  659. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
  660. <param name="bgcolor" value="#fff" />
  661. <param name="FlashVars" value="mp3=http://k003.kiwi6.com/hotlink/3q9n2m3buz/The_Road.mp3
  662. &amp;autoplay=0&amp;bgcolor=fff&amp;loadingcolor=4c4c4c&amp;buttoncolor=4c4c4c" />
  663. </object></div></div></div>
  664.  
  665. <div id="navi" class="popup_block">
  666. <h2><center>More useful links</center></h2>
  667. <div class="poplnk">
  668. <a href="/tagged/* ( speak up )">REPLIES</a>
  669. <a href="/tagged/* ( listen up )">ANSWERS</a><br />
  670.  
  671.  
  672. <a href="/tagged/* ( the cute bunny )">VISUAL</a>
  673. <a href="/tagged/* ( mr sleepy pup )">PUPPY</a><br />
  674.  
  675.  
  676. <a href="/tagged/* ( zenith on stage )">ZENITH</a>
  677. <a href="/tagged/* ( tq crew )">TQ ENT</a><br />
  678.  
  679.  
  680. <a href="/tagged/* ( fun inbox times )">GAMES</a>
  681. <a href="/tagged/* ( left unanswered )">STARTERS</a><br />
  682. </div>
  683. </div>
  684.  
  685. <div id="profile" class="popup_block">
  686. <table>
  687. <tr>
  688. <td><img src="http://i.imgur.com/Ptsy9wo.png" />
  689. <td>
  690. <div style="width: 155px;">
  691. <b>Name</b>: Ahn Brooklynn<br />
  692. <b>Stage name</b>: Brooklynn<br />
  693. <b>Age</b>: 18<br />
  694. <b>Birthday</b>: Feb. 24<sup>th</sup><br />
  695. <b>Occupation</b>: Idol under TQ. Ent.<br />
  696. <b>Group</b>: Zenith<br />
  697. <b>Position</b>: Main Vocalist, dancer.<br />
  698. </div>
  699.  
  700. <td><img src="http://i.imgur.com/DszFPLr.png" />
  701. <td>
  702. <div style="width: 155px;">
  703. <b>Height</b>: 174cm<br />
  704. <b>Weight</b>: 54kg<br />
  705. <b>Hair</b>: Black, currently brown.<br />
  706. <b>Eyes</b>: Black<br />
  707. <b>Body type</b>: Slender<br />
  708. </div>
  709.  
  710. <td><img src="http://i.imgur.com/HFoa0We.png" />
  711. <td>
  712. <div style="width: 155px;">
  713. <b>Mother</b>: Giulia Ahn<br />
  714. <b>Father</b>: Soo Jae Ahn<br />
  715. <b>Siblings</b>: Twin brother, Sage Ahn<br />
  716. <b>Marital Status</b>: Undisclosed<br />
  717. <b>Pets</b>: A husky<br />
  718. </div>
  719.  
  720.  
  721. </tr>
  722. </table>
  723. </div>
  724.  
  725. <div id="chingu" class="popup_block">
  726. <table>
  727. <tr>
  728. <td><a href="http://maorei.tumblr.com/" title="My mao cat, best friend and sister, all in one! I was never happier to meet anyone ever. (Not even Bambam)"><img src="http://i.imgur.com/uVcHrXs.png" /></a></td>
  729.  
  730. <td><a href="http://jeunz.tumblr.com/" title="The original smol from my life, my #SMOLJOO, I love you a lot! *dances on the couch with pizza*"><img src="http://i.imgur.com/Z1i58QK.png" /></a></td>
  731. <td><a href="http://jvnei.tumblr.com/" title="Our beautiful and kind leader, I can't wait to be the best roommate you've ever had!"><img src="http://i.imgur.com/kU1vRky.png" /></a></td>
  732. <td><a href="http://yeunari.tumblr.com/" title="My wife, best friend and honorary member of my group, please only love me!! *makes heart*"><img src="http://i.imgur.com/AjVVS2j.png" /></a></td>
  733.  
  734. <td><a href="http://penncho.tumblr.com/" title="My mother in this place where I had no one to cling onto and probably the cutest person ever!"><img src="http://i.imgur.com/Z3JJhBf.png" /></a></td>
  735. <td><a href="http://kwiseul.tumblr.com/" title="Our manager, mother and food provider, burdened with 11 big babies!"><img src="http://i.imgur.com/1MGpxz2.png" /></a></td>
  736.  
  737. <td><a href="http://sshiruka.tumblr.com/" title="Sunbae-nim, silly oppa and my biggest fan, let's always be cute together!"><img src="http://i.imgur.com/L1eKr6S.png" /></a></td>
  738. <td><a href="http://aellionios.tumblr.com/" title="The unni I will always look up to and probably the most amazing person I know."><img src="http://i.imgur.com/hRcD1dw.png" /></a></td>
  739.  
  740. <td><a href="http://knoxsus.tumblr.com/" title="The coolest oppa I know, #heightgoals"><img src="http://i.imgur.com/gIUpBvX.png" /></a></td>
  741. <td><a href="http://yanghyuntae.tumblr.com/" title="The second coolest manager in TQ!"><img src="http://i.imgur.com/IHrlr8X.png" /></a></td>
  742. </tr>
  743. </table>
  744. </div>
  745.  
  746. <div id="af" class="popup_block">
  747. <table>
  748. <tr>
  749. <div style="padding: 2px; overflow-y: auto; text-align: justify;">
  750. <td>
  751. <center>Dear older brother,</center>
  752. I've always been your baby Brook and you've always been my Old Sage but even if the huge gap between us (of 10 whole minutes) didn't allow us to bond at all times, I think we did pretty well.<br />
  753. We've been together for too long to not be close and honestly, I couldn't be more thankful to have someone to look after me and joke with when I'm sad. So, let's not give up on eachother and continue being the great Ahn twins forever!
  754. <div align="right"> Your sister.</div>
  755. </td>
  756. </div>
  757. <td>
  758. <img src="http://i.imgur.com/RBSrgoD.png" />
  759. </td>
  760. </tr>
  761. </table>
  762. </div>
  763.  
  764. <div id="sidewrap">
  765. <div class="imgur"><img src="http://i.imgur.com/1TDOPYB.png" /></div>
  766.  
  767. <div class="smallwrap">
  768. <div class="titlee"><a href="/">ZENITH'S YOUTHFUL CUTIE!</a></div>
  769. <div class="stat">
  770. <a title="Original character, not Choi Jinri. All asks related to her will be delated or ignored!">ORIG</a> ×
  771. <a title="Literate and selective when it comes to following. Plotting is always welcomed. Aim given upon request!">LIT</a> ×
  772. <a title="I'm not affiliated with Kim Doyeon or Fantagio Ent. and my views to not reflect hers! Doyeon is a '99 liner.">disc</a> ×
  773. <a title="This account is safe for work and no triggering posts will be reblogged!">sfw</a>
  774. </div>
  775. <div class="img1">
  776. <img src="http://i.imgur.com/hZWr2MF.png" />
  777. </div>
  778.  
  779. <div class="img2">
  780. <img src="http://i.imgur.com/jyNCTLz.png" />
  781. </div>
  782.  
  783.  
  784. <div class="zenith">
  785. <a href="http://jvnei.tumblr.com/" title="Miss smolder-nim, the best leader of any group to ever exist!"><img src="http://i.imgur.com/zwKqoT6.png" /></a>
  786. <a href="/tagged/* ( zenith cuties )" title="Lead vocalist, main dancer!"><img src="http://i.imgur.com/XPWVomc.png" /></a>
  787.  
  788. <a href="/lynn" title="Miss tol, Zenith's youthful cutie!"><img src="http://i.imgur.com/vVKBkqV.png" /></a>
  789. <a href="http://jeunz.tumblr.com/" title="Miss smoljoo, or the original smol to ever smol!"><img src="http://i.imgur.com/Z5N2OEW.png" /></a>
  790.  
  791. <a href="/tagged/* ( zenith cuties )" title="Lead dancer, sub vocalist!"><img src="http://i.imgur.com/Djnipxe.png" /></a>
  792. <a href="http://8bitna.tumblr.com/" title="Miss Smolna, mother and absolute cutie!"><img src="http://i.imgur.com/B889tUP.png" /></a>
  793.  
  794. <a href="/tagged/* ( zenith cuties )" title="Sub vocalist, dancer!"><img src="http://i.imgur.com/T6Y7vGf.png" /></a>
  795. <a href="http://tomiedere.tumblr.com/" title="Smolmiko, the prettiest of the pretty!"><img src="http://i.imgur.com/cy2AlW7.png" /></a>
  796.  
  797. <a href="http://aennic.tumblr.com/" title="Miss smolnie, my English speaking baby!"><img src="http://i.imgur.com/Fa9WTJ8.png" /></a>
  798. <a href="http://jhwas.tumblr.com/" title="Miss smolhwa, my precious precious best friend!"><img src="http://i.imgur.com/Sh70bLf.png" /></a>
  799.  
  800. <a href="/tagged/* ( zenith cuties )" title="Maknae, vocalist and lead dancer!"><img src="http://i.imgur.com/1Xj0gYf.png" /></a>
  801. <a href="http://yeunari.tumblr.com/" title="Miss smolri, the honorary member of Zenith! (Also waippu!)"><img src="http://i.imgur.com/a0gkYnv.png" /></a>
  802. </div>
  803.  
  804. <div class="links">
  805. <a href="/" title="Refresh!">001!</a> ×
  806. <a href="/ask" title="Message!">002!</a> ×
  807. <a href="/submit" title="Gifts!">003!</a> ×
  808. <a href="/past" title="Archive!">004!</a> ×
  809. <a href="#?w=315" title="Profile" rel="profile" class="poplight">005!</a> ×
  810. <a href="#?w=360" title="Navigation!" rel="navi" class="poplight">006!</a>
  811. </div>
  812. <div class="bro">
  813. <a href="#" title="Brooklynn, the better twin!" rel="" class="poplight">
  814. <img src="http://i.imgur.com/VfURO9s.gif" />
  815. </a>
  816. </div>
  817. <div class="love">
  818. I don't care much about love, if it's not the one of my friends or food, or puppies! <a href="#?w=315" title="I love every single one of you can I couldn't imagine my life without you all!" rel="chingu" class="poplight">MORE</a>
  819. </div>
  820. <div class="cc">
  821. <a href="http://fybrooklynnahn.tumblr.com/"><img src="http://i.imgur.com/Tp56Ruz.png" /></a>
  822. <a href="http://tq-entertainment.tumblr.com/"><img src="http://i.imgur.com/2eOTeeO.png" /></a>
  823. <a href="http://fyzenith.tumblr.com/"><img src="http://i.imgur.com/avAPpjS.png" /></a>
  824.  
  825. <div class="deff">
  826. Introducing TQ Entertainment's unique charmed Ahn Brooklynn, a 18 years old girl whose biggest dream is being a successful singer and whose love for eating is exceeded only by GOT7's Bambam. Bright and energetic, she's the epitome of cuteness.
  827. </div>
  828. </div>
  829.  
  830. <div class="pagi">
  831. {block:PreviousPage}<a href="{PreviousPage}">PREVIOUS !</a>{/block:PreviousPage} &mdash; {block:NextPage}<a href="{NextPage}">FOLLOWING !</a>{/block:NextPage}
  832. </div>
  833.  
  834.  
  835. </div>
  836. </div>
  837.  
  838. <!-- SIDEBAR -->
  839. <div id="title">
  840. <a title="Click me!" id="clickbutton" class="t" style="cursor:pointer;"><span class="t">BEAUTY AND CHARM</span><span class="t" style="display:none">BEAUTY AND CHARM</span></a>
  841. </div>
  842.  
  843. <div id="entries">
  844. {block:Posts}
  845.  
  846. {block:ContentSource}
  847. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  848. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  849. {/block:SourceLogo}
  850. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  851.  
  852. <!-- {ReblogParentURL}{block:ReblogParentLogo}<img src="{BlackLogoURL}"
  853. width="{LogoWidth}" height="{LogoHeight}" alt="{ReblogParentTitle}" />
  854. {/block:ReblogParentLogo}
  855. {block:NoReblogParentLogo}{ReblogParentLink}{/block:NoReblogParentLogo} -->
  856. {/block:ContentSource}
  857.  
  858. <div id="post">
  859.  
  860. <!-- TEXT POSTS -->
  861. {block:Text}
  862. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  863. {Body}
  864. {/block:Text}
  865.  
  866. <!-- PHOTO POSTS -->
  867. {block:Photo}
  868. <center><img src="{PhotoURL-250}"></center>
  869. {block:Caption}{Caption}{/block:Caption}
  870. {/block:Photo}
  871.  
  872. <!-- PHOTOSET POSTS -->
  873. {block:Photoset}
  874. <div class="photosetpost">
  875. <div class="photosetimg"><center>{Photoset-250}</center></div>
  876. <p>{block:Caption}{Caption}{/block:Caption}</p>
  877. </div>
  878. {/block:Photoset}
  879.  
  880. <!-- QUOTE POSTS -->
  881. {block:Quote}
  882. <div class="quote">{Quote}</div>
  883. <div class="source">{block:Source} —{Source}{/block:Source}</div>
  884. {/block:Quote}
  885.  
  886. <!-- LINK POSTS -->
  887. {block:Link}
  888. <div class="posttitle">a href="{URL}" {Target}>{Name}</a></div>
  889. {block:Description}{Description}{/block:Description}
  890. {/block:Link}
  891.  
  892. <!-- CHAT POSTS -->
  893. {block:Chat}
  894. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  895. <div class="chatpost">{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</div>
  896.  
  897. {/block:Chat}
  898.  
  899.  
  900. <!-- ASK POST -->
  901. {block:Answer}
  902. <div class="asker">{Asker}</div>
  903. <div class="question">{Question}</div>
  904. <div class="answer">{Answer}</div>
  905. {/block:Answer}
  906.  
  907. <!-- AUDIO POST -->
  908. {block:Audio}
  909. {block:AudioPlayer}
  910. <div class="audioplayer">{AudioPlayer}</div>
  911. {/block:AudioPlayer}
  912. <div style="margin-left: 30px; margin-top: -20px; float: left; text-transform: uppercase;">
  913. {block:TrackName}<b>{TrackName}{/block:TrackName}</b>
  914. {block:Artist}BY {Artist}{/block:Artist}
  915. </div>
  916. {block:Caption}{Caption}{/block:Caption}
  917. {/block:Audio}
  918.  
  919. <!-- VIDEO POST -->
  920. {block:Video}
  921. <div class="video">{Video-250}</div>
  922. {block:Caption}{Caption}{/block:Caption}
  923. {/block:Video}
  924.  
  925. <!-- POST PERMA -->
  926.  
  927. {block:IndexPage}
  928. <div id="postperma">
  929. <a href="{Permalink}" title="{block:HasTags}{block:Tags} #{Tag}; {/block:Tags}{/block:HasTags}">TAGGED</a> ×
  930. <a href="{Permalink}" title="{block:Date}{DayOfMonth}/{MonthNumber}/{Year}{/block:Date}">POSTED</a> ×
  931. <a href="{Permalink}" title="{NoteCount}">NOTES</a> ×
  932. <a href="{ReblogURL}" title="Reblog it?">REBLOG</a>
  933. </div>
  934. {/block:IndexPage}
  935.  
  936. {block:PermalinkPage}
  937. <div id="pageperma">
  938. <div class="permatitle">
  939. Posted On: {block:Date}{DayOfMonth}/{MonthNumber}/{Year}{/block:Date} with {NoteCountWithLabel}!
  940. </div>
  941.  
  942. <div class="permatags">
  943. {block:HasTags}{block:Tags} #<a href="/tagged/{Tag}">{Tag}</a>, {/block:Tags}{/block:HasTags}
  944. </div>
  945. </div>
  946.  
  947. <div class="postnotes">
  948. {block:PostNotes}
  949. {PostNotes}{/block:PostNotes}
  950. {/block:Posts}
  951. </div>
  952. {/block:PermalinkPage}
  953.  
  954.  
  955. </div><!-- END OF POSTS -->
  956. {/block:Posts}
  957. </div><!-- END OF ENTRIES -->
  958.  
  959. <div id="credit">
  960. <a title="Theme by 98brook, optimized for chrome, 1368 x 768. Please don't steal!">♕</a></div>
  961. <div id="collective">
  962. <a href="http://63club.tumblr.com/">63CLUB</a><br />
  963. <a href="http://evt11ka.tumblr.com/">EVT11KA</a>
  964. </div>
  965. </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!