One x One — 𝘴𝘱𝘺 𝘨𝘢𝘮𝘦.

[natasha.]

spy

game

anelia x natasha.

 

[natasha.]

[div class=variables]

[div class=title]kaori lancaster

[div class=container]

[div class=mainimg]

[div class=subtitle]the trainee[/div]

"the short answer
is no.
the long answer
is oh fuck no."

[/div]

[div class="tabContents tabContents01 show"]

[div class=tag]full name

kaori blythe lancaster.

[div class=tag]gender

cis - female.

[div class=tag]age

seventeen.

[div class=tag]ethnicity

british + japanese.

[div class=tag]occupation[/div]

student at matheson's spy academy.

[/div]

[div class=tag]nickname

can't really shorten kaori.

[div class=tag]sexuality[/div]

pansexual.

[div class=tag]d.o.b[/div]

september 25th.

[div class=tag]p.o.b[/div]

osaka, japan.

[div class=tag]codename[/div]

athena.

[/div] [/div] [/div][/div] [div class="tabContents tabContents02"]

[div class=tag2]height

5 feet, 3 inches.

[div class=tag2]weight

51 kg.

[/div]

[div class=tag2]hair

kaori's hair is jet black, silky, and straight. she has bangs falling over her forehead, and her hair length is usually kept to a little below her shoulders. usually, she keeps it up in a bun or a ponytail because it helps her focus.

[/div]

[div class=tag2]eyes

kaori has dark brown eyes. they almost look black.

[/div]

[div class=tag2]body

she has a svelte form with slight curves and slender limbs.

[/div]

[div class=tag2]attire

kaori loves shirts and sweaters. she usually pairs them with jeans since she's not too big on fashion trends her appearance is always crisp and clean.

[/div]

[div class=tag2]health ailments

none.

[/div]

[div class=tag2]modifications

her ears are pierced once each.

[/div]

[div class=tag2]scars / markings

she has calloused fingers since she's not afraid to get her hands dirty and she's almost always spending time around machines. she has a few scars and burns from occasional malfunctions but it's all really just an occupational hazard. it doesn't worry her that much.

[/div]

[div class=tag2]face claim

ayami nakajo.

[/div] [/div][/div] [div class="tabContents tabContents03"]

[div class=tag2]likes

machines, technology, books, reading, learning new things, animals, nature, inventing new things, people who can keep up intellectually.

[div class=tag2]dislikes

pointless arguments, being wrong, people tampering with her stuff, being told what to do, bossy people, bullies, politics.

[/div]

[div class=tag2]mental ailments

kaori has a mild case of ocd. besides this, and it's not so much an ailment, kaori also has an eidetic memory.

[/div]

[div class=tag2]strengths

kaori is not only a [div class=tag4]quick thinker

, she's also pretty [div class=tag4]quick on her feet[/div]. she's [div class=tag4]resourceful[/div], and likely the best person to turn to in tough situations where a speedy escape is vital, and when questions need answering, she's always there to [div class=tag4]provide people with information[/div], given her ability to retain large amounts of it with a single glance. while kaori mainly exhibits skills related to [div class=tag4]knowledge and inventions[/div], she can also cause quite a bit of damage if she's got some knives on her. kaori gained a [div class=tag4]perfect aim[/div] through a lot of practise as a child, only because her mother insisted that she couldn't always get out of tough situations with her mind.[/div] [/div]

[div class=tag2]specialisation

despite preferring to be behind the scenes, kaori is opting to get deeper into field work. she has. aneye for detail, she's observant, and what's the point of inventing new gadgets if she isn't going to be the one using them?

[/div] [/div][/div] [div class="tabContents tabContents04"]

father

greg lancaster.

kaori and her father are close. she gets her intellect and her wit from him, no doubt. he always excelled in that field, though he was a field agent, just like her mother, and much better when it came to stealth work. he taught her many things, and fortunately doesn't pressure her as much as her mother does. he even suggested she not live up to the family legacy if she didn't want to, but kaori was determined. she wants to live up to the lancaster name.

mother

sora lancaster.

though kaori's parents met on a mission in japan, they both attended matheson's spy academy. just at different years. they had a whirlwind romance and kaori was a proud product of it. kaori and her mother are similar in many ways — they share the same determination, the same work ethic. however, her mother is just a tad bit more obsessed with greatness and perfection, and has always added more pressure on kaori's shoulders. on the plus side, her mother is the reason that kaori is skilled with knives and fluent in over seven languages.

[/div] [div class="tabContents tabContents06"]

[/div] [/div]

[div class="tab selectedTab tab1"]

[div class="tab tab2"][/div] [div class="tab tab3"][/div] [div class="tab tab4"][/div] [div class="tab tab6"][/div] [/div] [/div] [/div] [/div]

[div class=link]code by natasha.

https://www.rpnation.com/threads/❀-—-𝘵𝘩𝘦-𝘤𝘰𝘥𝘦-𝘨𝘢𝘳𝘥𝘦𝘯.466575/[/div] [class=link] display: inline-block; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; font-size: 10px; font-family: Avenir; color: #999; [/class] [class=variables] cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important; --color: #d94141; [/class] [class=tag] font-family: Raleway; color: var(--color); font-weight: bold; display: inline; text-transform: uppercase; letter-spacing: 2px; [/class] [class=tag2] font-family: Raleway; color: var(--color); font-weight: bold; text-transform: uppercase; width: 25%; margin-right: 5%; [/class] [class=tag4] font-family: Abril Fatface; font-size: 13px; color: var(--color); display: inline; [/class] [class=tag3] font-family: Abril Fatface; font-size: 20px; color: var(--color); display: inline; text-transform: uppercase; [/class] [class=mainimg] margin: 20px; height: 250px; background: url(https://i.pinimg.com/564x/51/c8/0d/51c80ddc91dbe385a9ab619f3daa60de.jpg); background-size: cover; background-position: 50% 50%; [/class] [class=tab] font-size: 17px; color: #222; display: inline-block; transition: .5s ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class name=tab state=hover] color: var(--color); transition: .5s ease-in-out; [/class] [class=selectedTab] color: var(--color); transition: .5s ease-in-out; [/class] [class=title] background: #222; padding: 8px; margin: auto; width: 800px; text-align: center; color: var(--color); font-family: Abril Fatface; text-transform: uppercase; font-size: 35px; box-sizing: border-box; [/class] [class=subtitle] background: var(--color); padding: 8px; text-align: center; color: #fff; font-family: Raleway; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; font-size: 16px; box-sizing: border-box; [/class] [class=container] width: 800px; margin: auto; margin-top: 20px; display: flex; flex-direction: row; justify-content: space-evenly; font-size: 12px; color: #222; line-height: 24px; box-sizing: border-box; [/class] [class=tabContents] position: absolute; width: 510px; height: 500px; box-sizing: border-box; opacity: 0; transition: 1s ease-in-out; [/class] [class=show] opacity: 1; z-index: 1; [/class] [script class=tab1 on=click] addClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents05 removeClass show tabContents06 addClass selectedTab tab1 removeClass selectedTab tab5 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab6 [/script] [script class=tab2 on=click] addClass show tabContents02 removeClass show tabContents01 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents05 removeClass show tabContents06 addClass selectedTab tab2 removeClass selectedTab tab1 removeClass selectedTab tab5 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab6 [/script] [script class=tab3 on=click] addClass show tabContents03 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents04 removeClass show tabContents05 removeClass show tabContents06 addClass selectedTab tab3 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab5 removeClass selectedTab tab4 removeClass selectedTab tab6 [/script] [script class=tab4 on=click] addClass show tabContents04 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents05 removeClass show tabContents06 addClass selectedTab tab4 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab5 removeClass selectedTab tab6 [/script] [script class=tab5 on=click] addClass show tabContents05 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents06 addClass selectedTab tab5 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab6 [/script] [script class=tab6 on=click] addClass show tabContents06 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents05 addClass selectedTab tab6 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab4 removeClass selectedTab tab5 [/script]

 

[izayoiix]

[class=container] --main-color: #006400; --image-1: url(https://i.imgur.com/E1MWD6y.jpg); --image-2: url(https://i.imgur.com/eZvWHK6.gif); --image-3: url(https://i.imgur.com/5PQJoCB.jpg); --image-4: url(https://i.imgur.com/hRBpKZu.gif); --image-5: url(https://i.imgur.com/aX92Y4Y.gif); --image-6: url(https://i.imgur.com/y0GlaT9.gif); --image-7: url(https://i.imgur.com/0ZN2xsi.gif); --image-8: url(https://i.imgur.com/ddx3M7O.gif); --image-9: url(https://i.imgur.com/E1MWD6y.jpg); [/class] [div class=container][div class=border][div class=tabs][div class="tab tab1 chosentab"][/div] [div class="tab tab2"][/div] [div class="tab tab3"][/div] [div class="tab tab4"][/div] [div class="tab tab5"][/div][/div] [div class="tabContents tabContents1 show"][div class=header]home.[/div] [div class=mainimage][/div] [div class=title]elijah jameson[/div] [div class=subtitle]the student[/div][/div] [div class="tabContents tabContents2"][div class=header]about.[/div][div class=tabtwoimage][/div] [div class=about2]

[div class=tag2]HAIR[/div] dark brown. [div class=tag2]EYES[/div] blue. [div class=tag2]HEIGHT[/div] six foot. [div class=tag2]BUILD[/div] athletic.

[div class=tag2]DIST. FEATURES[/div] his eyes. [div class=tag2]BODY MODS[/div] right ear piercing. [div class=tag2]FACECLAIM[/div] thomas doherty. [div class=tag2]CODENAME[/div] nox.

[/div] [div class=about][div class=info][div class=tag]nickname[/div] eli[/div] [div class=info][div class=tag]age[/div] seventeen[/div] [div class=info][div class=tag]gender[/div] male[/div] [div class=info][div class=tag]sexuality[/div] heterosexual[/div][/div][/div] [div class="tabContents tabContents3"][div class=header]persona.[/div] [div class=tabthreeimage][/div] [div class=persona][div class=scroll][div class=tag2]personality[/div] when it comes to first meetings, elijah doesn't tend to do so well. he's not good at positive impressions and it's pretty obvious that he tends to not care what other people think. he's a very 'go-with-the-flow' kind of guy, knowing that life has it's ups and downs, and all he can do is roll with it. he doesn't really see the point in worrying over little things, preferring to take everything in as a big picture and responding in kind. due to this, especially in this career, his way of thinking and analyzing is often mistaken for a lack of care and laziness. now these are qualities that he prides himself on having, however, he does have some semblance of intelligence and can recognize when he should pay attention and when he can allow himself to slack off. he doesn't let someone else's judgement of his behavior bother him, tending to either ignore them and pretend - or actually try - to sleep or respond with a snarky comment, often having terrible timing when doing so. [div class=tag2]likes[/div] quiet ; naps ; sweets ; chocolate ; cats ; night time ; storms ; being alone. [div class=tag2]dislikes[/div] loud noises ; being caught ; bitter foods ; coffee ; wrong information ; people's expectations ; being woken up ; birds. [div class=tag2]specialization[/div] due to his quiet nature, eli has a natural ability to blend into a crowd easily. when his parents began to teach him the basics of their world he knew right away that stealth and infiltration was the path for him. this path allowed him to stay out of the limelight and go around without being seen. sure he knows the basics of fighting and using simple weapons, tending to have a few knives stashed on him at all times, however he prefers to get in and get out, without leaving a trace of his presence.[/div][/div][/div] [div class="tabContents tabContents4"][div class=header]backstory.[/div] [div class=boxes][div class=box]BORN
england[/div] [div class=box]HOMEPLACE
cheshire[/div] [div class=box]OCCUPATION
student[/div] [div class=box]D.O.B
january 7th[/div][/div] [div class=history][div class=scroll][div class=tag]father.[/div] robert jameson ; eli and his father aren't the closest they could be, but they do have a good relationship. as the eldest child, elijah is subject to a lot of pressure from his father to excel at the matheson's spy academy. robert loves his son, but sometimes he can forget to keep an eye on what his children really want out of life. [div class=tag]mother.[/div] melissa jameson ; between his two parents, elijah is closest to his mother, but even then that's not saying much. she respects her son's choices even if she doesn't understand them. she offers support in anyway she can, just being there for her children in any way possible. eli knows she wants him to exceed in his studies at the academy and if he was being honest with himself, he really agreed to attend just for her. [div class=tag]brother.[/div] nicholas jameson ; age thirteen, nick is eli's first sibling and while the two care for each other, nick made it clear early on that they were going to be rivals. eli loves his brother, but went along with the younger boy's demands, finding it amusing to rile his brother up when nick demanded eli train him. [div class=tag]sister.[/div] malina jameson ; age nine, malina is eli's adopted younger sister. when he was younger, his parents came back from a mission with her after her parents had been killed when things had gone south. almost immediately she latched onto eli, coming to adore him as her big brother. she's easily his favorite sibling and the whole family knows it, finding it funny.[/div][/div][/div] [div class="tabContents tabContents5"][div class=header]gallery.[/div] [div class=tabfiveimage][/div] [div class=slideshow][div class=slide][div class=simage style="background: var(--image-4); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-5); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-6); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-7); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-8); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-4); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-5); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-6); background-size: cover; background-position: center;"][/div] [div class=simage style="background: var(--image-7); background-size: cover; background-position: center;"][/div][/div][/div][/div][/div][/div]

coded by constellation.

[class=container] width: 540px; height: 350px; margin: auto; cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important; [/class] [class=border] position: absolute; width: 540px; height: 350px; background: #f1f1f1; margin: 0 auto; border: 1px solid #f1f1f1; background-image: url(https://www.transparenttextures.com/patterns/ecailles.png); [/class] [class=tabs] position: absolute; top: 50px; left: 0; height: 290px; width: 50px; display: flex; justify-content: flex-end; flex-direction: column; [/class] [class=tab] height: 11px; width: 11px; background: var(--main-color); border-radius: 100%; margin: 5px 20px; border: 1px solid var(--main-color); transition: 1s; [/class] [class=header] position: absolute; top: -50px; left: -50px; height: 50px; width: 320px; padding: 0 15px; color: var(--main-color); line-height: 50px; text-transform: uppercase; font-weight: 900; font-size: 23px; [/class] [class=tabContents] position: absolute; bottom: 0; right: 0; height: 300px; width: 490px; background: white; opacity: 0; transition: all .5s; font-family: Sen; font-size: 12px; color: black; [/class] [class=show] opacity: 1; transition: all 1s; z-index: 1; [/class] [script class=tab1 on=click] addClass show tabContents1 addClass chosentab tab1 removeClass show tabContents2 removeClass show tabContents3 removeClass show tabContents4 removeClass show tabContents5 removeClass chosentab tab2 removeClass chosentab tab3 removeClass chosentab tab4 removeClass chosentab tab5 [/script] [script class=tab2 on=click] addClass show tabContents2 addClass chosentab tab2 removeClass show tabContents1 removeClass show tabContents3 removeClass show tabContents4 removeClass show tabContents5 removeClass chosentab tab1 removeClass chosentab tab3 removeClass chosentab tab4 removeClass chosentab tab5 [/script] [script class=tab3 on=click] addClass show tabContents3 addClass chosentab tab3 removeClass show tabContents1 removeClass show tabContents2 removeClass show tabContents4 removeClass show tabContents5 removeClass chosentab tab1 removeClass chosentab tab2 removeClass chosentab tab4 removeClass chosentab tab5 [/script] [script class=tab4 on=click] addClass show tabContents4 addClass chosentab tab4 removeClass show tabContents1 removeClass show tabContents2 removeClass show tabContents3 removeClass show tabContents5 removeClass chosentab tab1 removeClass chosentab tab2 removeClass chosentab tab3 removeClass chosentab tab5 [/script] [script class=tab5 on=click] addClass show tabContents5 addClass chosentab tab5 removeClass show tabContents1 removeClass show tabContents2 removeClass show tabContents3 removeClass show tabContents4 removeClass chosentab tab1 removeClass chosentab tab2 removeClass chosentab tab3 removeClass chosentab tab4 [/script] [class name="tab" state="hover"] cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; background: white; transition: 1s; [/class] [class=chosentab] background: white; [/class] [class=mainimage] position: absolute; top: 15px; left: 15px; height: 270px; width: 460px; background: var(--image-1); background-size: cover; background-position: center; [/class] [class=title] position: absolute; bottom: 50px; left: 50px; font-size: 40px; font-weight: 900; text-transform: uppercase; color: var(--main-color); [/class] [class=subtitle] position: absolute; bottom: 100px; left: 53px; font-size: 12px; font-weight: 200; text-transform: uppercase; color: #fff; [/class] [class=about] position: absolute; top: 0; left: 0; height: 80px; width: 490px; display: flex; flex-direction: row; [/class] [class=info] height: 40px; width: 122.5px; font-size: 11px; text-transform: uppercase; font-weight: 200; color: #333; text-align: center; padding: 20px 0; [/class] [class=tag] font-size: 12px; text-transform: uppercase; font-weight: 600; color: var(--main-color); [/class] [class=tabtwoimage] position: absolute; top: 80px; left: 0; height: 100px; width: 490px; background: var(--image-2); background-size: cover; background-position: 50%; [/class] [class=tag2] display: inline-block; padding: 0px 5px; background: var(--main-color); color: white; font-size: 10px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; line-height: 150%; [/class] [class=about2] position: absolute; bottom: 10px; left: 10px; height: 100px; width: 470px; white-space: pre-line; overflow-x: hidden; line-height: 150%; [/class] [class=tabthreeimage] position: absolute; top: 0; right: 0; height: 300px; width: 250px; -webkit-clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%); background: var(--image-3); background-size: cover; background-position: center left; [/class] [class=persona] position: absolute; top: 15px; left: 15px; height: 270px; width: 235px; overflow: hidden; white-space: pre-line; line-height: 150%; text-transform: lowercase; [/class] [class=scroll] width: 100%; height: 100%; overflow-y: scroll; padding-right: 17px; color: #333; [/class] [class=boxes] position: absolute; top: 15px; left: 15px; height: 270px; width: 460px; display: flex; flex-direction: column; justify-content: space-between; [/class] [class=box] height: 28px; width: 80px; background: var(--main-color); font-size: 11px; text-transform: uppercase; font-weight: 200; color: #fff; padding: 14px 10px; line-height: 130%; [/class] [class=history] position: absolute; top: 15px; right: 0; height: 270px; width: 360px; overflow: hidden; white-space: pre-line; line-height: 150%; padding-left: 20px; text-align: justify; text-transform: lowercase; [/class] [class=slideshow] height: 110px; max-width: 490px; margin: 0 auto; position: relative; top: 150px; overflow: hidden; transform: translate3d(0, 0, 0); border-top: 3px solid black; border-bottom: 3px solid black; [/class] [class=slide] height: 110px; width: 1485px; background: black; position: absolute; top: 0; left: 0; height: 100%; transform: translate3d(0, 0, 0); [/class] [class=simage] display: inline-block; height: 110px; width: 161px; [/class] [class=slide] animation: {post_id}move 10s linear infinite; [/class] [animation=move] [keyframe=100] transform: translateX(-55.56%); [/keyframe] [/animation] [class=tabfiveimage] position: absolute; top: 15px; left: 15px; height: 270px; width: 460px; background: var(--image-9); background-size: cover; background-position: center; [/class]