Advertisement
tsiappoworks

extasisthemes redux

Jun 25th, 2017
98
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.03 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.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!----- One More Day by extasisthemes ----->
  6.  
  7. <head>
  8.  
  9. <title>{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12.  
  13. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  14. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  15. <script>
  16. (function($){
  17. $(document).ready(function(){
  18. $("a[title]").style_my_tooltips({
  19. tip_follows_cursor:true,
  20. tip_delay_time:90,
  21. tip_fade_speed:600,
  22. attribute:"title"
  23. });
  24. });
  25. })(jQuery);
  26. </script>
  27.  
  28. <script type="text/javascript" src="https://pastebin.com/raw/0QibYDaZ"></script>
  29.  
  30. <script>
  31. $(document).ready(function(){
  32. $(".faq-answer").hide();
  33. $(".faq-question").click(function(){
  34. $(this).next(".faq-answer").slideToggle('fast');
  35. });
  36. });
  37. </script>
  38.  
  39. <script src="https://use.fontawesome.com/b01aac9904.js"></script>
  40.  
  41. <style type="text/css">
  42.  
  43. @import url('https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i');
  44. @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,600italic,400italic);
  45.  
  46. ::-webkit-scrollbar-thumb:vertical {
  47. background:#99869d;
  48. height:50px;
  49. }
  50.  
  51. ::-webkit-scrollbar {
  52. height:10px;
  53. width:1px;
  54. }
  55.  
  56. #s-m-t-tooltip {
  57. background:#ffffff;
  58. border:1px solid #eeeeee;
  59. color:#000000;
  60. font-family:'Karla', sans-serif;
  61. font-size:11px;
  62. font-style:normal;
  63. font-weight:normal;
  64. letter-spacing:0px;
  65. margin-top:20px;
  66. padding:10px;
  67. text-align:center;
  68. text-decoration:none;
  69. text-transform:uppercase;
  70. z-index:999999999999999999999999999999999999;
  71. }
  72.  
  73. body {
  74. background:#ffffff;
  75. color:#000000;
  76. cursor:url(http://i.imgur.com/lhPqll6.png), progress;
  77. font-family:'Karla', sans-serif;
  78. font-size:12px;
  79. font-style:normal;
  80. font-weight:normal;
  81. letter-spacing:0px;
  82. margin:0px;
  83. text-align:justify;
  84. text-decoration:none;
  85. text-transform:none;
  86. word-break:break-word;
  87. }
  88.  
  89. a {
  90. border-bottom:1px solid #eeeeee;
  91. color:#000000;
  92. text-decoration:none;
  93. -webkit-transition: all 0.5s ease;
  94. -moz-transition: all 0.5s ease;
  95. -o-transition: all 0.5s ease;
  96. }
  97.  
  98. a:hover {
  99. color:#eeeeee;
  100. }
  101.  
  102. ul {
  103. padding:10px;
  104. }
  105.  
  106. li {
  107. list-style:none;
  108. padding:2px 0px 1px 0px;
  109. }
  110.  
  111. li:before {
  112. color:#eeeeee;
  113. content:'–––––';
  114. letter-spacing:-3px;
  115. padding-right:10px;
  116. }
  117.  
  118. img {
  119. height:auto;
  120. max-width:100%;
  121. }
  122.  
  123. #container {
  124. margin-bottom:100px;
  125. margin-left:auto;
  126. margin-right:auto;
  127. margin-top:100px;
  128. width:500px;
  129. }
  130.  
  131. #header {
  132. margin-bottom:60px;
  133. }
  134.  
  135. .title {
  136. color:#000000;
  137. display:inline-block;
  138. font-family:'Karla', sans-serif;
  139. font-size:12px;
  140. font-style:normal;
  141. font-weight:700;
  142. letter-spacing:0px;
  143. text-decoration:none;
  144. text-align:left;
  145. text-transform:none;
  146. }
  147.  
  148. .links {
  149. color:#000000;
  150. display:inline-block;
  151. font-family:'Karla', sans-serif;
  152. float:right;
  153. font-size:12px;
  154. font-style:normal;
  155. font-weight:normal;
  156. letter-spacing:0px;
  157. text-decoration:none;
  158. text-align:left;
  159. text-transform:none;
  160. }
  161.  
  162. .links a {
  163. border-bottom:none;
  164. color:#000000;
  165. margin-left:10px;
  166. }
  167.  
  168. .links a:hover {
  169. color:#cfcfcf;
  170. }
  171.  
  172. #section-title {
  173. border-bottom:1px solid #eeeeee;
  174. color:#000000;
  175. font-family:'Karla', sans-serif;
  176. font-size:12px;
  177. font-style:normal;
  178. font-weight:normal;
  179. letter-spacing:0px;
  180. padding-bottom:10px;
  181. text-decoration:none;
  182. text-align:left;
  183. text-transform:none;
  184. }
  185.  
  186. #about {
  187. height:300px;
  188. margin-top:30px;
  189. width:500px;
  190. }
  191.  
  192. #about-image {
  193. height:300px;
  194. position:absolute;
  195. width:200px;
  196. }
  197.  
  198. .about-image {
  199. height:300px;
  200. width:200px;
  201. }
  202.  
  203. .about-image img {
  204. height:300px;
  205. width:200px;
  206. }
  207.  
  208. .about-info {
  209. background:#ffffff;
  210. color:#000000;
  211. font-family:'Karla', sans-serif;
  212. font-size:12px;
  213. font-style:normal;
  214. font-weight:normal;
  215. letter-spacing:0px;
  216. margin-left:20px;
  217. margin-top:-82px;
  218. padding:10px;
  219. position:absolute;
  220. text-decoration:none;
  221. text-align:left;
  222. text-transform:none;
  223. width:140px;
  224. }
  225.  
  226. #about-content {
  227. color:#000000;
  228. font-family:'Karla', sans-serif;
  229. font-size:12px;
  230. font-style:normal;
  231. font-weight:normal;
  232. height:300px;
  233. letter-spacing:0px;
  234. margin-left:220px;
  235. overflow-x:hidden;
  236. padding-right:3px;
  237. text-decoration:none;
  238. text-align:justify;
  239. text-transform:none;
  240. }
  241.  
  242. #faq {
  243. margin-top:30px;
  244. }
  245.  
  246. .faq-holder {
  247. margin-bottom:5px;
  248. }
  249.  
  250. .faq-question {
  251. background:#ece6ec;
  252. color:#665368;
  253. font-family:'Karla', sans-serif;
  254. font-size:12px;
  255. font-style:normal;
  256. font-weight:normal;
  257. letter-spacing:0px;
  258. padding:10px;
  259. text-align:left;
  260. text-decoration:none;
  261. text-transform:none;
  262. }
  263.  
  264. .faq-question:hover {
  265. cursor:help;
  266. }
  267.  
  268. .faq-answer {
  269. color:#000000;
  270. font-family:'Karla', sans-serif;
  271. font-size:12px;
  272. font-style:normal;
  273. font-weight:normal;
  274. letter-spacing:0px;
  275. margin-top:5px;
  276. text-align:justify;
  277. text-decoration:none;
  278. text-transform:none;
  279. }
  280.  
  281. #navigation {
  282. margin-bottom:90px;
  283. width:500px;
  284. }
  285.  
  286. .navigation-title {
  287. color:#665368;
  288. background-color:#ece6ec;
  289. font-family:'Karla', sans-serif;
  290. font-size:14px;
  291. font-style:normal;
  292. font-weight:normal;
  293. letter-spacing:0em;
  294. margin-top:10px;
  295. margin-left:-10px;
  296. margin-bottom:2px;
  297. padding:10px;
  298. text-decoration:none;
  299. text-align:left;
  300. text-transform:none;
  301. width:100%;
  302. }
  303.  
  304. .navigation-links {
  305. font-family:'Karla', sans-serif;
  306. font-size:12px;
  307. font-style:normal;
  308. font-weight:normal;
  309. letter-spacing:0em;
  310. margin-left:-10px;
  311. text-decoration:none;
  312. text-align:left;
  313. text-transform:none;
  314. width:521px;
  315. }
  316.  
  317. .navigation-links a {
  318. border-bottom:none;
  319. color:#fff;
  320. background-color:#c5b6bb;
  321. display:inline-block;
  322. padding:10px;
  323. margin-bottom:2px;
  324. width:108px;
  325. }
  326.  
  327. .navigation-links a:hover {
  328. background-color:#665368;
  329. }
  330.  
  331. #credit {
  332. background:#ffffff;
  333. border:1px solid #eeeeee;
  334. bottom:15px;
  335. color:#000000;
  336. float:right;
  337. font-family:'Open Sans', sans-serif;
  338. font-size:10px;
  339. font-style:normal;
  340. font-weight:normal;
  341. letter-spacing:0px;
  342. padding:5px;
  343. position:fixed;
  344. right:15px;
  345. text-align:justify;
  346. text-decoration:none;
  347. text-transform:uppercase;
  348. }
  349.  
  350. #credit a {
  351. border-bottom:none;
  352. color:#000000;
  353. }
  354.  
  355. #credit a:hover {
  356. color:#cfcfcf;
  357. }
  358.  
  359. {CustomCSS}</style></head><body>
  360.  
  361. <div id="container">
  362.  
  363. <div id="header">
  364.  
  365. <div class="title">TAEYEON GILLY</div>
  366.  
  367. <div class="links">
  368. <a href="/">Home</a>
  369. <a href="/ask">Mail</a>
  370. <a href="/s">Scully</a>
  371. <a href="/ships">Friends</a>
  372. <a href="/archive">Archive</a>
  373. </div>
  374.  
  375. </div>
  376.  
  377. <div id="section-title"><font style="border-left:1px solid #eeeeee;border-right:1px solid #eeeeee;border-top:1px solid #eeeeee;margin-right:10px;padding:10px;"><i class="fa fa-quote-right" aria-hidden="true"></i></font>THE WORLD</div>
  378.  
  379. <div id="about">
  380.  
  381. <div id="about-image">
  382.  
  383. <div class="about-image"><img src="http://i.imgur.com/gAIk4hm.png"/></div>
  384.  
  385. <div class="about-info">
  386. <font style="color:#99869d;">Called</font><font style="float:right;">Taki, Taiyo</font>
  387. <br>
  388. <font style="color:#99869d;">Age</font><font style="float:right;">Eighteen</font>
  389. <br>
  390. <font style="color:#99869d;">Location</font><font style="float:right;">Try to find her</font>
  391. </div>
  392.  
  393. </div>
  394.  
  395. <div id="about-content">
  396. <center>STATS</center><br>
  397. <b>birthday:</b> 12 august<br>
  398. <b>school:</b> 1st year college student.<br>
  399. <b>blood:</b> half dutch, half korean.<br>
  400. <b>orientation:</b> bisexual, female preference.<br>
  401. <b>place of birth:</b> bonaire, dutch caribbean.<br>
  402. <b>living conditions:</b> various houses and apartments across the world.<br>
  403. <b>occupation:</b> student, heiress to a criminal syndicate / corporation.<br>
  404. <br>
  405. <center>relationships</center><br>
  406.  
  407. <b>parents:</b> Geralt Gilly, father. Ji-Eun Gilly, mother, deceased.<br>
  408. <b>family:</b> Diederik Gilly, p. grandfather. Young-Ja Park, m. grandmother. <br>
  409. <b>pets:</b> Frankenstein, ball python; Kraken&Lucy, cats; Zhenya, caucasian ovcharka<br>
  410. <br>
  411. <center>physical</center><br>
  412.  
  413. <b>eyes:</b> a stormy, haunting green; pale in hue. sharp and almost feline, framed by impressive lashes. terrible eyesight.<br>
  414. <b>hair:</b> naturally a deep red but dyed a medium, metallic silver. thick, curly, glossy. reaches her butt when loose. worn in a single braid.<br>
  415. <b>height:</b> 177 cm (5'8")<br>
  416. <b>weight:</b> 62 kg, give or take; fluctuates frequently.<br>
  417. <b>build:</b> athletic. delicate in the shoulders, with a larger-than-average bust. wide hips, prominent rear, thick (muscular) thighs.<br>
  418. <b>notable physical traits:</b> dimples, absurd amounts of freckles.<br>
  419. <b>clothing:</b> mostly wears fitted blouses and pleated skirts under a large sweater, with tights and ballet flats. predominantly neutral colour pallets, with bursts of muted colour (lavender, dusty pink, etc). rarely dresses up, but possesses a keener fashion sense than most would guess. <br>
  420. <br>
  421. <center>core</center><br>
  422.  
  423. <b>intelligence:</b> languages, music, plants.<br>
  424. <b>likes:</b> dance, sports, STEM fields, melon bread, cats, spicy food.<br>
  425. <b>dislikes:</b> dirty screens, loudness, invasions of personal space, the colour yellow.<br>
  426. <b>disposition:</b> self-sacrificial, deadpan, eccentric, blunt, stubborn, caring, well-intentioned, nonchalant.<br>
  427. <b>moral alignment:</b> true neutral<br>
  428. <b>medical conditions:</b> undiagnosed complex-PTSD. anemia.<br>
  429. <br>
  430. <center>other</center><br>
  431.  
  432. <b>phobias:</b> fire, needles, confinement.<br>
  433. <b>allergies:</b> bees; mild.<br>
  434. <b>strengths:</b> piano, violin, gymnastics, astrophysics, academia, video games.<br>
  435. <b>weaknesses:</b> cooking, manners, impulse control, tiny purses, patience, children.<br>
  436. <b>extras:</b> speaks five languages fluently, three conversationally. hates broccoli. owns 34 pairs of glasses.<br>
  437. <b>current concern:</b> is it impolite to put hot sauce on everything?
  438. </div>
  439.  
  440. <div id="about">
  441. <div id="about-content" style="width:100%;float:right;">
  442. <center>BRIEF HISTORY</center><br>
  443.  
  444. <p>Born to a Dutch crime lord slash entrepeneur and a Korean lawyer, Taeyeon was raised as far away from the criminal world as possible for the first six years of her life. She was born and raised on the island of Bonaire, a Dutch principality in the Caribbean Islands. At her mother Ji-Eun's insistance, she was given an idyllic childhood; where reasonable, her whims were fondly indulged, her curiosity satiated, and intelligence, passions, and dreams were encouraged heartily.
  445.  
  446. <p>Her mother taught her both Dutch and Korean as her native tongues, told her many stories of Korea and her family there. Both sides of her heritage were made important, but Ji-Eun also taught her the importance of acceptance, love, and celebration of differences. Taeyeon loved her mother more than anyone, adored and looked up to her endlessly. At the age of six, she watched the strongest woman she knew die in front of her. A drunk tourist, going well over the speed limit for residential areas, struck Ji-Eun head-on and narrowly avoided her child.
  447.  
  448. <p>After this traumatic incident, she was brought to Amsterdam to live with her father. It was a wholly different environment, one that saw her largely ignored and left to her own devices until it was convenient. Her father, a cruel man, blamed her for Ji-Eun's death and took her shell-shocked behaviour in combination with her introverted nature as a lack of caring. He constantly took out his anger on his young daughter, through physical and emotional abuse.
  449.  
  450. <p>He ripped her from her childhood by exposing her to the grit of the criminal underworld; forced her to watch murders, beatings, the cruelty of reality shattering her optimistic perception. Soon enough, she trained herself to simply not react outwardly to the horrors shown to her. Despite his resentment, he required an heir, and it was obvious that Taeyeon was intelligent, business-minded, and seemingly emotionless.
  451.  
  452. <p>He began grooming her, and to appease him, she followed his instruction impeccably in hopes this would stop the abuse. Such was not the case, and if anything, her situation worsened. If she was hardened enough, if she was naturally cruel enough to do the things he asked, in his mind she would be resilient, uncaring and unaffected by his actions. He was smart with his punishments, never giving her obvious injuries that couldn't be explained away by gymnastics or martial arts practice.
  453.  
  454. <p>Eventually, however, his abuse at least lessened in frequency. By eleven, she knew enough to be a threat to the organization if scorned, and even Geralt wasn't angry enough to be blind to the fact. He assigned a bodyguard to her, who was required to send him weekly reports on her movements; this quickly backfired, as said bodyguard became deeply loyal to Taeyeon, and while he knew nothing, it was becoming even more obvious that his daughter could truly be a great leader.
  455.  
  456. <p>In a fit of bitterness, he sent her away with her new companion as a guardian, under the guise of getting closer to her mother's memory. There, she became an accomplished athlete, and was almost a participant in an international competition, the Youth Olympic Games, under artistic gymnastics; unfortunately, she had to drop out due to an injury.
  457.  
  458. <p>She presently attends a rather prestigious college as a first year, double majoring in music composition/theory, and ornamental horticulture. She blossoms more by the day, though perhaps not in the traditional sense. An excellent student with many hidden talents who keeps mostly to herself, her air of enigmatic calm both alienates and entices those around her.
  459. </div></div>
  460.  
  461. <div id="section-title" style="margin-top:50px;"><font style="border-left:1px solid #eeeeee;border-right:1px solid #eeeeee;border-top:1px solid #eeeeee;margin-right:10px;padding:10px;"><i class="fa fa-question-circle" aria-hidden="true"></i></font>ALTERNATE WORLDS, WORLD ALTERATIONS</div>
  462.  
  463. <div id="faq">
  464.  
  465. <div class="faq-holder">
  466. <p class="faq-question" style="margin-bottom:0px;margin-top:0px;">Verse Name One</p>
  467. <div class="faq-answer">
  468. Verse description one.
  469. </div>
  470. </div>
  471.  
  472. <div class="faq-holder">
  473. <p class="faq-question" style="margin-bottom:0px;margin-top:0px;">Verse Name Two</p>
  474. <div class="faq-answer">
  475. Verse description two.
  476. </div>
  477. </div>
  478.  
  479. <div class="faq-holder" style="margin-bottom:0px;">
  480. <p class="faq-question" style="margin-bottom:0px;margin-top:0px;">Verse Name Three</p>
  481. <div class="faq-answer">
  482. Verse description three.
  483. </div>
  484. </div>
  485. </div>
  486.  
  487. <div id="section-title" style="margin-top:50px;"><font style="border-left:1px solid #eeeeee;border-right:1px solid #eeeeee;border-top:1px solid #eeeeee;margin-right:10px;padding:10px;"><i class="fa fa-bars" aria-hidden="true"></i></font>Navigation</div>
  488.  
  489. <div id="navigation">
  490.  
  491. <div class="navigation-title" style="margin-top:30px;">Category One</div>
  492.  
  493. <div class="navigation-links">
  494. <a href="/">Link One</a>
  495. <a href="/">Link Two</a>
  496. <a href="/">Link Three</a>
  497. <a href="/">Link Four</a>
  498. <a href="/">Link Five</a>
  499. <a href="/">Link Six</a>
  500. <a href="/">Link Seven</a>
  501. </div>
  502.  
  503.  
  504. </div>
  505.  
  506. </div>
  507.  
  508. </div>
  509.  
  510. </div>
  511.  
  512. <div id="credit">
  513. <a href="http://extasisthemes.tumblr.com/">ET</a>
  514. </div>
  515.  
  516. </body>
  517. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement