Advertisement
xariaaaa

[THEME] ɪxᴠɪɪɪ.ʙʀᴏᴏᴋʟʏɴɴᴀʜɴ

Oct 4th, 2016
227
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.33 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!-- ʙᴀsᴇ ʙʏ ᴇɴᴛᴇʀᴘʀɪᴢᴇʀ. ᴛʜᴇᴍᴇ ʙʏ ᴀʀɪᴀsʀᴘʜ ᴘʟᴇᴀsᴇ ᴅᴏ ɴᴏᴛ sᴛᴇᴀʟ ɪᴛ! ᴇᴅɪᴛɪɴɢ ɪs ᴀʟᴏᴡᴇᴅ, ʙᴜᴛ ᴘʟᴇᴀsᴇ ʟᴇᴀᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛɪɴɢ ɪɴᴛᴀᴄᴛ. -->
  9.  
  10. <style type="text/css">
  11. /* GASARA */
  12. @font-face { font-family: "gasara"; src: url('https://dl.dropbox.com/s/9mird7ef2oyhzbc/gasara.ttf'); }
  13.  
  14. /* ASPEX */
  15. @font-face { font-family: "aspex"; src: url('https:/dl.dropboxusercontent.com/s/yeeehszy65j0cfk/ASPEX_0.TTF') }
  16.  
  17. *, body, 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: #668aad;
  28. }
  29.  
  30. ::-webkit-scrollbar {
  31. height:9px;
  32. width:4px;
  33. background-color: #ffffff;
  34. }
  35.  
  36. body {
  37. background-color: #ffffff;
  38. }
  39.  
  40. a {
  41. color: #668aad;
  42. text-decoration: none;
  43. -moz-outline-style: none;
  44. -webkit-transition: opacity 0.7s linear;
  45. -webkit-transition: all 0.7s ease-out;
  46. -moz-transition: all 0.7s ease-out;
  47. transition: all 0.7s ease-out;
  48. }
  49.  
  50. a:hover {
  51. color: #365b79;
  52. -moz-outline-style: none;
  53. -webkit-transition: opacity 0.7s linear;
  54. -webkit-transition: all 0.7s ease-out;
  55. -moz-transition: all 0.7s ease-out;
  56. transition: all 0.7s ease-out;
  57. }
  58.  
  59. blockquote, blockquote blockquote {
  60. border-left: 1px solid #668aad;
  61. padding-left: 5px;
  62. margin-left: 5px;
  63. }
  64.  
  65. blockquote img, blockquote blockquote img, #post img, .photosetpost, .video {
  66. opacity: 0.3;
  67. -webkit-filter: grayscale(100%);
  68. -webkit-transition: opacity 0.7s linear;
  69. -webkit-transition: all 0.7s ease-out;
  70. -moz-transition: all 0.7s ease-out;
  71. transition: all 0.7s ease-out;
  72. }
  73.  
  74. blockquote img:hover, blockquote blockquote img:hover, #post img:hover, .photosetpost:hover, .video:hover {
  75. opacity: 0.8;
  76. -webkit-filter: grayscale(30%);
  77. -webkit-transition: opacity 0.7s linear;
  78. -webkit-transition: all 0.7s ease-out;
  79. -moz-transition: all 0.7s ease-out;
  80. transition: all 0.7s ease-out;
  81. }
  82.  
  83. blockquote img, #post img {
  84. max-width: 240px;
  85. height: auto;
  86. }
  87.  
  88. blockquote blockquote img {
  89. max-width: 180px;
  90. height: auto;
  91. }
  92.  
  93. img {
  94. border:none;
  95. }
  96.  
  97. h1, h2, h3 {
  98. font-family: "Aspex";
  99. font-size: 15px;
  100. color: #668aad;
  101. font-weight: 500;
  102. text-transform: uppercase;
  103. letter-spacing: 1px;
  104. line-height: 28px;
  105. text-align: justify;
  106. }
  107.  
  108. pre, code {
  109. color: #000000;
  110. font-family: "Gasara";
  111. font-size: 8px;
  112. line-height: 12px;
  113. letter-spacing: 1px;
  114. text-align: center;
  115. background-color: #ffffff;
  116. padding: 10px;
  117. white-space:pre-wrap;
  118. word-wrap:break-word;
  119. border-left: 1px solid #668aad;
  120. border-right: 1px solid #668aad;
  121. border-bottom: 1px dotted #668aad;
  122. }
  123.  
  124. small, sub, sup {
  125. font-size: 12px;
  126. }
  127.  
  128. /* POSTS */
  129. #entries {
  130. width: 260px;
  131. height: 100%;
  132. float: left;
  133. margin-top: 20px;
  134. margin-left: 300px;
  135. }
  136.  
  137. #post {
  138. background-color: #e4e4e4;
  139. width: 250px;
  140. text-align: justify;
  141. padding: 20px;
  142. margin-bottom: 50px;
  143. font-family: "Calibri";
  144. font-size: 12px;
  145. color: #000000;
  146. }
  147.  
  148. #post b {
  149. font-family: "Aspex";
  150. font-size: 10px;
  151. }
  152.  
  153. #post i {
  154. font-family: "Calibri";
  155. font-size: 10px;
  156. text-transform: uppercase;
  157. }
  158.  
  159. .posttitle {
  160. text-transform: uppercase;
  161. line-height: 30px !important;
  162. font-family: "Aspex";
  163. font-size: 20px;
  164. letter-spacing: 1px;
  165. color: #668aad;
  166. }
  167.  
  168. #asker {
  169. font-family: "Aspex" !important;
  170. font-size: 20px;
  171. text-transform: uppercase;
  172. text-align: center;
  173. margin-bottom: 10px;
  174. }
  175.  
  176. .question {
  177. background-color: #ffffff;
  178. padding: 10px;
  179. font-family: "Calibri";
  180. font-size: 10px;
  181. text-transform: uppercase;
  182. border-top: 1px dotted #668aad;
  183. }
  184.  
  185. .chat b {
  186. text-transform: uppercase;
  187. }
  188.  
  189. .player {
  190. width: 27px;
  191. height: 27px;
  192. left: 16px;
  193. top: 16px;
  194. opacity: 0.4;
  195. line-height: 0;
  196. overflow: hidden;
  197. }
  198.  
  199. .details {
  200. margin-top: -20px;
  201. margin-left: 23px;
  202. font-family: "Calibri";
  203. font-size: 10px;
  204. text-transform: uppercase;
  205. }
  206.  
  207. .quote {
  208. font-family: "Aspex";
  209. font-size: 15px;
  210. text-align: justify;
  211. }
  212.  
  213. .source {
  214. font-family: "Gasara";
  215. font-size: 8px;
  216. text-align: right;
  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 #ffffff;
  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. /* SIDEBAR */
  242. #sidewrap {
  243. height: 500px;
  244. width: 500px;
  245. position: fixed;
  246. float: right;
  247. right: 100px;
  248. bottom: 0px;
  249. }
  250.  
  251. #render {
  252. margin-top: -100px;
  253. margin-left: 150px;
  254. }
  255.  
  256. #mcwrap {
  257. width: 500px;
  258. height: 350px;
  259. margin-left: 0px;
  260. margin-top: -240px;
  261. -webkit-transition: opacity 0.7s linear;
  262. -webkit-transition: all 0.7s ease-out;
  263. -moz-transition: all 0.7s ease-out;
  264. transition: all 0.7s ease-out;
  265. }
  266.  
  267. .linee {
  268. width: 500px;
  269. height: 10px;
  270. margin-top: 236px;
  271. background-color: #668aad;
  272. }
  273.  
  274. .links {
  275. margin-top: 5px;
  276. height: 120px;
  277. width: 120px;
  278. }
  279.  
  280. .linkss {
  281. font-family: "Calibri";
  282. font-size: 10px;
  283. text-align: right;
  284. letter-spacing: 0px;
  285. line-height: 15px;
  286. text-align: right;
  287. margin-left: 45px;
  288. width: 75px;
  289. border-right: 5px solid #668aad;
  290. height: 15px;
  291. margin-bottom: -12px;
  292. background-color: #e4e4e4;
  293. -webkit-transition: opacity 0.7s linear;
  294. -webkit-transition: all 0.7s ease-out;
  295. -moz-transition: all 0.7s ease-out;
  296. transition: all 0.7s ease-out;
  297. }
  298.  
  299. .linkss:hover {
  300. margin-left: 0px;
  301. width: 120px;
  302. -webkit-transition: opacity 0.7s linear;
  303. -webkit-transition: all 0.7s ease-out;
  304. -moz-transition: all 0.7s ease-out;
  305. transition: all 0.7s ease-out;
  306. }
  307.  
  308. .hover {
  309. margin-top: -120px;
  310. margin-left: 330px;
  311. height: 120px;
  312. width: 120px;
  313. }
  314.  
  315. .hoverr {
  316. font-family: "Calibri";
  317. font-size: 10px;
  318. text-align: left;
  319. letter-spacing: 0px;
  320. line-height: 15px;
  321. margin-left: 45px;
  322. width: 75px;
  323. border-left: 5px solid #668aad;
  324. height: 15px;
  325. margin-bottom: -12px;
  326. background-color: #e4e4e4;
  327. -webkit-transition: opacity 0.7s linear;
  328. -webkit-transition: all 0.7s ease-out;
  329. -moz-transition: all 0.7s ease-out;
  330. transition: all 0.7s ease-out;
  331. }
  332.  
  333. .hoverr:hover {
  334. margin-left: 45px;
  335. width: 120px;
  336. -webkit-transition: opacity 0.7s linear;
  337. -webkit-transition: all 0.7s ease-out;
  338. -moz-transition: all 0.7s ease-out;
  339. transition: all 0.7s ease-out;
  340. }
  341.  
  342. .desc1 {
  343. line-height: 14px;
  344. width: 220px;
  345. height: 100px;
  346. background-color: #e4e4e4;
  347. padding: 10px;
  348. font-family: "Calibri";
  349. font-size: 10px;
  350. text-transform: uppercase;
  351. text-align: justify;
  352. margin-top: -120px;
  353. margin-left: 130px;
  354. }
  355.  
  356. .profi {
  357. position: absolute;
  358. z-index: 999999;
  359. margin-top: -190px;
  360. font-family: "Calibri";
  361. font-size: 10px;
  362. text-align: left;
  363. letter-spacing: 0px;
  364. width: 150px;
  365. height: 30px;
  366. padding: 10px;
  367. background-color: #e4e4e4;
  368. overflow: auto;
  369. -webkit-transition: opacity 0.7s linear;
  370. -webkit-transition: all 0.7s ease-out;
  371. -moz-transition: all 0.7s ease-out;
  372. transition: all 0.7s ease-out;
  373. }
  374.  
  375. #mcwrap:hover .profi, #mcwrap:hover .img {
  376. height: 100px;
  377. margin-top: -260px;
  378. -webkit-transition: opacity 0.7s linear;
  379. -webkit-transition: all 0.7s ease-out;
  380. -moz-transition: all 0.7s ease-out;
  381. transition: all 0.7s ease-out;
  382. }
  383.  
  384. .img {
  385. overflow: hidden !important;
  386. position: absolute;
  387. z-index: -999999;
  388. margin-top: -190px;
  389. margin-left: 330px;
  390. font-family: "Calibri";
  391. font-size: 10px;
  392. text-align: justify;
  393. letter-spacing: 0px;
  394. width: 150px;
  395. height: 30px;
  396. padding: 10px;
  397. background-color: #e4e4e4;
  398. overflow: auto;
  399. -webkit-transition: opacity 0.7s linear;
  400. -webkit-transition: all 0.7s ease-out;
  401. -moz-transition: all 0.7s ease-out;
  402. transition: all 0.7s ease-out;
  403. }
  404.  
  405. .title {
  406. position: absolute;
  407. z-index: -99999;
  408. font-family: "Aspex";
  409. font-size :30px;
  410. color: #668aad;
  411. width: 500px;
  412. letter-spacing: 3px;
  413. margin-left: 2px;
  414. margin-top: -220px;
  415. -webkit-transition: opacity 0.7s linear;
  416. -webkit-transition: all 0.7s ease-out;
  417. -moz-transition: all 0.7s ease-out;
  418. transition: all 0.7s ease-out;
  419. }
  420.  
  421. #mcwrap:hover .title {
  422. margin-top: -290px;
  423. }
  424.  
  425. #friend {
  426. height: 90px;
  427. width: 90px;
  428. position: fixed;
  429. bottom: 5px;
  430. right: 5px;
  431. float: right;
  432. -webkit-transition: opacity 0.7s linear;
  433. -webkit-transition: all 0.7s ease-out;
  434. -moz-transition: all 0.7s ease-out;
  435. transition: all 0.7s ease-out;
  436. }
  437.  
  438. #friend:hover .sqcont {
  439. opacity: 1;
  440. margin-top: -470px;
  441. -webkit-transition: opacity 0.7s linear;
  442. -webkit-transition: all 0.7s ease-out;
  443. -moz-transition: all 0.7s ease-out;
  444. transition: all 0.7s ease-out;
  445. }
  446.  
  447. .sqcont {
  448. opacity: 0;
  449. height: 500px;
  450. width: 500px;
  451. margin-top: 0px;
  452. margin-left: -505px;
  453. -webkit-transition: opacity 0.7s linear;
  454. -webkit-transition: all 0.7s ease-out;
  455. -moz-transition: all 0.7s ease-out;
  456. transition: all 0.7s ease-out;
  457. }
  458.  
  459. .smolsq {
  460. opacity: 1;
  461. overflow: auto;
  462. width: 150px;
  463. height: 200px;
  464. padding: 10px;
  465. background-color: #e4e4e4;
  466. font-family: "Calibri";
  467. font-size: 10px;
  468. text-align: justify;
  469. }
  470.  
  471. .animalsq {
  472. margin-top: -220px;
  473. margin-left: 330px;
  474. opacity: 1;
  475. overflow: auto;
  476. width: 150px;
  477. height: 200px;
  478. padding: 10px;
  479. background-color: #e4e4e4;
  480. font-family: "Calibri";
  481. font-size: 10px;
  482. text-align: justify;
  483. }
  484.  
  485. .tt {
  486. font-family: "Aspex";
  487. text-transform: uppercase;
  488. font-size: 15px;
  489. color: #668aad;
  490. }
  491.  
  492. .heart {
  493. margin-top: -415px;
  494. margin-left: 283px;
  495. }
  496.  
  497. #credit {
  498. font-family: "Calibri";
  499. line-height: 10px;
  500. position: fixed;
  501. bottom: 5px;
  502. left: 5px;
  503. font-size: 10px;
  504. text-transform: uppercase;
  505. text-align: center;
  506. }
  507.  
  508. #s-m-t-tooltip{
  509. max-width: 200px;
  510. padding: 5px;
  511. margin: 10px;
  512. background-color: #e4e4e4;
  513. border-left: 3px solid #668aad;
  514. color: #000000;
  515. font-family: "Calibri";
  516. letter-spacing: 2px;
  517. text-transform: uppercase;
  518. font-size: 9px;
  519. line-height: 100%;
  520. z-index:9999999999999999999999999999999999999999999999;
  521. }
  522.  
  523. .pinfo {
  524. margin-top: 20px;
  525. padding-top: 10px;
  526. border-top: 1px solid white;
  527. font-family: "Aspex";
  528. font-size: 10px;
  529. text-align: center;
  530. }
  531.  
  532. .notes img {
  533. display: none;
  534. }
  535.  
  536. .notes {
  537. font-family: "Calibri";
  538. font-size: 10px;
  539. text-align: justify;
  540. text-transform: uppercase;
  541. }
  542. </style>
  543.  
  544. <script src="http://static.tumblr.com/whx9ghv/lq0m3ktlh/modernizr.custom.34978.js"></script>
  545. <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js'></script>
  546. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  547. <script>
  548. (function($){
  549. $(document).ready(function(){
  550. $("[title]").style_my_tooltips();
  551. });
  552. })(jQuery);
  553. </script>
  554.  
  555. </head>
  556. <body>
  557.  
  558. <div id="sidewrap">
  559. <div id="render"><img src="http://i.imgur.com/IKe9ucw.png" /></div>
  560. <div id="mcwrap">
  561. <div class="linee"></div>
  562. <div class="links">
  563. <a href="/"><div class="linkss">HOME &nbsp;</div></a><br />
  564. <a href="/ask"><div class="linkss">INBOX &nbsp;</div></a><br />
  565. <a href="/archive"><div class="linkss">ARCHIVE &nbsp;</div></a><br />
  566. <a href="/1"><div class="linkss">PROFILE &nbsp;</div></a><br />
  567. <a href="/2"><div class="linkss">NAVIGATION &nbsp;</div></a><br />
  568. <a href="/3"><div class="linkss">DISCLAIMER &nbsp;</div></a><br />
  569. </div>
  570. <div class="desc1">
  571. Introducing TQ Entertainment's unique charmed Brooklynn Ahn, a eighteen years old girl whose biggest dream is becoming a successful singer and whose love for eating is exceeded only by her affection towards GOT7's BAMBAM. Bright and energetic, she is the epitome of cuteness, someone you adore.
  572. </div>
  573. <div class="hover">
  574. <a title="This is an original character, her views do not reflect mine and we are not the same person."><div class="hoverr"> &nbsp;ORIGINAL</div></a><br />
  575. <a title="This is a literate and selective roleplay account, I will not follow back every blog that follows me."><div class="hoverr"> &nbsp;LITERATE</div></a><br />
  576. <a title="No NSFW posts will be posted here, and the same goes for triggering posts."><div class="hoverr"> &nbsp;SAFE FOR WORK</div></a><br />
  577. <a title="I am not Kim Do Yeon, I'm not affiliated with I.O.I, CJES Ent or Fantagio Ent and I don't claim she's alike Brooklynn."><div class="hoverr"> &nbsp;NOT DOYEON</div></a><br />
  578. <a title="Brooklynn Ahn is the Main Vocalist and Dancer of Zenith."><div class="hoverr"> &nbsp;IDOL VERSE</div></a><br />
  579. <a href="http://tq-entertainment.tumblr.com/"><div class="hoverr"> &nbsp;TQ ENT.</div></a><br />
  580. </div>
  581.  
  582. <div class="profi">
  583. <b>NAME</b>: Brooklynn Ahn<br />
  584. <b>AGE</b>: 18 (eighteen)<br />
  585. <b>BIRTHDAY</b>: February 24, 1998<br />
  586. <b>OCCUPATION</b>: Idol<br /><br />
  587.  
  588. <b>HEIGHT</b>: 174cm<br />
  589. <b>WEIGHT</b>: 58kg<br />
  590. <b>HAIR COLOR</b>: Brown<br />
  591. <b>EYE COLOR</b>: Black<br />
  592. <b>BODY TYPE</b>: Thin, slender
  593. </div>
  594.  
  595. <div class="img">
  596. <a href="http://fyzenith.tumblr.com/" title="TQ ENT's most innocent girl group!">
  597. <img src="http://i.imgur.com/neAiYIZ.png" />
  598. </a>
  599. </div>
  600. <div class="title">
  601. IXVIII.BROOKLYNNAHN
  602. </div>
  603. <div class="heart">
  604. <a title="You're cute, but can you dab like Bambam?">
  605. <img src="http://66.media.tumblr.com/3b31b6f717bd86263c8e617d004aa851/tumblr_inline_nduuzq9PpZ1rujz3w.gif" />
  606. </a>
  607. </div>
  608. </div>
  609. </div>
  610.  
  611.  
  612. <div id="entries">
  613. {block:Posts}
  614. {block:ContentSource}
  615. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  616. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  617. {/block:SourceLogo}
  618. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  619.  
  620. <!-- {ReblogParentURL}{block:ReblogParentLogo}<img src="{BlackLogoURL}"
  621. width="{LogoWidth}" height="{LogoHeight}" alt="{ReblogParentTitle}" />
  622. {/block:ReblogParentLogo}
  623. {block:NoReblogParentLogo}{ReblogParentLink}{/block:NoReblogParentLogo} -->
  624. {/block:ContentSource}
  625. <div id="post">
  626.  
  627. <!-- TEXT POSTS -->
  628. {block:Text}
  629. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  630. {Body}
  631. {/block:Text}
  632.  
  633. <!-- PHOTO POSTS -->
  634. {block:Photo}
  635. <center><img src="{PhotoURL-250}" /></center>
  636. {block:Caption}{Caption}{/block:Caption}
  637. {/block:Photo}
  638.  
  639. <!-- PHOTOSET POSTS -->
  640. {block:Photoset}
  641. <div class="photosetpost">{Photoset-250}</div>
  642. {block:Caption}{Caption}{/block:Caption}
  643. {/block:Photoset}
  644.  
  645. <!-- QUOTE POSTS -->
  646. {block:Quote}
  647. <div class="quote">{Quote}</div>
  648. <div class="source">{block:Source} —{Source}{/block:Source}</div>
  649. {/block:Quote}
  650.  
  651. <!-- LINK POSTS -->
  652. {block:Link}
  653. <div class="posttitle"><a href="{URL}" {Target}>{Name}</a></div>
  654. {block:Description}{Description}{/block:Description}
  655. {/block:Link}
  656.  
  657. <!-- CHAT POSTS -->
  658. {block:Chat}
  659. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  660. <div class="chat">
  661. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</div>
  662. {/block:Chat}
  663.  
  664.  
  665. <!-- ASK POST -->
  666. {block:Answer}
  667. <div id="asker">{Asker}</div>
  668. <div class="question">{Question}</div>
  669. {Answer}
  670. {/block:Answer}
  671.  
  672. <!-- AUDIO POST -->
  673. {block:Audio}
  674. <div class="player">{AudioPlayerGrey}</div>
  675. <div class="details">
  676. {block:TrackName}{TrackName}{/block:TrackName} by {block:Artist}{Artist}{/block:Artist}</div>
  677. {block:Caption}{Caption}{/block:Caption}
  678. {/block:Audio}
  679.  
  680. <!-- VIDEO POST -->
  681. {block:Video}
  682. <div class="video">{Video-250}</div>
  683. {block:Caption}{Caption}{/block:Caption}
  684. {/block:Video}
  685.  
  686. {block:IndexPage}
  687. <div class="perma">
  688. <span class="pperma">
  689. <a href="{ReblogURL}" target="_blank" class="r">REBLOG</a><br />
  690. <a href="{Permalink}" class="r">{DayOfMonth} {Month}</a>
  691. </span>
  692. <a href="{Permalink}" title="{block:HasTags}{block:Tags}#{Tag}{/block:Tags}{/block:HasTags}">TAGGED</a><br />
  693. <a href="{Permalink}">{NoteCountWithLabel}</a>
  694. </div>
  695. {/block:IndexPage}
  696.  
  697. {block:PermalinkPage}
  698. <div class="pinfo">
  699. Posted on {DayOfMonth} {Month} {Year} with {NoteCountWithLabel}.<br />
  700. Tagged as: {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}.
  701. </div>
  702.  
  703. <div class="notes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  704. {/block:PermalinkPage}
  705. </div>
  706. {/block:Posts}
  707. </div>
  708.  
  709. <div id="friend">
  710. <img src="http://66.media.tumblr.com/55a6b286a9dc6d6093c9efe10418b6fe/tumblr_ndnusckzAr1u1nuzeo1_100.gif" />
  711. <div class="sqcont">
  712. <div class="smolsq">
  713. <div class="tt">#smolsquad</div>
  714. For all the babies in my smol squad, I don't think I need to tell you that I love you. You know that! Thank you for being my friends, for loving and supporting me no matter what!<br />
  715. <a href="http://maorei.tumblr.com/" title="My favourite smol, my best friend in the world and sister-like cutie, SMOLMAO"><img src="http://i.imgur.com/B83L9va.gif" /></a>
  716. <a href="http://yeunari.tumblr.com/" title="My waippu, the one I can always turn to and the one who'll always love me, SMOLRI"><img src="http://i.imgur.com/K4YlRqq.gif" /></a>
  717.  
  718. <a href="http://iyummi.tumblr.com/" title="My precious baby maknae, SMOLMMY"><img src="http://i.imgur.com/btXsFfk.gif" /></a>
  719. <a href="http://8bitna.tumblr.com/" title="The fiercest cute rapper, SMOLNA"><img src="http://i.imgur.com/kifoNaa.gif" /></a>
  720.  
  721.  
  722. <a href="http://jeunz.tumblr.com/" title="My baby from the japanese line, lowkey visual and boyfriend, SMOLJOO"><img src="http://i.imgur.com/GenThis.gif" /></a>
  723. <a href="http://jvnei.tumblr.com/" title="The best smol I could ever ask for, my SMOLDER NIM"><img src="http://i.imgur.com/QF187ag.gif" /></a>
  724. <a href="http://sxrxndipity.tumblr.com/" title="My forever excited friend, SMOLSOMI"><img src="http://i.imgur.com/r1dbfah.gif" /></a>
  725.  
  726. <a href="http://jhwas.tumblr.com/" title="one of my very first friends and smols, SMOLHWA"><img src="http://i.imgur.com/HOMv0Rg.gif" /></a>
  727. <a href="http://tomiedere.tumblr.com/" title="my naruto-obsessed baby, who understands my fangirling, SMOLMIKO!"><img src="http://i.imgur.com/WPHe851.gif" /></a>
  728. <a href="http://aennic.tumblr.com/" title="The cutest youtuber with the best rap and singing skills, SMOLNIE"><img src="http://i.imgur.com/ASvNLVY.gif" /></a>
  729. <br /><br />
  730. <div class="tt">#babyanimals</div>
  731. <a href="http://driank.tumblr.com/" title="The rad & rad babykitten, DORIAN"><img src="http://i.imgur.com/yf7X2ns.gif" /></a>
  732. <a href="http://taehz.tumblr.com/" title="My twin baby bear, TAEHYUNG"><img src="http://i.imgur.com/SoKW5Dt.gif" /></a>
  733.  
  734. <a href="http://kjvn97.tumblr.com/" title="You're my rude babylion, but ily, JUNHOE"><img src="http://i.imgur.com/bWPkg9Z.gif" /></a>
  735. <a href="http://99cyw.tumblr.com/" title="My youngest baby smol, ARIN"><img src="http://i.imgur.com/fBalfRh.gif" /></a>
  736.  
  737.  
  738. </div>
  739. <div class="animalsq">
  740. <div class="tt">#dearfriends</div>
  741. Just because I've never called you my smol or a babyanimal, it doesn't mean you're not part of my squad. I love every single oneof you and I hope you know that very well!
  742. <a href="http://penncho.tumblr.com/" title="The best person in the world, my mom, SPENCER"><img src="http://i.imgur.com/Ayh9Pwr.gif" /></a>
  743.  
  744. <a href="http://aellionios.tumblr.com/" title="My coolest unni, AKALI!"><img src="http://i.imgur.com/H9JZ5Dz.gif" /></a>
  745. <a href="http://lislisa.tumblr.com/" title="The favourite BP member, MONSTERLISA!"><img src="http://i.imgur.com/PK3kx3d.gif" /></a>
  746.  
  747. <a href="http://knoxsus.tumblr.com/" title="The sleepiest oppa ever, KNOX AHJUSSI"><img src="http://i.imgur.com/Sm16gi9.gif" /></a>
  748. <a href="http://jaseo.tumblr.com/" title="My favourite co:hrt oppa, S(M)EO(L)JUN"><img src="http://i.imgur.com/u20Yonc.gif" /></a>
  749.  
  750. <a href="http://jjxcksonwang.tumblr.com/" title="The goofiest but also the nicest friend I have, JACKSON"><img src="http://i.imgur.com/6eaFSzp.gif" /></a>
  751. <a href="http://95wyld.tumblr.com/" title="my adoptive brother in TQ Ent, WYLD"><img src="http://i.imgur.com/RSaxaPi.gif" /></a>
  752.  
  753. <a href="http://zinnieha.tumblr.com/" title="The best helper in the world when it comes to anything, ZINNIE"><img src="http://i.imgur.com/YHQP98b.gif" /></a>
  754. </div>
  755. </div>
  756. </div>
  757. </div>
  758.  
  759. <div id="credit">
  760. <a title="THEME BY 98BROOK.">♕</a><br />
  761. <a href="http://63club.tumblr.com/">63club</a><br />
  762. <a href="http://evt11ka.tumblr.com/">EVT11KA</a><br />
  763. <a href="http://fybrooklynnahn.tumblr.com/">FYBROOK</a>
  764. </div>
  765.  
  766.  
  767. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement