API tools faq
paste
Advertisement
allebyu

cheol

allebyu
Jul 10th, 2016
45
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 62.72 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.  
  4. <!-----------------------------------------------------------------
  5. █▀▀▀ █▀▀█ █░░ █▀▀█ █░█ ░▀░ █▀▀█ █▀▀ 　 ▀▀█▀▀ █░░█ █▀▀ █▀▄▀█ █▀▀ █▀▀
  6. █░▀█ █▄▄█ █░░ █▄▄█ ▄▀▄ ▀█▀ █▄▄█ ▀▀█ 　 ░░█░░ █▀▀█ █▀▀ █░▀░█ █▀▀ ▀▀█
  7. ▀▀▀▀ ▀░░▀ ▀▀▀ ▀░░▀ ▀░▀ ▀▀▀ ▀░░▀ ▀▀▀ 　 ░░▀░░ ▀░░▀ ▀▀▀ ▀░░░▀ ▀▀▀ ▀▀▀
  8. ᴛʜᴇᴍᴇ ʙʏ ɢᴀʟᴀxɪᴀs-ᴛʜᴇᴍᴇs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ
  9. ʙᴀsᴇ ʙʏ ᴀɴᴢᴇʟɪᴄ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ
  10. ᴘʟᴇᴀsᴇ ᴅᴏ ɴᴏᴛ ʀᴇᴍᴏᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ, sᴛᴇᴀʟ ᴏʀ ᴄʟᴀɪᴍ ᴀs ʏᴏᴜʀ ᴏᴡɴ.
  11. ------------------------------------------------------------------>
  12.  
  13. <meta name="color:Background Color" content="#ebebeb"/>
  14.  
  15. <meta name="color:Blockquote Border" content="#5e5e5e"/>
  16. <meta name="color:Odd Text" content="#525252"/>
  17. <meta name="color:Odd Background" content="#ebebeb"/>
  18. <meta name="color:Even Text" content="#6f6f6f"/>
  19. <meta name="color:Even Background" content="#ffffff"/>
  20.  
  21. <meta name="color:Bolded Text" content="#8b8b8b"/>
  22. <meta name="color:Italicised Text" content="#8b8b8b"/>
  23.  
  24. <meta name="color:Post Text" content="#6b6b6b"/>
  25. <meta name="color:Post Background" content="#ffffff"/>
  26. <meta name="color:Post Border" content="#ffffff"/>
  27. <meta name="color:Sidebar Background" content="#ffffff"/>
  28. <meta name="color:Sidebar Border" content="#cfcfcf"/>
  29. <meta name="color:Desc Text" content="#6b6b6b"/>
  30. <meta name="color:Asker Text" content="#6b6b6b"/>
  31. <meta name="color:Ask Background" content="#ededed"/>
  32. <meta name="color:Track Text" content="#6b6b6b"/>
  33. <meta name="color:Track Background" content="#ffffff"/>
  34. <meta name="color:Tooltip Background" content="#ffffff"/>
  35. <meta name="color:Tooltip Text" content="#5e5e5e"/>
  36.  
  37. <meta name="color:Permalink Text Color" content="#7c7c7c"/>
  38. <meta name="color:Permalink Link" content="#ff62a9"/>
  39.  
  40. <meta name="color:Links" content="#ff62a9"/>
  41. <meta name="color:Hover Link" content="#ffffff"/>
  42.  
  43. <meta name="text:Link1" content="Link1"/>
  44. <meta name="text:Url1" content="/"/>
  45. <meta name="text:Link2" content="Link2"/>
  46. <meta name="text:Url2" content="/"/>
  47. <meta name="text:Link3" content="Link3"/>
  48. <meta name="text:Url3" content="/"/>
  49. <meta name="text:Link4" content="Link4"/>
  50. <meta name="text:Url4" content="/"/>
  51. <meta name="text:Link5" content="Link5"/>
  52. <meta name="text:Url5" content="/"/>
  53. <meta name="text:Link6" content="Link6"/>
  54. <meta name="text:Url6" content="/"/>
  55.  
  56. <meta name="text:Hovers" content="HOVERS GO HERE"/>
  57. <meta name="text:Quote" content="Just for today, I cry. Be happy forever, good bye. It’s okay if you think of me and smile sometimes."/>
  58. <meta name="text:MP3 Link" content="http://k007.kiwi6.com/hotlink/o47b6fidc1/04._I_m_Fine_Thank_You.mp3"/>
  59.  
  60. <meta name="color:Selected Text" content="#ffffff"/>
  61. <meta name="color:Scrollbar Background" content="#ffffff"/>
  62. <meta name="color:Scrollbar Trackbar" content="#ff62a9"/>
  63. <meta name="color:Desc Scrollbar Background" content="#ffffff"/>
  64. <meta name="color:Desc Scrollbar Trackbar" content="#ff62a9"/>
  65.  
  66. <meta name="image:Background Image" content="http://static.tumblr.com/4888f819ec382cc3d97b5eb0c2557f2c/ssbhuug/laKnedrba/tumblr_static_a19gv9kyigowg4ossc000ckg8.png"/>
  67. <meta name="image:Sidebar Image1" content="http://static.tumblr.com/ssbhuug/cfFnedvtr/sb1.png"/>
  68. <meta name="image:Sidebar Image2" content="http://static.tumblr.com/ssbhuug/3YUnedvtx/sb2.png"/>
  69. <meta name="image:Sidebar Image3" content="http://static.tumblr.com/ssbhuug/gvVnedvub/sb3.png"/>
  70.  
  71. <meta name="if:ShowCaptions" content="1"/>
  72. <meta name="if:ShowTags" content="0"/>
  73. <meta name="if:Monochrome" content="0">
  74.  
  75. <meta name="if:250" content="1">
  76. <meta name="if:400" content="0">
  77. <meta name="if:500" content="0">
  78.  
  79. <meta name="if:Pagination" content="0"/>
  80. <head>
  81.  
  82.  
  83. <title>{Title}</title>
  84. {block:Description}
  85. <meta name="description" content="{MetaDescription}" />
  86. {/block:Description}
  87. <link rel="shortcut icon" href="{Favicon}" />
  88. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  89.  
  90. <style type="text/css">
  91.  
  92. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
  93.  
  94. <link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>
  95.  
  96. @font-face { font-family: "muli"; src: url('https://dl.dropboxusercontent.com/s/swqjp2tlc6l94cj/muli-light.ttf?dl=1'); format(“truetype”);}
  97.  
  98. @font-face { font-family: "tinytots"; src: url('https://dl.dropboxusercontent.com/s/y0pfz7ndq83n7j7/04b_03_.ttf?dl=1'); format(“truetype”);}
  99.  
  100. @font-face { font-family: "wendy"; src: url('https://dl.dropboxusercontent.com/s/yr32rdtfszs02ze/wendy.ttf?dl=1'); format(“truetype”);}
  101.  
  102. @font-face { font-family:"gasara"; src: url('https://dl.dropboxusercontent.com/s/rs1x228jf7c97uf/gasara.ttf?dl=1'); format(“truetype”);}
  103.  
  104. @font-face {font-family: "hasteristico";src: url('https://dl.dropboxusercontent.com/s/1q25s0pxgiibx5j/hasteristico.ttf?dl=1'); format("truetype");}
  105.  
  106. @font-face { font-family: "aaargh"; src: url('https://dl.dropboxusercontent.com/s/bnyoyt2m3w06ehr/aaargh.ttf?dl=1'); format(“truetype”);}
  107.  
  108. @font-face {font-family: "qwigley";src: url('https://dl.dropboxusercontent.com/s/ezrajt6s4w6ry4m/qwigley-regular.ttf?dl=1'); format("truetype");}
  109.  
  110. @font-face { font-family: "telegrafico"; src: url('https://dl.dropboxusercontent.com/s/rnld5pogaqu0gpp/telegrafico.ttf'); }
  111. @font-face { font-family: "celine_dion"; src: url('https://dl.dropboxusercontent.com/u/94606159/Celine_Dion_Handwriting.ttf'); format("truetype");}
  112. @font-face {font-family: "windsong";src: url('https://dl.dropboxusercontent.com/s/44j53i3ganmfv6t/windsong.ttf?dl=1'); format("truetype");}
  113. @font-face{ font-family:"haeccity"; src:url('https://dl.dropboxusercontent.com/s/48102ianng6pss6/haeccity.ttf');}
  114. @font-face { font-family: "comic_book"; src: url('https://dl.dropboxusercontent.com/u/94606159/Comic%20Book.otf'); format("truetype");}
  115. @font-face { font-family: "basic"; src: url(‘https://dl.dropboxusercontent.com/u/94606159/basictitlefont.ttf'); format("truetype");}
  116. @font-face { font-family: "clemente"; src: url('https://dl.dropboxusercontent.com/u/94606159/ClementePDac-ExtraLight.ttf'); format("truetype");}
  117. @font-face { font-family: "dolce_vita"; src: url('https://dl.dropboxusercontent.com/u/94606159/Dolce%20Vita.ttf'); format("truetype");}
  118. @font-face { font-family: "ever_after"; src: url('https://dl.dropboxusercontent.com/u/94606159/EVERAFTE.TTF'); format("truetype");}
  119. @font-face { font-family: "broken"; src: url('https://dl.dropboxusercontent.com/u/94606159/Sweetly%20Broken.ttf'); format("truetype");}
  120. @font-face { font-family: "across_the_road"; src: url('https://dl.dropboxusercontent.com/u/94606159/Across%20the%20Road.ttf'); format("truetype");}
  121. @font-face { font-family: "kai"; src: url('https://dl.dropboxusercontent.com/u/94606159/ABEAKRG.TTF'); format("truetype");}
  122. @font-face { font-family: "talking_to_the_moon"; src: url('https://dl.dropboxusercontent.com/u/94606159/TalkingToTheMoon.ttf'); format("truetype");}
  123. @font-face { font-family:"swenson"; src: url('https://dl.dropboxusercontent.com/s/g8baufvqnng1g1h/swenson.ttf'); format(“truetype”);}
  124. @font-face { font-family:"learning curve"; src: url('https://dl.dropboxusercontent.com/s/4a65w8487t5ttl6/learningcurve.ttf'); format(“truetype”);}
  125. @font-face {font-family: "alexbrush";src: url('https://dl.dropboxusercontent.com/s/y48zvcvymdw1vmo/AlexBrush-Regular.ttf?dl=1'); format("truetype");}
  126. @font-face { font-family: "lainie"; src: url('https://dl.dropboxusercontent.com/s/s1scfociufz1dkc/laine.ttf'); }
  127. @font-face { font-family: "caviardreams"; src: url('https://dl.dropboxusercontent.com/s/0sdd8pywjeng50w/caviardreams.ttf?dl=1'); format("truetype");}
  128. @font-face{ font-family:"signarita"; src: url('https://dl.dropboxusercontent.com/s/gc29howy3wio7t8/signarita%20zhai%20rhianne.ttf?dl=1'); format("truetype");}
  129. @font-face{ font-family:"signerica"; src: url('https://dl.dropboxusercontent.com/s/kfe6jebile02ki3/signerica_thin.ttf?dl=1'); format("truetype");}
  130.  
  131.  
  132. *, body, a {cursor: url(http://i.imgur.com/2qleX.jpg), auto;}
  133.  
  134. a:hover {cursor: url(http://i.imgur.com/IepP2.jpg), auto;}
  135.  
  136. ::selection {
  137. background: {color:Links};
  138. color:{color:Selected Text};
  139. }
  140.  
  141. ::-moz-selection {
  142. background: {color:Links};
  143. color:{color:Selected Text};
  144. }
  145.  
  146. ::-webkit-selection {
  147. background: {color:Links};
  148. color:{color:Selected Text};
  149. }
  150.  
  151.  
  152. .tmblr-iframe.iframe-controls--desktop{
  153. top:10px;
  154. width: 360px;
  155. height: 26px;
  156. right: 0px;
  157. z-index:4;
  158. position:fixed;
  159. filter:invert(100%);
  160. -webkit-filter:invert(100%);
  161. -moz-filter:invert(100%);
  162. -ms-filter:invert(100%);
  163. -o-filter:invert(100%);
  164. transform:scale(.8, .8);
  165. -webkit-transform:scale(.8, .8);
  166. -moz-transform:scale(.8, .8);
  167. z-index:999999999999999999!important;
  168. }
  169.  
  170. .tumblr_controls.visible {
  171. visibility: visible;
  172. pointer-events: all;
  173. }
  174. .tumblr_controls.flash_fix {
  175. visibility: hidden !important;
  176. }
  177.  
  178.  
  179. /* THEME SPECIALS */
  180. ::-webkit-scrollbar-thumb:vertical {
  181. background-color: {color:Scrollbar Trackbar};
  182. height: 50px;
  183. }
  184.  
  185. ::-webkit-scrollbar {
  186. height: 10px;
  187. width: 5px;
  188. background-color: {color:Scrollbar Background}
  189. }
  190.  
  191. /* BODY */
  192. body {
  193. background-image:url();
  194. background-repeat:repeat;
  195. background-attachment: fixed;
  196. background-color: #252525;
  197. background-position: bottom right;
  198. margin: 0;
  199. }
  200.  
  201. a:link, a:visited, a:active {
  202. text-decoration: none;
  203. color: #111;
  204. -moz-transition:all ease-in-out 0.7s;
  205. -webkit-transition:all ease-in-out 0.7s;
  206. -o-transition:all ease-in-out 0.7s;
  207. transition:all ease-in-out 0.7s;
  208. }
  209.  
  210. a:hover {
  211. text-shadow: 0 0 0.1em {color:Links};
  212. color: {color:Links};
  213. }
  214.  
  215. b, strong {
  216. color: #000000;
  217. text-shadow:2px 2px 2px #111111;
  218. text-transform: uppercase;
  219. font-size:11px;
  220. }
  221.  
  222. i, em {
  223. color: #000000;
  224. font-family:learning curve;
  225. text-shadow:2px 2px 2px #111111;
  226. font-size:23px;
  227. font-weight:600;
  228. text-transform:lowercase;
  229. }
  230.  
  231. h2, h1 {
  232. font-family: "kai";
  233. text-shadow:2px 2px 2px #111111;
  234. font-size: 15px;
  235. color: #000000;
  236. letter-spacing: 1px;
  237. }
  238.  
  239. h2:first-letter, h1:first-letter {
  240. font-family: "alexbrush";
  241. font-size: 25px;
  242. margin-right: -1px;
  243. text-transform:uppercase;
  244. }
  245.  
  246. small, sub, sup, code, {
  247. font-family:'trebuchet ms';
  248. font-size:9px;
  249. letter-spacing: 1;
  250. line-height: 100%;
  251. margin-top: 10px !important;
  252. line-height: 90%;
  253. }
  254.  
  255. pre {
  256. width:100%;
  257. font-family:'Avalon', sans-serif;
  258. font-size:10px;
  259. text-align:center;
  260. text-transform: uppercase;
  261. white-space:pre-wrap;
  262. word-wrap:break-word;
  263. padding:3px;
  264. }
  265.  
  266. blockquote {
  267. margin-left:5px;
  268. width:90%;
  269. padding-left:5px;
  270. border-left: dotted 1px #111;
  271. overflow:hidden;
  272. -moz-border-radius: 10px 0px;
  273. border-radius: 10px 0px 0px 0px;
  274. padding-left: 10px;
  275. }
  276.  
  277. blockquote blockquote {
  278. margin-left: 10px;
  279. width: 85%;
  280. text-align: justify;
  281. border-left: dotted 1px #111;
  282. padding: 5px;
  283. overflow:hidden;
  284. -moz-border-radius: 10px 0px;
  285. border-radius: 10px 0px 0px 0px;
  286. padding-left: 10px;
  287. }
  288.  
  289. blockquote img {
  290. max-width: 240px;
  291. height: auto;
  292. opacity: .5;
  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. overflow:hidden;
  298. }
  299.  
  300. blockquote blockquote img {
  301. max-width: 180px;
  302. height: auto;
  303. opacity: .5;
  304. -webkit-transition: opacity 0.7s linear;
  305. -webkit-transition: all 0.7s ease-out;
  306. -moz-transition: all 0.7s ease-out;
  307. transition: all 0.7s ease-out;
  308. overflow:hidden;
  309. }
  310.  
  311. blockquote img:hover {
  312. {block:ifFade}opacity: 1;{/block:ifFade}
  313.  
  314. }
  315.  
  316. blockquote blockquote img:hover {
  317. {block:ifFade}opacity: 1;{/block:ifFade}
  318. }
  319.  
  320. .alignment {
  321. position: relative;
  322. margin-left: 150px;
  323. margin-top: 10px;
  324. height: 100%;
  325. height: auto !important;
  326. min-height: 100%;
  327. {block:if400}width:400px;{/block:if400}
  328. }
  329.  
  330. /* QUOTES */
  331.  
  332. #quote {
  333. color: #8b8b8b;
  334. text-shadow: 0px 0px 1px #a4a4a4;
  335. font-family:'neou';
  336. font-size:17px;
  337. font-style:bold;
  338. line-height: 100%;
  339. }
  340.  
  341. #source {
  342. font-family:'alexbrush';
  343. font-size:20px;
  344. font-style:bold;
  345. letter-spacing:1px;
  346. text-align:right;
  347. text-transform:none;
  348. }
  349.  
  350.  
  351. /* CONTENT WRAPPER */
  352.  
  353. #wrapper {
  354. width:270px;
  355. height:auto;
  356. margin-left:520px;
  357. margin-right:auto;
  358. margin-top:40px;
  359. margin-bottom:40px;
  360. position:relative;
  361. }
  362.  
  363. /* SB WRAPPER */
  364.  
  365. #sidebar {
  366. width: 500px;
  367. margin: 0 auto;
  368. {block:if400}margin-left:1050px;{/block:if400}
  369. bottom:200px;
  370. position:fixed;
  371. }
  372.  
  373. /* BLOG POSTS */
  374.  
  375. .posts {
  376. {block:if250}width:250px;{/block:if250}
  377. {block:if400}width:400px;{/block:if400}
  378. {block:if500}width:500px;{/block:if500}
  379. font-family:'trebuchet ms';
  380. font-size:9px;
  381. letter-spacing: 1;
  382. line-height: 100%;
  383. color: {color:post text};
  384. text-align: justify;
  385. word-wrap:break-word;
  386. background-color: #222;
  387. padding: 10px;
  388. margin-bottom: 20px;
  389. -moz-transition:all ease-in-out 0.7s;
  390. -webkit-transition:all ease-in-out 0.7s;
  391. -o-transition:all ease-in-out 0.7s;
  392. transition:all ease-in-out 0.7s;
  393.  
  394. }
  395.  
  396. .postinfo {
  397. {block:if250}width:250px;{/block:if250}
  398. {block:if400}width:400px;{/block:if400}
  399. {block:if500}width:500px;{/block:if500}
  400. font-family:'trebuchet ms';
  401. font-size:9px;
  402. letter-spacing: 1;
  403. line-height: 100%;
  404. color: {color:post text};
  405. text-align: justify;
  406. word-wrap:break-word;
  407. margin-top: -15px;
  408. background-color: #222;
  409. padding: 10px;
  410. -moz-transition:all ease-in-out 0.7s;
  411. -webkit-transition:all ease-in-out 0.7s;
  412. -o-transition:all ease-in-out 0.7s;
  413. transition:all ease-in-out 0.7s;
  414. }
  415.  
  416. .postcontainer img:hover, #photoset:hover {
  417. -webkit-filter: grayscale(0%);
  418. opacity: 1;
  419. -webkit-transition: all 1.2s ease;
  420. -moz-transition: all 1.2s ease;
  421. -o-transition: all 1.2s ease;
  422. -webkit-transition: all 1.2s ease;
  423. -moz-transition: all 1.2s ease;
  424. -o-transition: all 1.2s ease;
  425. outline-offset: -142px;
  426. outline:double 142px rgba(255,255,255,0.4);
  427.  
  428. -moz-transition:all ease-in-out 0.7s;
  429. -webkit-transition:all ease-in-out 0.7s;
  430. -o-transition:all ease-in-out 0.7s;
  431. transition:all ease-in-out 0.7s;
  432. -webkit-filter: grayscale(0%) !important;
  433. opacity: 1;
  434. }
  435.  
  436. .postcontainer img, #photoset {
  437. display:block;
  438. -webkit-filter: grayscale(90%%);
  439. opacity: 1;
  440. max-width:90%;
  441. margin-bottom:-3px;
  442. outline-offset: -16px;
  443. outline:double 1px #fff;
  444. -webkit-transition: all 1.2s ease;
  445. -moz-transition: all 1.2s ease;
  446. -o-transition: all 1.2s ease;
  447.  
  448. {block:if250}max-width:250px;{/block:if250}
  449. {block:if400}max-width:400px;{/block:if400}
  450. {block:if500}max-width:500px;{/block:if500}
  451. {block:ifMonochrome}-webkit-filter: grayscale(100%);
  452. {/block:ifMonochrome}
  453. {block:ifFade}opacity: .5;{/block:ifFade}
  454. -moz-transition:all ease-in-out 0.7s;
  455. -webkit-transition:all ease-in-out 0.7s;
  456. -o-transition:all ease-in-out 0.7s;
  457. transition:all ease-in-out 0.7s;
  458. }
  459.  
  460. .photopost img {
  461. max-width: 250px !important;
  462. outline-offset:-10px;
  463. outline:double 1px rgba(225,225,225,0.4);
  464. -webkit-filter: grayscale(90%);
  465. -moz-filter: grayscale(90%);
  466. -ms-filter: grayscale(90%);
  467. -o-filter: grayscale(90%);
  468. filter: grayscale(90%);
  469. -webkit-transition: all 0.8s ease-in-out;
  470. -moz-transition: all 0.8s ease-in-out;
  471. -o-transition: all 0.8s ease-in-out;
  472. -ms-transition: all 0.8s ease-in-out;
  473. transition: all 0.8s ease-in-out;
  474.  
  475. {block:if250}max-width: 250px !important; {/block:if250}
  476. {block:if400}max-width: 400px !important; {/block:if400}
  477. {block:if500}max-width: 500px !important; {/block:if500}
  478. {block:ifFade}opacity: .5;{/block:ifFade}
  479. {block:ifMonochrome}-webkit-filter: grayscale(100%);
  480. {/block:ifMonochrome}
  481. -moz-transition:all ease-in-out 0.7s;
  482. -webkit-transition:all ease-in-out 0.7s;
  483. -o-transition:all ease-in-out 0.7s;
  484. transition:all ease-in-out 0.7s;
  485. }
  486.  
  487. .photopost img:hover {
  488. outline-offset:-100px;
  489. outline:double 100px rgba(225,225,225,0.4);
  490. -webkit-filter: grayscale(0%);
  491. -moz-filter: grayscale(0%);
  492. -ms-filter: grayscale(0%);
  493. -o-filter: grayscale(0%);
  494. filter: grayscale(0%);
  495. -webkit-transition: all 0.8s ease-in-out;
  496. -moz-transition: all 0.8s ease-in-out;
  497. -o-transition: all 0.8s ease-in-out;
  498. -ms-transition: all 0.8s ease-in-out;
  499. transition: all 0.8s ease-in-out;
  500.  
  501. {block:ifFade}opacity: 1;{/block:ifFade}
  502. {block:ifMonochrome}-webkit-filter: grayscale(0%);
  503. {/block:ifMonochrome}
  504. -moz-transition:all ease-in-out 0.7s;
  505. -webkit-transition:all ease-in-out 0.7s;
  506. -o-transition:all ease-in-out 0.7s;
  507. transition:all ease-in-out 0.7s;
  508. }
  509.  
  510. .posts img, #photoset {
  511. outline-offset:-10px;
  512. outline:double 1px rgba(225,225,225,0.4);
  513. -webkit-filter: grayscale(90%);
  514. -moz-filter: grayscale(90%);
  515. -ms-filter: grayscale(90%);
  516. -o-filter: grayscale(90%);
  517. filter: grayscale(90%);
  518. -webkit-transition: all 0.8s ease-in-out;
  519. -moz-transition: all 0.8s ease-in-out;
  520. -o-transition: all 0.8s ease-in-out;
  521. -ms-transition: all 0.8s ease-in-out;
  522. transition: all 0.8s ease-in-out;
  523.  
  524. {block:if250}max-width: 250px !important; {/block:if250}
  525. {block:if400}max-width: 400px !important; {/block:if400}
  526. {block:if500}max-width: 500px !important; {/block:if500}
  527. {block:ifFade}opacity: .5;{/block:ifFade}
  528. {block:ifMonochrome}-webkit-filter: grayscale(100%);
  529. {/block:ifMonochrome}
  530. -moz-transition:all ease-in-out 0.7s;
  531. -webkit-transition:all ease-in-out 0.7s;
  532. -o-transition:all ease-in-out 0.7s;
  533. transition:all ease-in-out 0.7s;
  534. }
  535.  
  536. .posts img:hover {
  537. outline-offset:-100px;
  538. outline:double 100px rgba(225,225,225,0.4);
  539. -webkit-filter: grayscale(0%);
  540. -moz-filter: grayscale(0%);
  541. -ms-filter: grayscale(0%);
  542. -o-filter: grayscale(0%);
  543. filter: grayscale(0%);
  544. -webkit-transition: all 0.8s ease-in-out;
  545. -moz-transition: all 0.8s ease-in-out;
  546. -o-transition: all 0.8s ease-in-out;
  547. -ms-transition: all 0.8s ease-in-out;
  548. transition: all 0.8s ease-in-out;
  549.  
  550. {block:ifFade}opacity: 1;{/block:ifFade}
  551. {block:ifMonochrome}-webkit-filter: grayscale(0%);
  552. {/block:ifMonochrome}
  553. -moz-transition:all ease-in-out 0.7s;
  554. -webkit-transition:all ease-in-out 0.7s;
  555. -o-transition:all ease-in-out 0.7s;
  556. transition:all ease-in-out 0.7s;
  557. }
  558.  
  559. .video {
  560. {block:if250}max-width: 250px !important; {/block:if250}
  561. {block:if400}max-width: 400px !important; {/block:if400}
  562. {block:if500}max-width: 500px !important; {/block:if500}
  563. {block:ifFade}opacity: .5;{/block:ifFade}
  564. {block:ifMonochrome}-webkit-filter: grayscale(100%);
  565. {/block:ifMonochrome}
  566. -moz-transition:all ease-in-out 0.7s;
  567. -webkit-transition:all ease-in-out 0.7s;
  568. -o-transition:all ease-in-out 0.7s;
  569. transition:all ease-in-out 0.7s;
  570. }
  571.  
  572. .video:hover {
  573. {block:ifFade}opacity: 1;{/block:ifFade}
  574. {block:ifMonochrome}-webkit-filter: grayscale(0%);
  575. {/block:ifMonochrome}
  576. -moz-transition:all ease-in-out 0.7s;
  577. -webkit-transition:all ease-in-out 0.7s;
  578. -o-transition:all ease-in-out 0.7s;
  579. transition:all ease-in-out 0.7s;
  580. }
  581.  
  582.  
  583. .postnotes {
  584. {block:if250}width:250px;{/block:if250}
  585. {block:if400}width:400px;{/block:if400}
  586. {block:if500}width:500px;{/block:if500}
  587. font-family: 'tinytots';
  588. font-size: 8px;
  589. letter-spacing: 1;
  590. line-height: 100%;
  591. color: {color:post text};
  592. text-align: left;
  593. text-transform: uppercase;
  594. word-wrap:break-word;
  595. background-color: #222;
  596. padding: 10px;
  597. -moz-transition:all ease-in-out 0.7s;
  598. -webkit-transition:all ease-in-out 0.7s;
  599. -o-transition:all ease-in-out 0.7s;
  600. transition:all ease-in-out 0.7s;
  601. }
  602.  
  603. .postnotes img {
  604. display:none;
  605.  
  606. }
  607.  
  608. .postperma {
  609. {block:if250}width:268px;{/block:if250}
  610. {block:if400}width:418px;{/block:if400}
  611. {block:if500}width:518px;{/block:if500}
  612. margin-top: -18px;
  613. margin-bottom: 20px;
  614. font-family: calibri, arial, sans-serif;
  615. font-size: 8px;
  616. color: #111;
  617. text-transform: uppercase;
  618. text-align:center;
  619. line-height:100%;
  620. background-color: transparent;
  621. padding:1px;
  622. -moz-transition:all ease-in-out 0.7s;
  623. -webkit-transition:all ease-in-out 0.7s;
  624. -o-transition:all ease-in-out 0.7s;
  625. transition:all ease-in-out 0.7s;
  626.  
  627. }
  628.  
  629. .postperma a {
  630. color: #111;
  631. -moz-transition:all ease-in-out 0.7s;
  632. -webkit-transition:all ease-in-out 0.7s;
  633. -o-transition:all ease-in-out 0.7s;
  634. transition:all ease-in-out 0.7s;
  635.  
  636. }
  637.  
  638. .postperma a:hover {
  639. color: #111;
  640. -moz-transition:all ease-in-out 0.7s;
  641. -webkit-transition:all ease-in-out 0.7s;
  642. -o-transition:all ease-in-out 0.7s;
  643. transition:all ease-in-out 0.7s;
  644.  
  645. }
  646.  
  647. #posttitle {
  648. font-family:'bebas';
  649. font-size:16px;
  650. color: #000000;
  651. letter-spacing:1px;
  652. line-height:15px;
  653. text-transform:uppercase;
  654. text-align:center;
  655. }
  656.  
  657. #posttitle:first-letter {
  658. font-family: "alexbrush";
  659. font-size: 50px;
  660. color: #000000;
  661. text-transform: uppercase;
  662. margin-left: -10px;
  663. }
  664.  
  665. #permtitle {
  666. font-family: 'Gasara';
  667. color: {color:desc text};
  668. font-size: 8px;
  669. padding: 5px;
  670. margin-top: 5px;
  671. text-align: center;
  672. text-transform: uppercase;
  673. background-color: #222;
  674. }
  675.  
  676. #odd {
  677. padding:2px;
  678. font-family:'trebuchet ms';
  679. font-size:9px;
  680. color:{color:Odd Text};
  681. background-color: #222;
  682. }
  683.  
  684. #even {
  685. padding:2px;
  686. font-family:trebuchet ms;
  687. font-size:9px;
  688. color:{color:Even Text};
  689. background-color: #222;
  690. }
  691.  
  692. #tags {
  693. font-family: 'Gasara';
  694. font-size: 8px;
  695. text-transform: uppercase;
  696. letter-spacing: 1;
  697. line-height: 100%;
  698. }
  699.  
  700. /* PERMALINK PAGE */
  701.  
  702. #permatags {
  703. width:264px;
  704. margin-top: -20px;
  705. padding: 5px;
  706. margin-bottom: 10px;
  707. color: #111;
  708. font-family: tinytots;
  709. font-size: 8px;
  710. text-transform: uppercase;
  711. letter-spacing: 1;
  712. line-height: 100%;
  713. text-align: center;
  714. }
  715.  
  716.  
  717. /* Audio */
  718. .album {
  719. background-repeat: no-repeat;
  720. background-position: center;
  721. position: absolute;
  722. width: 86px;
  723. height: 86px;
  724. background-size: 60px;
  725. overflow: hidden;
  726. background-color: #ffffff;
  727. -moz-transition:all ease-in-out 0.7s;
  728. -webkit-transition:all ease-in-out 0.7s;
  729. -o-transition:all ease-in-out 0.7s;
  730. transition:all ease-in-out 0.7s;
  731. }
  732.  
  733. .album img {
  734. width: 86px;
  735. height: 86px;
  736. overflow: hidden;
  737. -moz-transition:all ease-in-out 0.7s;
  738. -webkit-transition:all ease-in-out 0.7s;
  739. -o-transition:all ease-in-out 0.7s;
  740. transition:all ease-in-out 0.7s;
  741.  
  742.  
  743. }
  744.  
  745. .album img:hover {
  746. -moz-transition:all ease-in-out 0.7s;
  747. -webkit-transition:all ease-in-out 0.7s;
  748. -o-transition:all ease-in-out 0.7s;
  749. transition:all ease-in-out 0.7s;
  750.  
  751.  
  752. }
  753.  
  754. .player {
  755. width: 10px;
  756. height: 11px;
  757. overflow: hidden;
  758. padding: 4px 21px 21px 4px;
  759. margin-top: 27px;
  760. margin-left: 26px;
  761. position: absolute;
  762. background-color: #fff;
  763. opacity: 0.5;
  764. z-index: 10;
  765. -webkit-transition: all 0.4s linear;
  766. -moz-transition: all 0.4s linear;
  767. -o-transition: all 0.4s linear;
  768. -moz-border-radius: 30px;
  769. -webkit-border-radius: 30px;
  770. border-radius: 30px;
  771. }
  772.  
  773. .album:hover .player {
  774.  
  775. }
  776.  
  777. .track {
  778. margin-left: 90px;
  779. min-height: 80px;
  780. max-height: 100px;
  781. overflow: auto;
  782. font-family: caviardreams;
  783. font-weight:none;
  784. font-size:10px;
  785. padding: 2px;
  786. color: #000;
  787. text-transform: uppercase;
  788. letter-spacing: 1px;
  789. background: #222;
  790. line-height:18px;
  791. }
  792.  
  793.  
  794. /* QUESTION */
  795.  
  796. .question { background-color: #222;
  797. border: dashed 1px #111;
  798. padding: 10px;
  799. letter-spacing: 0px;
  800. color: #111;
  801. border-radius:2px;
  802. text-align:center;}
  803.  
  804. #asker { font-family: lainie;
  805. font-size: 40px;
  806. padding: 3px;
  807. padding-bottom: 5px;
  808. text-align: center;
  809. text-shadow:3px 1px 1px #111;
  810. padding-left: 12px;
  811. opacity:.7;
  812. line-height: 60%;
  813. margin-bottom: -5px;
  814. letter-spacing: .5px;
  815. color: #111;}
  816. #asker a { color: #111;
  817. font-size: 40px;}
  818.  
  819. #asker a:hover{
  820. color:#000;
  821. }
  822.  
  823. /* Hover Title Style */
  824.  
  825. #s-m-t-tooltip {
  826. max-width:250px;
  827. margin-top:25px;
  828. margin-left:15px;
  829. padding-left:5px;
  830. padding-right:5px;
  831. padding-top:1px;
  832. padding-bottom:1px;
  833. border:1px solid #111;
  834. background-color: #222;
  835. color: #000000;
  836. font-family: "Gasara";
  837. font-size:8px;
  838. letter-spacing:1px;
  839. text-transform:uppercase;
  840. text-align:justify;
  841. line-height:10px;
  842. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  843. -webkit-border-radius: 2px;
  844. -moz-border-radius: 2px;
  845. border-radius: 2px;
  846. z-index:999999999999999;
  847. }
  848.  
  849. #s-m-t-tooltip:first-letter {
  850. font-family: 'alexbrush', cursive;
  851. color: #000;
  852. text-transform: uppercase;
  853. font-size: 25px;
  854. }
  855.  
  856.  
  857. /* Credit */
  858. .credit {
  859. position:fixed;
  860. bottom:9px;
  861. left:13px;
  862. }
  863.  
  864. .credit a{
  865. width:20px;
  866. height:20px;
  867. padding:3px;
  868. background-color:{color:post background};
  869. border:dotted 1px {color:Links};
  870. color:{color:desc text};
  871. font-family:'Avalon', sans-serif;
  872. font-size:10px;
  873. line-height:100%;
  874. text-transform:uppercase;
  875. text-align:justify;
  876. }
  877.  
  878. .credit a:hover {
  879. background-color: {color:Links};
  880. border:dotted 1px {color:post background};
  881. color: {color:hover link};
  882. }
  883.  
  884. /* SIDEBAR */
  885.  
  886. #sidepic1 {
  887. position:absolute;
  888. margin-top: -135px;
  889. margin-left: -381px;
  890. width:100px;
  891. height:270px;
  892. padding:3px;
  893. border:1px solid {color:Sidebar border};
  894. background: {color:Sidebar Background};
  895. }
  896.  
  897. #sidepic1 img {
  898. width:100px;
  899. height:270px;
  900. {block:ifMonochrome}opacity:.5;
  901. -webkit-filter: grayscale(100%);
  902. {/block:ifMonochrome}
  903. -webkit-transition: all 0.7s ease-in-out;
  904. -moz-transition: all 0.7s ease-in-out;
  905. -o-transition: all 0.7s ease-in-out;
  906. -ms-transition: all 0.7s ease-in-out;
  907. transition: all 0.7s ease-in-out;
  908. }
  909.  
  910. #sidepic1 img:hover {
  911. {block:ifMonochrome}opacity:1;
  912. -webkit-filter: grayscale(0%) !important;
  913. {/block:ifMonochrome}
  914. -webkit-transition: all 0.7s ease-in-out;
  915. -moz-transition: all 0.7s ease-in-out;
  916. -o-transition: all 0.7s ease-in-out;
  917. -ms-transition: all 0.7s ease-in-out;
  918. transition: all 0.7s ease-in-out;
  919. }
  920.  
  921. #sidepic2 {
  922. position:absolute;
  923. margin-top: -135px;
  924. margin-left: -141px;
  925. width:100px;
  926. height:270px;
  927. padding:3px;
  928. border:1px solid {color:Sidebar border};
  929. background: {color:Sidebar Background};
  930. }
  931.  
  932. #sidepic2 img {
  933. width:100px;
  934. height:270px;
  935. {block:ifMonochrome}opacity:.5;
  936. -webkit-filter: grayscale(100%);
  937. {/block:ifMonochrome}
  938. -webkit-transition: all 0.7s ease-in-out;
  939. -moz-transition: all 0.7s ease-in-out;
  940. -o-transition: all 0.7s ease-in-out;
  941. -ms-transition: all 0.7s ease-in-out;
  942. transition: all 0.7s ease-in-out;
  943. }
  944.  
  945. #sidepic2 img:hover {
  946. {block:ifMonochrome}opacity:1;
  947. -webkit-filter: grayscale(0%) !important;
  948. {/block:ifMonochrome}
  949. -webkit-transition: all 0.7s ease-in-out;
  950. -moz-transition: all 0.7s ease-in-out;
  951. -o-transition: all 0.7s ease-in-out;
  952. -ms-transition: all 0.7s ease-in-out;
  953. transition: all 0.7s ease-in-out;
  954. }
  955.  
  956. #sidepic3 {
  957. position:absolute;
  958. margin-top: -26px;
  959. margin-left: -271px;
  960. width:120px;
  961. height:75px;
  962. padding:3px;
  963. border:1px solid {color:Sidebar border};
  964. background: {color:Sidebar Background};
  965. }
  966.  
  967. #sidepic3 img {
  968. width:120px;
  969. height:75px;
  970. {block:ifMonochrome}opacity:.5;
  971. -webkit-filter: grayscale(100%);
  972. {/block:ifMonochrome}
  973. -webkit-transition: all 0.7s ease-in-out;
  974. -moz-transition: all 0.7s ease-in-out;
  975. -o-transition: all 0.7s ease-in-out;
  976. -ms-transition: all 0.7s ease-in-out;
  977. transition: all 0.7s ease-in-out;
  978. }
  979.  
  980. #sidepic3 img:hover {
  981. {block:ifMonochrome}opacity:1;
  982. -webkit-filter: grayscale(0%) !important;
  983. {/block:ifMonochrome}
  984. -webkit-transition: all 0.7s ease-in-out;
  985. -moz-transition: all 0.7s ease-in-out;
  986. -o-transition: all 0.7s ease-in-out;
  987. -ms-transition: all 0.7s ease-in-out;
  988. transition: all 0.7s ease-in-out;
  989. }
  990.  
  991. .title {
  992. position: fixed;
  993. overflow:auto;
  994. margin-top: 130px;
  995. margin-left: -450px;
  996. width: 520px;
  997. height: auto;
  998. font-family:'alexbrush';
  999. font-size:45px;
  1000. text-align:center;
  1001. text-shadow:3px 1px 1px #111;
  1002. padding: 0px;
  1003. padding-left: 12px;
  1004. opacity:.7;
  1005. color: #222;
  1006. text-transform: none;
  1007. letter-spacing: 0px;
  1008. background: transparent;
  1009. z-index:999999999999;
  1010. }
  1011.  
  1012. .naviz {
  1013. position:absolute;
  1014. padding-left: 0px;
  1015. margin-top: 30px;
  1016. margin-left: -250px;
  1017. }
  1018.  
  1019. .naviz a {
  1020. display: inline-block;
  1021. height: 50px;
  1022. font-family: "Bebas";
  1023. font-size: 23px;
  1024. text-align: center;
  1025. display: inline-block;
  1026. color: #131313;
  1027.  
  1028. transition: all 0.7s ease-in-out;
  1029. }
  1030.  
  1031. .naviz a:hover {
  1032. -webkit-transition: all 0.7s ease-in-out;
  1033. -moz-transition: all 0.7s ease-in-out;
  1034. -o-transition: all 0.7s ease-in-out;
  1035. -ms-transition: all 0.7s ease-in-out;
  1036. transition: all 0.7s ease-in-out;
  1037. }
  1038.  
  1039.  
  1040.  
  1041. .hovars {
  1042. position:absolute;
  1043. margin-top: -135px;
  1044. margin-left: -290px;
  1045. width:120px;
  1046. height:9px;
  1047. line-height: 100%;
  1048. font-family: 'wendy';
  1049. font-size: 10px;
  1050. color: #525252;
  1051. text-transform: uppercase;
  1052. padding:3px;
  1053. border:1px solid #cfcfcf;
  1054. background: #e6e6e6;
  1055. text-align: center;
  1056. -webkit-transition:all 0.7s ease-in-out;
  1057. -moz-transition:all 0.7s ease-in-out;
  1058. -o-transition:all 0.7s ease-in-out;
  1059. -ms-transition:all 0.7s ease-in-out;
  1060. transition:all 0.7s ease-in-out;
  1061. }
  1062.  
  1063. .hovars a {
  1064. color: #50524f;
  1065. -moz-transition:all ease-in-out 0.7s;
  1066. -webkit-transition:all ease-in-out 0.7s;
  1067. -o-transition:all ease-in-out 0.7s;
  1068. transition:all ease-in-out 0.7s;
  1069. }
  1070.  
  1071. .hovars a:hover {
  1072. color: #ffffff;
  1073. -moz-transition:all ease-in-out 0.7s;
  1074. -webkit-transition:all ease-in-out 0.7s;
  1075. -o-transition:all ease-in-out 0.7s;
  1076. transition:all ease-in-out 0.7s;
  1077. }
  1078.  
  1079.  
  1080.  
  1081. .quotez {
  1082. position:absolute;
  1083. overflow:auto;
  1084. margin-top: 60px;
  1085. margin-left: -250px;
  1086. width:150px;
  1087. height:80px;
  1088. line-height: 100%;
  1089. font-family: 'wendy';
  1090. font-size: 11px;
  1091. line-height:9px;
  1092. color: #000;
  1093. text-transform: uppercase;
  1094. padding:3px;
  1095. border:1px solid #222;
  1096. background: #222;
  1097. text-align: center;
  1098. -webkit-transition:all 0.7s ease-in-out;
  1099. -moz-transition:all 0.7s ease-in-out;
  1100. -o-transition:all 0.7s ease-in-out;
  1101. -ms-transition:all 0.7s ease-in-out;
  1102. transition:all 0.7s ease-in-out;
  1103. }
  1104.  
  1105. .quotez a {
  1106. color: #50524f;
  1107. -moz-transition:all ease-in-out 0.7s;
  1108. -webkit-transition:all ease-in-out 0.7s;
  1109. -o-transition:all ease-in-out 0.7s;
  1110. transition:all ease-in-out 0.7s;
  1111. }
  1112.  
  1113. .quotez a:hover {
  1114. color: #ffffff;
  1115. -moz-transition:all ease-in-out 0.7s;
  1116. -webkit-transition:all ease-in-out 0.7s;
  1117. -o-transition:all ease-in-out 0.7s;
  1118. transition:all ease-in-out 0.7s;
  1119. }
  1120.  
  1121. .quotez::-webkit-scrollbar-thumb:vertical {
  1122. background-color: #999999;
  1123. height: 50px;
  1124. }
  1125.  
  1126. .quotez::-webkit-scrollbar {
  1127. height: 10px;
  1128. width: 2px;
  1129. background-color: #ffffff;
  1130. }
  1131.  
  1132. .music {
  1133. position:absolute;
  1134. margin-top: 51px;
  1135. margin-left: -200px;
  1136. width: 126px;
  1137. height: 20px;
  1138. font-family: 'ms gothic';
  1139. font-size: 10px;
  1140. color: #e6e6e6;
  1141. text-transform: uppercase;
  1142. letter-spacing: 0px;
  1143. text-align: center;
  1144. border:1px solid #cfcfcf;
  1145. background: #e6e6e6;
  1146. -webkit-transition:all 0.7s ease-in-out;
  1147. -moz-transition:all 0.7s ease-in-out;
  1148. -o-transition:all 0.7s ease-in-out;
  1149. -ms-transition:all 0.7s ease-in-out;
  1150. transition:all 0.7s ease-in-out;
  1151. }
  1152.  
  1153. /* PAGINATION */
  1154.  
  1155. .pagination {
  1156. position:absolute;
  1157. height:5px;
  1158. margin-top: 142px;
  1159. margin-left: -227px;
  1160. width:246px;
  1161. padding:3px;
  1162. color: {color:desc text};
  1163. background:transparent;
  1164. text-align:center;
  1165. font-family:ms gothic;
  1166. font-size:10px;
  1167. z-index:9999;
  1168. }
  1169.  
  1170. .pagination a{
  1171. color: {color:links};
  1172. -webkit-transition:all 0.7s ease-in-out;
  1173. -moz-transition:all 0.7s ease-in-out;
  1174. -o-transition:all 0.7s ease-in-out;
  1175. -ms-transition:all 0.7s ease-in-out;
  1176. transition:all 0.7s ease-in-out;
  1177. }
  1178.  
  1179. /* BORDERS */
  1180.  
  1181. #border4 {
  1182. z-index:1;
  1183. height:100%;
  1184. width: 30px;
  1185. position:fixed;
  1186. bottom:0px;
  1187. left: 0px;
  1188. opacity:1;
  1189. background: #222;
  1190. z-index:-99999999;
  1191. }
  1192.  
  1193. #border3 {
  1194. z-index:1;
  1195. height:25px;
  1196. width: 100%;
  1197. position:fixed;
  1198. bottom:0px;
  1199. left: 0px;
  1200. opacity:1;
  1201. background: #222;
  1202. z-index:99999999;
  1203. }
  1204.  
  1205.  
  1206. #border2 {
  1207. z-index:1;
  1208. height:100%;
  1209. width: 25px;
  1210. position:fixed;
  1211. bottom:0px;
  1212. right: 0px;
  1213. opacity:1;
  1214. background: #222;
  1215. z-index:-99999999;
  1216. }
  1217.  
  1218. #border1 {
  1219. z-index:1;
  1220. height:25px;
  1221. width: 100%;
  1222. position:fixed;
  1223. top:0px;
  1224. left: 0px;
  1225. opacity:1;
  1226. background: #222;
  1227. z-index:99999999;
  1228. }
  1229.  
  1230. #render {
  1231. position:fixed;
  1232. margin-top: -430px;
  1233. margin-left: -480px;
  1234. max-height:450px;
  1235. width: 250px;
  1236. z-index:-999999999999999;
  1237. }
  1238.  
  1239. /* POPUPS */
  1240.  
  1241. .popup_block{
  1242. display:none;
  1243. background:#222;
  1244. padding:20px;
  1245. border:4px double #111; /* if you want a solid white pop-up, delete this */
  1246. float:left;
  1247. overflow:auto;
  1248. height:400px;
  1249. position:fixed;
  1250. top:338px;
  1251. left:50%;
  1252. color:#111;
  1253. font-family:trebuchet ms, sans-serif;
  1254. font-size:10px;
  1255. text-align:justify;
  1256. line-height:12px;
  1257. z-index:999999999999999999999;
  1258. -webkit-animation: fadeInLeftBig 1.5s;
  1259. -moz-animation: fadeInLeftBig 1.5s;
  1260. -ms-animation: fadeInLeftBig 1.5s;
  1261. }
  1262.  
  1263. #popup_separator {
  1264. width:90%;
  1265. height:3px;
  1266. background-color:#303030;
  1267. margin-bottom:3px;
  1268. opacity:0.5;
  1269. }
  1270.  
  1271. .popup_block img {
  1272. outline-offset:-10px;
  1273. outline:double 1px rgba(225,225,225,0.4);
  1274. -webkit-filter: grayscale(50%);
  1275. -moz-filter: grayscale(50%);
  1276. -ms-filter: grayscale(50%);
  1277. -o-filter: grayscale(50%);
  1278. filter: grayscale(50%);
  1279. -webkit-transition: all 0.8s ease-in-out;
  1280. -moz-transition: all 0.8s ease-in-out;
  1281. -o-transition: all 0.8s ease-in-out;
  1282. -ms-transition: all 0.8s ease-in-out;
  1283. transition: all 0.8s ease-in-out;
  1284. }
  1285.  
  1286. .popup_block img:hover {
  1287. outline-offset:-50px;
  1288. outline:double 50px rgba(225,225,225,0.4);
  1289. -webkit-filter: grayscale(0%);
  1290. -moz-filter: grayscale(0%);
  1291. -ms-filter: grayscale(0%);
  1292. -o-filter: grayscale(0%);
  1293. filter: grayscale(0%);
  1294. -webkit-transition: all 0.8s ease-in-out;
  1295. -moz-transition: all 0.8s ease-in-out;
  1296. -o-transition: all 0.8s ease-in-out;
  1297. -ms-transition: all 0.8s ease-in-out;
  1298. transition: all 0.8s ease-in-out;
  1299. }
  1300.  
  1301. *html #fade {position: absolute;}
  1302. *html .popup_block {position: absolute;}
  1303.  
  1304. #fade {
  1305. display:none;
  1306. position:fixed;
  1307. left:0px;
  1308. top:0px;
  1309. width:100%;
  1310. height:100%;
  1311. z-index:99999;
  1312. background:transparent;
  1313. background-image:url('');
  1314. background-repeat:no-repeat;
  1315. background-attachment:fixed;
  1316. background-position:right center;
  1317. opacity:1; /* change to opacity:1; */
  1318. }
  1319.  
  1320.  
  1321. img.btn_close {
  1322. margin-left:495px;
  1323. margin-top:1px;
  1324. display:block;
  1325. position:absolute;
  1326. opacity:.7;
  1327. }
  1328.  
  1329. .popupcont {
  1330. margin-top: 5px;
  1331. height: 400px;
  1332. width: 260px;
  1333. overflow-y: transparent;
  1334. font-family: "Gasara";
  1335. font-size: 8px;
  1336. line-height: 12px;
  1337. color: #a1a1a1;
  1338. text-align: justify;
  1339. }
  1340.  
  1341. .popupcont a{
  1342. color: #ffffff;
  1343. }
  1344.  
  1345. .popupcont b {
  1346. font-family: "aspex";
  1347. font-size: 8px;
  1348. }
  1349.  
  1350. /* ASPEX */
  1351. @font-face{ font-family: "aspex"; src: url('https:/dl.dropboxusercontent.com/s/yeeehszy65j0cfk/ASPEX_0.TTF')
  1352. }
  1353.  
  1354. .popupcont h2 {
  1355. text-transform: uppercase !important;
  1356. font-family: "aspex";
  1357. font-size: 20px;
  1358. text-align: right;
  1359. color: #a1a1a1;
  1360. -webkit-transition:all 0.4s linear;
  1361. -moz-transition:all 0.4s linear;
  1362. -o-transition:all 0.4s linear;
  1363. transition:all 0.4s linear;
  1364. }
  1365.  
  1366. .popupcont h2:hover {
  1367. -webkit-transition:all 0.4s linear;
  1368. -moz-transition:all 0.4s linear;
  1369. -o-transition:all 0.4s linear;
  1370. transition:all 0.4s linear;
  1371. }
  1372.  
  1373. .popupcont2 {
  1374. margin-top: 5px;
  1375. height: 280px;
  1376. width: 260px;
  1377. overflow-y: auto;
  1378. font-family: "Gasara";
  1379. font-size: 8px;
  1380. line-height: 12px;
  1381. color: #ffa8a8;
  1382. text-align: center;
  1383. }
  1384.  
  1385. .popupcont2 a {
  1386. background-color: #ffffff;
  1387. padding: 7px 2px 2px 2px;
  1388. height: 15px;
  1389. width: 110px;
  1390. margin-left: 5px;
  1391. margin-right: 10px;
  1392. margin-bottom: 10px;
  1393. display: inline-block;
  1394. color: #ffa8a8;
  1395. }
  1396.  
  1397. .popupcont3 {
  1398. margin-top: 10px;
  1399. padding-bottom: 30px !important;
  1400. height: 280px;
  1401. width: 260px;
  1402. overflow-y: auto;
  1403. font-family: "Aspex";
  1404. font-size: 15px;
  1405. line-height: 35px;
  1406. color: #ffa8a8;
  1407. text-align: jusitfy;
  1408. }
  1409.  
  1410. .popupcont3 i {
  1411. font-family: "darleston";
  1412. font-weight: 200;
  1413. font-size: 30px;
  1414. }
  1415.  
  1416. .popupcont4 {
  1417. margin-top: 5px;
  1418. height: 400px;
  1419. width: 260px;
  1420. overflow-y: transparent;
  1421. font-family: "Aspex";
  1422. font-size: 8px;
  1423. line-height: 12px;
  1424. color: #a1a1a1;
  1425. text-transform: uppercase;
  1426. text-align: justify;
  1427. }
  1428.  
  1429. .popupcont4 a {
  1430. text-shadow: 0px 0px 0px #a1a1a1;
  1431. color: #a1a1a1;
  1432. }
  1433.  
  1434. ul.img-list {
  1435. list-style-type: none;
  1436. margin: 0;
  1437. padding: 0;
  1438. text-align: center;
  1439. }
  1440.  
  1441. ul.img-list li {
  1442. display: inline-block;
  1443. width: 270px;
  1444. height: 125px;
  1445. position: relative;
  1446. -webkit-transition:all 0.7s linear;
  1447. -moz-transition:all 0.7s linear;
  1448. -o-transition:all 0.7s linear;
  1449. transition:all 0.74s linear;
  1450. }
  1451.  
  1452. span.text-content {
  1453. opacity: 0;
  1454. background: #ffffff;
  1455. display: table;
  1456. width: 246px;
  1457. height: 115px;
  1458. padding: 5px;
  1459. top: 0;
  1460. left: 0;
  1461. text-align: justify;
  1462. position: absolute;
  1463. -webkit-transition:all 0.7s linear;
  1464. -moz-transition:all 0.7s linear;
  1465. -o-transition:all 0.7s linear;
  1466. transition:all 0.74s linear;
  1467. }
  1468.  
  1469. ul.img-list li:hover span.text-content {
  1470. opacity: 0.8;
  1471. -webkit-transition:all 0.7s linear;
  1472. -moz-transition:all 0.7s linear;
  1473. -o-transition:all 0.7s linear;
  1474. transition:all 0.74s linear;
  1475. }
  1476.  
  1477. span.text-content span {
  1478. margin-left: -10px;
  1479. display: table-cell;
  1480. text-align: justify;
  1481. vertical-align: middle;
  1482. }
  1483.  
  1484.  
  1485.  
  1486. /* POP UP NAVIGATION */
  1487.  
  1488. .popnavi {
  1489. font-size: 8px;
  1490. font-family: "tinytots";
  1491. color: #ffffff;
  1492. text-align: center;
  1493. }
  1494.  
  1495. .popnavi a {
  1496. display: inline-block;
  1497. overflow:hidden;
  1498. width:138px;
  1499. height:10px;
  1500. padding:3px;
  1501. color: #111;
  1502. background-color: #222;
  1503. -webkit-transition:all 0.7s ease-in-out;
  1504. -moz-transition:all 0.7s ease-in-out;
  1505. -o-transition:all 0.7s ease-in-out;
  1506. -ms-transition:all 0.7s ease-in-out;
  1507. transition:all 0.7s ease-in-out;
  1508. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  1509. -webkit-border-radius: 2px;
  1510. -moz-border-radius: 2px;
  1511. border-radius: 2px;
  1512. }
  1513.  
  1514. .popnavi a:hover {
  1515. color: #6b6b6b;
  1516. box-shadow:inset 0px 0px 1px 0px;
  1517. background-color:none;
  1518. -webkit-transition:all 0.7s ease-in-out;
  1519. -moz-transition:all 0.7s ease-in-out;
  1520. -o-transition:all 0.7s ease-in-out;
  1521. -ms-transition:all 0.7s ease-in-out;
  1522. transition:all 0.7s ease-in-out;
  1523. }
  1524.  
  1525. #hearteu {
  1526. position: fixed;
  1527. margin-left: -310px;
  1528. margin-top: -270px;
  1529. height: 10px;
  1530. width: 10px;
  1531. z-index: 9999999999999999;
  1532. }
  1533.  
  1534. #hearteu img {
  1535. opacity: 1 !important;
  1536. }
  1537.  
  1538. </style>
  1539. <style type="text/css">{CustomCSS}</style>
  1540.  
  1541. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  1542.  
  1543. <!-- INFINTIE SCROLL -->
  1544. <script type="text/javascript" src="http://static.tumblr.com/nnl3g6g/vcCnyp3z7/infinitescrolling.js"></script>
  1545.  
  1546.  
  1547. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1548. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1549. <script>
  1550. (function($){
  1551. $(document).ready(function(){
  1552. $("[title],a[title],img[title]").style_my_tooltips({
  1553. tip_follows_cursor:true,
  1554. tip_delay_time:100,
  1555. tip_fade_speed:300,
  1556. attribute:"title"
  1557. });
  1558. });
  1559. })(jQuery);
  1560. </script>
  1561.  
  1562. <script>
  1563. $(document).ready(function() {
  1564. $('a.poplight[href^=#]').click(function() {
  1565. var popID = $(this).attr('rel');
  1566. var popURL = $(this).attr('href');
  1567.  
  1568. var query= popURL.split('?');
  1569. var dim= query[1].split('&');
  1570. var popWidth = dim[0].split('=')[1];
  1571.  
  1572. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  1573. var popMargTop = ($('#' + popID).height() + 80) / 2;
  1574. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  1575. $('#' + popID).css({
  1576. 'margin-top' : -popMargTop,
  1577. 'margin-left' : -popMargLeft
  1578. });
  1579. $('body').append('<div id="fade"></div>');
  1580. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  1581. return false;
  1582. });
  1583. $('a.close, #fade').live('click', function() {
  1584. $('#fade , .popup_block').fadeOut(function() {
  1585. $('#fade, a.close').remove();
  1586. });
  1587. return false;
  1588. });
  1589. });
  1590.  
  1591. </script>
  1592.  
  1593. </head>
  1594.  
  1595. <body>
  1596.  
  1597. <div class="title">
  1598. <a href="/">Save me</a>
  1599. </div>
  1600.  
  1601. <div id="border4"></div>
  1602. <div id="border3"></div>
  1603. <div id="border2"></div>
  1604. <div id="border1"></div>
  1605.  
  1606. <div id="wrapper">
  1607.  
  1608. <div id="sidebar">
  1609.  
  1610. <div class="naviz">
  1611. <a class="poplight" href="#?w=330" rel="01" title="letters?">01.</a>
  1612. <a class="poplight" href="#?w=300" rel="02" title="stats">02.</a>
  1613. <a class="poplight" href="#?w=300" rel="03" title="bio">03.</a>
  1614. <a class="poplight" href="#?w=300" rel="navi" title="don't get lost!">04.</a>
  1615. <a href="http://idolkrp.tumblr.com" title="idolkrp">05.</a>
  1616. </div>
  1617.  
  1618. <div class="quotez">
  1619. thank you</i> for <strike>l e t t i n g</strike> me be <b>me</b>. for <a href="http://t.umblr.com/redirect?z=http%3A%2F%2Fx&amp;t=M2ZlZWQzYjRlNDNlNTU2ZWVlNzU0YTBjN2Y0MjVhMWQxOWY5YjE0ZSxJekY5cjgwTA%3D%3D">helping</a> me <b>FLY</b>, for <b>GIVING</b> me <b>wings</b>,<br />for <b>straightening</b> me out, for <b>waking</b> me from being <strike>suffocated</strike>, for <b>waking</b> me from a <a href="http://t.umblr.com/redirect?z=http%3A%2F%2Fx&amp;t=M2ZlZWQzYjRlNDNlNTU2ZWVlNzU0YTBjN2Y0MjVhMWQxOWY5YjE0ZSxJekY5cjgwTA%3D%3D"><b>D R E A M</b></a> which was all I was living in.<br />when i <strike>think</strike> of <b>YOU</b> the sun <b>comes</b> out.
  1620. </div>
  1621.  
  1622. <div class="title">
  1623. <a href="/">Save me</a>
  1624. </div>
  1625.  
  1626. <div id="hearteu"><a href="#?w=260" rel="friends" class="poplight" title="I'm grateful to have you in my life."><img src="http://65.media.tumblr.com/tumblr_lnvurxvJ8i1qepbs7.png" /></a></div>
  1627.  
  1628. <div id="render">
  1629. <img src="http://i.imgur.com/7b5Mq78.png" alt="image" width="290">
  1630. </div>
  1631.  
  1632. {block:ifPagination}
  1633. <div class="pagination">
  1634. {block:IndexPage}
  1635. {block:Pagination}
  1636. {block:PreviousPage}
  1637. <a href="{PreviousPage}">
  1638. prev
  1639. </a>
  1640. {/block:PreviousPage}
  1641. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
  1642. {block:NextPage}
  1643. <a href="{NextPage}">
  1644. next
  1645. </a>
  1646. {/block:NextPage}
  1647. {/block:Pagination}
  1648. {/block:IndexPage}
  1649. </div>
  1650. {/block:ifPagination}
  1651.  
  1652. </div>
  1653.  
  1654. <div class="alignment">
  1655. <div class="autopagerize_page_element" >
  1656.  
  1657. {block:Posts}
  1658. <div class="posts">
  1659.  
  1660. {block:ContentSource}
  1661. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1662. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1663. {/block:SourceLogo}
  1664. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1665.  
  1666. <!-- {ReblogParentURL}{block:ReblogParentLogo}<img src="{BlackLogoURL}"
  1667. width="{LogoWidth}" height="{LogoHeight}" alt="{ReblogParentTitle}" />
  1668. {/block:ReblogParentLogo}
  1669. {block:NoReblogParentLogo}{ReblogParentLink}{/block:NoReblogParentLogo} -->
  1670. {/block:ContentSource}
  1671.  
  1672.  
  1673. <!-- PHOTO POSTS -->
  1674.  
  1675. {block:if250}
  1676. {block:Photo}
  1677. {LinkOpenTag}
  1678. <div class="photopost">
  1679. <img src="{PhotoURL-250}">
  1680. </div>
  1681. {LinkCloseTag}
  1682. {block:ifShowCaptions}
  1683. {block:Caption}
  1684. {Caption}
  1685. {/block:Caption}
  1686. {/block:ifShowCaptions}
  1687. {/block:photo}
  1688. {/block:if250}
  1689.  
  1690.  
  1691. {block:if400}
  1692. {block:Photo}
  1693. {LinkOpenTag}
  1694. <div class="photopost">
  1695. <img src="{PhotoURL-400}">
  1696. </div>
  1697. {LinkCloseTag}
  1698. {block:ifShowCaptions}
  1699. {block:Caption}
  1700. {Caption}
  1701. {/block:Caption}
  1702. {/block:ifShowCaptions}
  1703. {/block:photo}
  1704. {/block:if400}
  1705.  
  1706. {block:if500}
  1707. {block:Photo}
  1708. {LinkOpenTag}
  1709. <div class="photopost">
  1710. <img src="{PhotoURL-500}">
  1711. </div>
  1712. {LinkCloseTag}
  1713. {block:ifShowCaptions}
  1714. {block:Caption}
  1715. {Caption}
  1716. {/block:Caption}
  1717. {/block:ifShowCaptions}
  1718. {/block:photo}
  1719. {/block:if500}
  1720.  
  1721.  
  1722.  
  1723. <!-- PHOTOSET POSTS -->
  1724. {block:if250}
  1725. {block:Photoset}
  1726. <div id="photoset">
  1727. {Photoset-250}
  1728. </div>
  1729. {block:ifShowCaptions}
  1730. {block:Caption}
  1731. {Caption}
  1732. {/block:Caption}
  1733. {/block:ifShowCaptions}
  1734. {/block:Photoset}
  1735. {/block:if250}
  1736.  
  1737. {block:if400}
  1738. {block:Photoset}
  1739. <div id="photoset">
  1740. {Photoset-400}
  1741. </div>
  1742. {block:ifShowCaptions}
  1743. {block:Caption}
  1744. {Caption}
  1745. {/block:Caption}
  1746. {/block:ifShowCaptions}
  1747. {/block:Photoset}
  1748. {/block:if400}
  1749.  
  1750. {block:if500}
  1751. {block:Photoset}
  1752. <div id="photoset">
  1753. {Photoset-500}
  1754. </div>
  1755. {block:ifShowCaptions}
  1756. {block:Caption}
  1757. {Caption}
  1758. {/block:Caption}
  1759. {/block:ifShowCaptions}
  1760. {/block:Photoset}
  1761. {/block:if500}
  1762.  
  1763.  
  1764. <!-- VIDEO POSTS -->
  1765. <div class="video">
  1766. {block:if250}
  1767. {block:Video}
  1768. {Video-250}
  1769. {block:ifShowCaptions}
  1770. {block:Caption}
  1771. {Caption}
  1772. {/block:Caption}
  1773. {/block:ifShowCaptions}
  1774. {/block:Video}
  1775. {/block:if250}
  1776.  
  1777. {block:if400}
  1778. {block:Video}
  1779. {Video-400}
  1780. {block:ifShowCaptions}
  1781. {block:Caption}
  1782. {Caption}
  1783. {/block:Caption}
  1784. {/block:ifShowCaptions}
  1785. {/block:Video}
  1786. {/block:if400}
  1787.  
  1788. {block:if500}
  1789. {block:Video}
  1790. {Video-500}
  1791. {block:ifShowCaptions}
  1792. {block:Caption}
  1793. {Caption}
  1794. {/block:Caption}
  1795. {/block:ifShowCaptions}
  1796. {/block:Video}
  1797. {/block:if500}
  1798. </div>
  1799.  
  1800. <!-- AUDIO POSTS -->
  1801. {block:Audio}<div class="album">{block:AudioPlayer}<div class="player">{AudioPlayerWhite}</div>{/block:AudioPlayer}
  1802.  
  1803. {block:AlbumArt}{block:IndexPage}<img src="{AlbumArtURL}">{/block:IndexPage}{block:PermalinkPage}<img src="{AlbumArtURL}">{/block:PermalinkPage}{/block:AlbumArt}</div>
  1804.  
  1805. <div class="track">{block:TrackName}Title: {TrackName}<br>{/block:TrackName}{block:Artist}Artist: {Artist}<br>{/block:Artist}{block:Album}Album:
  1806. {Album}{/block:Album}</div>
  1807.  
  1808. {block:ifShowCaptions}{block:Indexpage}{block:Caption}{Caption}{/block:Caption}{/block:Indexpage}{/block:ifShowCaptions}
  1809.  
  1810. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  1811. {/block:Audio}
  1812.  
  1813.  
  1814. <!-- QUOTE POSTS -->
  1815. {block:Quote}
  1816. <div id="quote">{Quote}</div>
  1817. {block:Source}<div id="source">— {Source}</div>{/block:Source}
  1818. {/block:Quote}
  1819.  
  1820.  
  1821. <!-- TEXT POSTS -->
  1822. {block:Text}
  1823. {block:Title}
  1824. <div id="posttitle">{Title}</div>
  1825. {/block:Title}
  1826. {Body}
  1827. {/block:Text}
  1828.  
  1829.  
  1830. <!-- QUESTION POSTS -->
  1831. {block:Answer}
  1832. <div id="asker">
  1833. {asker} said:
  1834. </div>
  1835.  
  1836. <div class="question">
  1837. {question}<br>
  1838. </div>
  1839. <div style="margin-top:10px">
  1840. {answer}
  1841. </div>
  1842. {/block:Answer}
  1843.  
  1844. <!-- CHAT POSTS -->
  1845. {block:Chat}
  1846. {block:Title}
  1847. <div id="posttitle">{Title}</div><br />
  1848. {/block:Title}
  1849. {block:Lines}<div id="{Alt}">
  1850. {block:Label}<b>{Label}</b>{/block:Label} {Line}</br></div>
  1851. {/block:Lines}
  1852. {/block:Lines}
  1853. {/block:Chat}
  1854.  
  1855. <!-- LINK POSTS -->
  1856. {block:Link}
  1857. <a href="{URL}"> <div id="posttitle">{Name}</div></a>
  1858. {block:Description}
  1859. {Description}
  1860. {/block:Description}
  1861. {/block:Link}
  1862. </div>
  1863.  
  1864. {block:IndexPage}
  1865. <div class="postperma">
  1866. {block:Date}<a href="{Permalink}">{TimeAgo}{/block:Date}</a> —— {NoteCountWithLabel} —— <a href="{ReblogURL}">reblog</a> </div>
  1867.  
  1868. {block:ifShowTags}{block:HasTags}
  1869. <div id="permatags">{block:Tags}#<a href="{TagURL}">{Tag}</a> &nbsp; {/block:Tags}</div>
  1870. {/block:HasTags}{/block:ifShowTags}
  1871.  
  1872. {/block:IndexPage}
  1873.  
  1874. {block:PermaLinkPage}
  1875. <div class="postinfo">
  1876. <center>
  1877. <div id="permtitle">Posted on: {Month} {DayofMonth}, {Year}<br> {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</div>
  1878. {block:RebloggedFrom}
  1879. <div id="tags">Via:
  1880. <a href="{ReblogParentURL}">{ReblogParentName}</a> ||
  1881. Source: <a href="{ReblogRootURL}">{ReblogRootName}</a></div>
  1882. {/block:RebloggedFrom}
  1883. </center>
  1884. <br>
  1885. {block:HasTags}
  1886. <div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> &nbsp; {/block:Tags} </div>
  1887. {/block:HasTags}
  1888. </div>
  1889.  
  1890. {block:PostNotes}<div class="postnotes"><div style="margin-left: -20px;">{PostNotes}</div></div>{/block:PostNotes}
  1891. {/block:PermalinkPage}
  1892.  
  1893. {/block:Posts}
  1894.  
  1895. </div>
  1896. </div>
  1897. </div>
  1898. </div>
  1899.  
  1900. <div id="01" class="popup_block">
  1901. <div style="margin-left:10px;font-family:lainie; font-size:25px; z-index:999999;color:#111">Letters for me?</div><br>
  1902. <div style="margin-left:10px;font-family:trebuchet ms; font-size:8px;color:#111">* for private, otherwise i'll post your question. anything after 'ooc, /, (, [, etc' will be considered ooc messages.<br> i'm always open for plotting and i love pre-established relationships.
  1903. </div>
  1904. <br>
  1905.  
  1906. <p><iframe frameborder="0" height="250" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/ikxcheol.tumblr.com" width="100%"></iframe> <!--[if IE]><script type="text/javascript">document.getElementById('ask_form').
  1907. allowTransparency=true;</script>
  1908. <![endif]--></p>
  1909. <p><iframe frameborder="0" height="420" id="submit_form" scrolling="no" src="http://www.tumblr.com/submit_form/ikxcheol.tumblr.com" width="100%"></iframe></p>
  1910. </div>
  1911.  
  1912. <div id="navi" class="popup_block">
  1913. <p><h1>LINKAGE ;;</h1></p>
  1914. <div style="font-size: 9px; text-align: center; margin-left: 20px; margin-right: 20px;">
  1915. <h1>BODY&nbsp;&ndash;&ndash;&ndash;&ndash;&ndash;&nbsp;</h1><br />
  1916. <strong><strong><a href="/tagged/%28-%2A-%2F%2F-%26%26.-┋-visual%21-❞" title="FACE">VISAGE.</a> <br><a href="/tagged/%28-%2A-%2F%2F-%26%26.-┋-apparel%21-❞" title="FASHION">APPAREL.</a></strong></strong>
  1917. <h1>MIND&nbsp;&ndash;&ndash;&ndash;&ndash;&ndash;&nbsp;</h1><br />
  1918. <strong><strong><strong><a href="/tagged/%28-%2A-%2F%2F-%26%26.-┋-chat%21-❞" title="CONVERSATIONS">REPLIES.</a> <br><a href="/tagged/%28-%2A-%2F%2F-%26%26.-┋-ipod%21-❞" title="CHEOL'S MUSIC">PLAYLIST.</a> <br><a href="/tagged/%28-%2A-%2F%2F-%26%26.-┋-text%21-❞" title="SUCH AS KKT, SMS, WHATSAPP, IM, ETC">TEXTS</a> <br><a href="/tagged/%28-%2A-%2F%2F-%26%26.-┋-snapchat%21-❞" title="SELF EXPLANATORY">SNAPCHAT.</a> <br><a href="/tagged/%28-%2A-%2F%2F-%26%26.-┋-shut-up-marie%21-❞" title="OOC">ANSWERED.</a> // <a href="/tagged/%28-%2A-%2F%2F-%26%26.-┋-answered%21-❞" title="CHEOL'S ANSWERS">IN CHARACTER.</a> // <a href="/tagged/%28-%2A-%2F%2F-%26%26.-┋-answered-meme%21-❞" title="ANSWERED MEMES">MEMES.</a></strong></strong></strong>
  1919. <h1>SOUL&nbsp;&ndash;&ndash;&ndash;&ndash;&ndash;&nbsp;</h1><br />
  1920. <strong><strong><strong><strong><a href="/tagged/%28-%2A-%2F%2F-%26%26.-┋-about%21-❞" title="FACTS &amp; STATS">ABOUT.</a> <br><a href="/tagged/%28-%2A-%2F%2F-%26%26.-┋-musing%21-❞" title="CHEOL'S MIND, THOUGHTS, ETC">MUSINGS.</a> <br><a href="/tagged/%28-%2A-%2F%2F-%26%26.-┋-aesthetic%21-❞" title="AESTHETIC">AESTHETIC.</a> <br><a href="/tagged/%28-%2A-%2F%2F-%26%26.-┋-moodboard%21-❞" title="MOODBOARDS">MOODBOARD.</a> <br><a href="/points" title="TRAINEE POINTS">POINTS.</a></strong></strong></strong></strong></div>
  1921. </blockquote>
  1922. </div>
  1923.  
  1924. <div id="02" class="popup_block" scrolling="no">
  1925. <div style="font-family:lainie; font-size:30px; z-index:999999; color:#111;"><center>Statistics</center></div><br>
  1926. <br>
  1927. <img src="http://49.media.tumblr.com/1916028dbe300e763f6fc3bdf3535b63/tumblr_o40a3pqa8Z1u4xn9fo2_540.gif" width="100%"><br><br>
  1928. <div style="font-family: calibri; font-size: 16px; z-index: 999999;font-weight:bold">&rarr; GENERAL INFORMATION</div><br>
  1929. <b>FULL NAME</b>: lee "chase" cheol.<br />
  1930. <b>NICKNAME</b>: his stage name, chase.<br />
  1931. <b>AGE</b>: eighteen.<br />
  1932. <b>DATE OF BIRTH</b>: december 1st, 1997.<br />
  1933. <b>ASTROLOGICAL SIGN</b>: sagittarius.<br />
  1934. <b>GENDER</b>: male ( he/him/him pronouns ).<br />
  1935. <b>BIRTHPLACE</b>: daegu.<br />
  1936. <b>SEXUAL ORIENTATION</b>: homosexual, but you don't know this unless he tells you.<br />
  1937. <b>STATUS</b>: single.<br />
  1938. <b>OCCUPATION</b>: trainee and student.<br /><br/>
  1939.  
  1940. <div style="font-family: calibri; font-size: 16px; z-index: 999999;font-weight:bold">&rarr; FAMILY</div><br>
  1941. <b>FATHER</b>: lee jaeho.<br />
  1942. <b>MOTHER</b>: lee sarang.<br />
  1943. <b>SIBLINGS</b>: n/a.<br />
  1944. <b>PARTNER</b>: n/a.<br />
  1945. <b>PETS</b>: n/a.<br />
  1946. <b>OTHER IMPORTANT RELATIVES</b>: n/a.<br /><br/>
  1947.  
  1948. <div style="font-family: calibri; font-size: 16px; z-index: 999999;font-weight:bold">&rarr; EDUCATION</div><br>
  1949. <b>HIGHSHOOL</b>: seoul school of performing arts.<br />
  1950. <b>UNIVERSITY</b>: n/a.<br />
  1951. <b>MAJOR</b>: n/a.<br /><br/>
  1952.  
  1953. <div style="font-family: calibri; font-size: 16px; z-index: 999999;font-weight:bold">&rarr; PHYSICAL APPEARANCE</div><br>
  1954. <b>HEIGHT</b>: 178cm.<br />
  1955. <b>WEIGHT</b>: 61kg.<br />
  1956. <b>EYE COLOR</b>: black.<br />
  1957. <b>HAIR COLOR</b>: brown.<br />
  1958. <b>SKIN COLOR</b>: fair.<br />
  1959. <b>BODY BUILT</b>: athletic.<br />
  1960. <b>SCARS</b>: none so far.<br />
  1961. <b>TATTOOS</b>: none.<br />
  1962. <b>PIERCINGS</b>: ears only.<br /><br />
  1963.  
  1964.  
  1965. <div style="font-family: calibri; font-size: 16px; z-index: 999999;font-weight:bold">&rarr; MEDICAL SHEET</div><br>
  1966. <b>ILNESS(ES)</b>: asthma.<br />
  1967. <b>PHOBIA(S)</b>: claustrophobia.<br />
  1968. <b>ALLERGY(IES)</b>: pineapple.<br />
  1969. <b>MEDICAMENTATION(S)</b>: allergy drugs and treatment for asthma.<br />
  1970. <b>BLOOD TYPE</b>: ab.<br />
  1971. <b>ORGAN DONOR</b>: yes.<br />
  1972. <b>BLOOD DONOR</b>: yes.<br />
  1973. <b>OTHER RELEVANT DATA</b>: none.<br /><br/>
  1974.  
  1975. <div style="font-family: calibri; font-size: 16px; z-index: 999999;font-weight:bold">&rarr; PSYCHOLOGICAL TRAITS</div><br>
  1976. <b>POSITIVE TRAITS</b>: caring, easy-going, sassy, clever, ambitious.<br />
  1977. <b>NEGATIVE TRAITS</b>: stubborn, anxious, usually cold towards the people he doesn’t know, shy most of the time.<br />
  1978. <b>GOALS/DESIRES</b>: to have his debut as an idol.<br />
  1979. <b>FEARS</b>: heights.<br />
  1980. <b>MUSIC</b>: he listens to anything, he doesn’t have a favorite genre.<br />
  1981. <b>MOVIES</b>: comedies, horror movies and cartoons.<br />
  1982. <b>TV SHOWS</b>: he doesn’t watch tv shows, but he’s a sucker for animes.<br />
  1983. <b>FOOD</b>: homecooked food. no matter what is it.<br />
  1984. <b>COLOR</b>: red and black.<br />
  1985. <b>REDES SOCIALES</b>: n/a.<br />
  1986. <b>HOBBIES</b>: playing guitar, watching anime, doodling.<br />
  1987. <b>HABITS</b>: biting his lips, doodling when he’s bored.<br />
  1988. <b>LIKES</b>: summer, the rain, cuddles.<br />
  1989. <b>DISLIKES</b>: winter, assholes, lies.<br />
  1990. <b>MYERS BRIGGS</b>: esfj.<br />
  1991. <b>DIVERGENT FACTION</b>: erudite.<br />
  1992. <b>HOGWARTS HOUSE</b>: ravenclaw.<br />
  1993. <b>SEASON</b>: winter.<br />
  1994. <b>VIRTUE</b>: chastity.<br />
  1995. <b>SIN</b>: pride.<br />
  1996.  
  1997. </div>
  1998.  
  1999. <div id="03" class="popup_block" scrolling="no">
  2000. <div style="font-family:lainie; font-size:30px; z-index:999999; color:#111;"><center>Biography</center></div><br>
  2001. <br>
  2002. <img src="http://67.media.tumblr.com/6dffcf496dd58ca67a7ef52c70c9a41a/tumblr_o40a3pqa8Z1u4xn9fo1_540.gif" width="100%"><br><br>
  2003. <b>born on december 1st, 1997</b>, cheol was the only child in his family.. a blessing to his parents, both almost in their fourties, he was spoiled from the first day he came home and it went on for as long as he can remember. yet, his family wasn’t rich. he didn’t snap his fingers and got whatever he wanted. cheol always had to work hard for his dreams and wishes, but that’s not something that bothered him. the boy grew up in a small house, in daegu, surrounded by the love of his parents and the rest of the family and that was enough for him.<br />
  2004.  
  2005. <b>his passion for music and arts</b> followed him since he was a child and seeing that, his parents worked hard, in order to send cheol in seoul during his highschool years. as a child, cheol was quiet, even secluded sometimes, always sitting in a corner when his parents had friends over. shy, he listened to whatever the olders had to say, taking the advices and even the bad words while watching the floor. the childhood, although not very relevant, was marked by a few important moments.<br />
  2006.  
  2007. <b>aged ten</b>, as a gift for his birthday, he receives his first guitar. he is happy, jumping around the room and clinging to his father, while his mother just watches them with tears in her eyes. he knows his family doesn't have enough money for a teacher, but with the help of a friend of his father, he manages to learn how to play the guitar.<br />
  2008.  
  2009. <b>aged thirteen</b>, he watches his best friend, older than him with three years, getting into a relationship with a girl. cheol doesn't understand much, but he scrunches up his nose everytime he sees her around him. when he goes to his mother to ask what is wrong with him, the woman who brought him to life asks if he ever wished to be in that girl's place. when cheol nods, she just smiles and pats his head, telling him not to worry too much.<br />
  2010.  
  2011. <b>aged fourteen</b>, he leaves to seoul, getting accepted into the highschool he wants. there are bad people, saying he’ll change once he’ll reach his teenager years, especially after he starts the highschool. but it isn’t the case. cheol continuing to be a good child, studying hard for his dream. and when the oportunity comes, cheol goes for an audition and actually manages to become a trainee under galaxy records.<br />
  2012.  
  2013. <b>aged seventeen</b>, after three years, he sees his family again. cheol is happy and his parents seem very proud of him. he shows them his dorm, the company and the places he goes, excited to see the happiness on his mother's face and his father's proud face as he does so.<br />
  2014.  
  2015. <b>aged eighteen</b>, his last year of highschool makes him feel nervous. he is still a trainee, and besides training to be a rapper, cheol also takes classes for dancing and singing but his main focus is and will always be his career as a rapper. he wants to study more and he's decided to apply for college, even if he doesn't know how he'll manage to do to both.
  2016.  
  2017. <br /><br />
  2018.  
  2019. <div style="font-family:lainie; font-size:30px; z-index:999999; color:#111;"><center>Facts</center></div><br />
  2020. <br />
  2021. <b>→</b> he’d been a trainee for four years now, starting his career at fourteen years old.<br />
  2022. <b>→</b> cheol may appear as rude and cold, but he isn’t. he is just shy.<br />
  2023. <b>→</b> talk to him about anime and videogames and he’ll love you. well, not really but you get me.<br />
  2024. <b>→</b> cheol never had a boyfriend, nor his first kiss.<br />
  2025. <b>→</b> he gets shy when people are making him compliments.<br />
  2026. <b>→</b> he is the biggest fanboy for girlgroups you’ll ever meet. knowing the dances like the back of his hand.<br />
  2027.  
  2028. </div>
  2029.  
  2030. <div id="friends" class="popup_block">
  2031. <div class="popupcont4">
  2032. <ul class="img-list">
  2033. <li>
  2034. <a href="http://ikxminjae.tumblr.com">
  2035. <img src="http://i.imgur.com/ayOwXPF.png" />
  2036. </a>
  2037. </li>
  2038.  
  2039. <li>
  2040. <a href="http://ikxdoll.tumblr.com">
  2041. <img src="http://i.imgur.com/nLCidKY.png" />
  2042. </a>
  2043. </li>
  2044.  
  2045. <li>
  2046. <a href="http://ikminhyuk.tumblr.com">
  2047. <img src="http://i.imgur.com/bnFsWCu.png" />
  2048. </a>
  2049. </li>
  2050.  
  2051. <li>
  2052. <a href="http://ikhayden.tumblr.com">
  2053. <img src="http://i.imgur.com/GvojLB0.png" />
  2054. </a>
  2055. </li>
  2056.  
  2057. <li>
  2058. <a href="http://ikxsa.tumblr.com">
  2059. <img src="http://i.imgur.com/ysesEbe.png" />
  2060. </a>
  2061. </li>
  2062. </ul>
  2063.  
  2064. </div>
  2065.  
  2066. </div>
  2067.  
  2068.  
  2069.  
  2070. <a href="http://galaxias-themes.tumblr.com/" title="galaxias-themes" style="bottom:5px; left:5px; pading:2px; position:fixed; font-family: wendy; font-size:10px; z-index:999999999999;">THEME</a>
  2071.  
  2072. <div style="bottom:5px; right:5px; pading:2px; position:fixed; font-family: wendy; font-size:10px; z-index:999999999999;">( * // &&. ┋ <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5290382";
  2073. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  2074. fhs.src = "//s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=&e2=&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  2075. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  2076. </script>
  2077. out of <script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3133991";
  2078. fhsh.src = "//s1.freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=&a=1";
  2079. document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  2080. </script>! ❞</div>
  2081. </body>
  2082. </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!