Untitled
unknown
plain_text
3 years ago
99 kB
9
Indexable
<!--- PETALS ! ——— a muse page by @woodsbeyond / rosevois.
— edit / customize the theme to your heart's content! i've done my best to organize and include instructions to the best of my ability, but if you have trouble with anything, feel free to ask!
— DO NOT delete the credit. if you add in a background image and it somehow obstructs the credit / makes it harder to see, you may adjust the position.
— find a bug, or something that looks wonky when you start customizing it? let me know so i can adjust it!
COLOUR PALETTE ! ——— these are the colours i've used within the code. they are listed here so you can easily do a find + replace on them to edit in your preferred colour.
#d2d2d2 : grey. used for icon & container borders.
#f0f0f0 : page background & title image border.
#fafafa : container background, header image text, header image border.
#bb8b86 : header text ( for character name when you click on the pop up ), bold, scrollbar, & connection name.
#98b5ae : links, italics, & text line above muse navigation on pop up.
#a9726d : muse navigation links on pop up.
#373334 : text.
#ededed : fade background on pop up. --->
<!DOCTYPE html>
<html>
<head>
<title>- Second Chances -</title> <!--- Change the title of your page here --->
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<!-- POP UPS -->
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
//
$('a.poplight[href^=#]').click(function() {
var popID = $(this).attr('rel'); //Get Popup Name
var popURL = $(this).attr('href'); //Get Popup href to define size
var query= popURL.split('?');
var dim= query[1].split('&');
var popWidth = dim[0].split('=')[1]; //Gets the first query string value
$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
var popMargTop = ($('#' + popID).height() + 80) / 2;
var popMargLeft = ($('#' + popID).width() + 80) / 2;
//Apply Margin to Popup
$('#' + popID).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});
$('body').append('<div id="fade"></div>');
$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
return false;
});
$('a.close, #fade').live('click', function() {
$('#fade , .popup_block').fadeOut(function() {
$('#fade, a.close').remove(); //fade them both out
});
return false;
});
});
</script>
<!-- TABS -->
<script>
$(document).ready(function(){
$("ul#tabs li").click(function(e){
if (!$(this).hasClass("active")) {
var tabNum = $(this).index();
var nthChild = tabNum+1;
$("ul#tabs li.active").removeClass("active");
$(this).addClass("active");
$("ul#tab li.active").removeClass("active");
$("ul#tab li:nth-child("+nthChild+")").addClass("active");
}
});
});
</script>
<!-- TOOLTIPS -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("[title],a[title],img[title]").style_my_tooltips({
tip_follows_cursor:true,
tip_delay_time:90,
tip_fade_speed:600,
attribute:"title"
});
});
})(jQuery);
</script>
<!--- FONT SCRIPTS --->
<link href="https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz" rel="stylesheet">
<!--- LINEAR ICONS --->
<link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
<style>
/* TOOLTIPS */
.tooltip{
display:inline;
position:absolute;
}
#s-m-t-tooltip {
color:#fafafa;
border:3px double #cecece;
margin:15px 10px 10px 10px;
font-size:13px;
text-transform:uppercase;
font-family: 'Yanone Kaffeesatz', sans-serif;
text-align:center;
text-shadow:
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
padding:4px 8px 2px 8px;
background:url('https://66.media.tumblr.com/264f777a4ebb37c266d69b170a9d39ce/tumblr_p94qoeNMTJ1x6lzc3o1_500.png') repeat;
}
/* SCROLLBAR */
::-webkit-scrollbar {
width:7px;
background-color:#fafafa;
}
::-webkit-scrollbar-thumb{
border:3px solid #fafafa;
background-color:#bb8b86;
}
/* GENERAL STYLING */
a {
color:#98b5ae;
text-transform:uppercase;
text-decoration:underline;
font-weight:bold;
letter-spacing:1px;
}
b, strong {
font-size:13px;
font-family: 'times', sans-serif;
color: #98b5ae;
}
i, em {
color:#98b5ae;
}
@font-face { font-family: "valentine"; src: url('https://dl.dropboxusercontent.com/s/3nei1qfbo38y9kk/valentine.ttf') ;}
/* this heading is for the character name on pop up */
h1 {
font-family:'valentine';
font-size:30px;
color:#a5cbd9;
text-align:center;
text-transform:lowercase;
word-spacing:4px;
font-weight:bold;
background-attachment:repeat;
padding: 4px;
margin-top:2px;
margin-bottom:-5px;
}
/* section headings within the pop up */
h2 {
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size:12px;
color:#fff;
text-align:center;
text-transform:uppercase;
letter-spacing:2.5px;
word-spacing:4px;
font-weight:bold;
border:3px double #fafafa;
background-image:url('https://66.media.tumblr.com/264f777a4ebb37c266d69b170a9d39ce/tumblr_p94qoeNMTJ1x6lzc3o1_500.png'); /* section heading image for the pop up. */
background-attachment:repeat;
padding: 4px;
margin-top:-10px;
margin-bottom:15px;
text-shadow:
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
}
/* section headings for the muse list */
h3 {
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size:10px;
color:#fff;
text-align:center;
text-transform:uppercase;
letter-spacing:2.5px;
word-spacing:4px;
font-weight:bold;
border:3px double #fafafa;
background-image:url('https://66.media.tumblr.com/264f777a4ebb37c266d69b170a9d39ce/tumblr_p94qoeNMTJ1x6lzc3o1_500.png'); /* section heading image for the muse list. */
background-attachment:repeat;
width:230px;
padding: 4px;
margin-top:0px;
margin-bottom: -5px;
text-shadow:
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
}
/* MAIN AREAS */
body {
background-color:#f0f0f0;
font-family: 'arial', sans-serif;
font-size:10.5px;
color:#373334;
line-height:1.5;
letter-spacing:.5px;
}
#main {
width:775px;
height:470px;
top:0px;
bottom:0px;
left:0px;
right:0px;
margin:auto;
position:fixed;
}
/* TITLE & NAV */
#mnav {
width:500px;
text-align:center;
line-height:30px;
margin-top:0px;
margin-left:0px;
background-attachment:repeat;
}
#mnav a {
color:#fafafa;
font-size:12px;
text-decoration:none;
font-family: 'Yanone Kaffeesatz', sans-serif;
padding:4px 10px 4px 10px;
text-shadow:
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
transition:1s;
}
#mnav a:hover {
text-decoration:underline;
transition:1s;
}
#title {
width:500px;
height:470px;
margin-top:-1px;
margin-left:268px;
position:fixed;
background:url('https://i.pinimg.com/originals/80/72/23/8072231cac93f961611c7a693b2e6026.jpg'); /* image beside the muse list, behind the title */
border:3px double #f0f0f0;
}
h4 {
font-family:'valentine';
font-size:120px;
color:#fafafa;
text-align:center;
font-weight:bold;
text-transform:lowercase;
transform: rotate(-4deg);
margin-top:125px;
margin-left:40px;
}
/* TAB LINKS */
#musecon {
width:250px;
height:453px;
margin-left:-15px;
padding:10px;
overflow-y: scroll;
position:fixed;
outline:1px solid #d2d2d2;
background-color:#fafafa;
}
/* MUSE ICONS */
#musecon ul {
list-style-type: none;
padding: 0;
margin-top:15px;
margin-left:10px;
}
#musecon ul li {
display: inline-block;
background-color: transparent;
padding-right: 2px;
margin-bottom: 12px;
cursor: pointer;
}
#musecon ul li img {
width:60px;
height:60px;
margin-bottom:-10px;
padding:2px;
border:3px double #d2d2d2;
-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
filter: grayscale(65%); /* if you prefer greyscale icons, change the 0% to 100%, or anything in between for varying degrees of desaturation. */
transition:1s;
}
#musecon ul li img:hover {
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(0%); /* you can edit this the same way as the grayscale filter above. */
transition:1s;
}
/* TABS */
ul#tabs {
list-style-type: none;
padding: 0;
text-align: center;
margin-left:-10px;
}
ul#tabs li {
color: #fafafa;
font-size:8px;
line-height:14px;
letter-spacing:1.5px;
text-transform:uppercase;
width:80px;
display: inline-block;
background:url('https://66.media.tumblr.com/264f777a4ebb37c266d69b170a9d39ce/tumblr_p94qoeNMTJ1x6lzc3o1_500.png') repeat; /* background image for the links to switch between tabs. */
border:3px double #fafafa;
margin-bottom: 4px;
padding:4px;
cursor: pointer;
text-shadow:
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
transition:1s;
}
ul#tabs li:hover {
color:#e0b9aa;
transition:1s;
}
ul#tabs li.active {
text-decoration:underline;
transition:1s;
}
ul#tab {
list-style-type: none;
margin: 0;
padding: 0;
}
ul#tab li {
display: none;
}
ul#tab li.active {
display: block;
}
/* POP UPS */
.popup_block{
display:none;
background:#fafafa;
text-align:justify;
padding:20px;
outline:1px solid #d2d2d2;
position:fixed;
top:53%;left:50%;
z-index: 99999;
width:450px;
height:540px;
overflow:hidden;
}
*html #fade {position: absolute;}
*html .popup_block {position: absolute;}
#fade {
display:none;
position:fixed;
left:0px;
top:0px;
width:100%;
height:100%;
z-index:9999;
background:#ededed;
opacity:.6; /* change opacity to 1 for a solid colour, or .1-.9 for varying degrees of transparency. */
}
/* MUSE INFO */
#popname {
width:100%;
margin-top:-10px;
}
#popicon img {
width:70px;
height:70px;
float:left;
margin-top:15px;
margin-left:25px;
padding:2px;
border:3px double #d2d2d2;
}
#poptag {
width:250px;
text-align:center;
margin-top:15px;
margin-bottom:5px;
margin-left:158px;
padding-bottom:0px;
font-size:10px;
color:#98b5ae;
font-weight:200;
font-style:italic;
text-transform:lowercase;
border-bottom:1px solid #d2d2d2;
}
#poptag a {
color:#98b5ae;
font-weight:200;
font-style:italic;
text-decoration:none;
text-transform:lowercase;
}
#popnav {
width:250px;
text-align:center;
margin-left:158px;
font-size:12px;
}
#popnav a {
color:#98b5ae;
text-decoration:none;
}
v {
color: #fafafa;
font-size:8px;
line-height:20px;
letter-spacing:1.5px;
text-transform:uppercase;
background:url('https://66.media.tumblr.com/264f777a4ebb37c266d69b170a9d39ce/tumblr_p94qoeNMTJ1x6lzc3o1_500.png') repeat; /* background image for the verse names. */
border:3px double #fafafa;
padding: 4px 4px 4px 12px;
margin-left:-2px;
text-shadow:
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
}
#con {
width:200px;
height:120px;
margin-top: -15px;
margin-left: -1px;
margin-right: 0px;
margin-bottom: 20px;
padding:2px;
display:inline-block;
}
#con img {
width:60px;
height:60px;
float:left;
margin-top:20px;
margin-left:5px;
padding:2px;
border-radius:100px;
border:3px double #d2d2d2;
}
#conname {
width:120px;
height:30px;
font-family:'valentine';
font-size:20px;
color:#a5cbd9;
text-align:center;
text-transform:lowercase;
transform: rotate(-3deg);
margin-top:25px;
margin-left:80px;
}
#coninfo {
width:110px;
height:20px;
font-family: 'Yanone Kaffeesatz', sans-serif;
font-size:10px;
text-transform:uppercase;
text-align:center;
margin-top:-5px;
margin-left:82px;
padding-top:5px;
border-top:1px solid #d2d2d2;
}
#popex {
width:445px;
height:26px;
font-size:10px;
line-height:26px;
font-weight:bold;
font-family: 'Yanone Kaffeesatz', sans-serif;
text-transform:uppercase;
text-align:center;
margin-top:-10px;
position:fixed;
background-color:#fafafa;
}
#popex b {
color:#a5cbd9;
font-size:13px;
font-family:'valentine';
text-transform:lowercase;
}
/* CREDIT — DO NOT TOUCH! */
#credit {
bottom:10px;
right:10px;
border:1px solid #d2d2d2;
font-size:10px;
font-family: 'Open Sans', sans-serif;
position:fixed;
border-radius:100px;
}
#credit a {
color:#a5cbd9;
padding:5px;
text-decoration:none;
background-color:#fafafa;
border-radius:100px;
transition-duration:1s;
-moz-transition-duration:1s;
-webkit-transition-duration:1s;
-o-transition-duration:1s;
}
#credit a:hover {
color:#a5cbd9;
text-decoration:none;
background-color:#fafafa;
}
</style>
</head>
<body>
<div id="main">
<div id="title">
<!--- this is your main page navigation. edit these to whatever you need. --->
<div id="mnav"> <a href="intergalacticxmisfits.tumblr.com">go back</a> <a href="/nav">navigation</a> <a href="/rules">author</a> <a href="/">dashboard</a> </div>
<h4> misfits. </h4> <!--- page title that appears above the image. i don't recommend changing it too much unless you know what you're doing, as it might mess up the positioning. --->
</div>
<div id="musecon">
<!--- START MUSE LIST! --->
<!--- this is the container beside the main navigation / page title, where you'll put in your muse icons to click on & access the pop up.
to add a section header, use the h3 tag: <h3> section header </h3>
you can change the text to whatever sections you want to make, whether they're by activity, fandom, genre, etc.
to add a new link, copy / paste the following:
<li> <a href="#?w=450" rel="popname" class="poplight" title="muse name"><img src="IMAGE URL HERE"></a> </li>
note that where it says rel="popupname" , you need to change POPUPNAME to something unique. you can make it a number, the muse name, muse initials, etc. just as long as it's DIFFERENT from all the other muses. and it MUST be the same as your div id on that muse's pop up. keep scrolling to the POP UPS! instruction to see what i mean. --->
<h3> list of mifits </h3>
<ul>
<li> <a href="#?w=450" rel="one" class="poplight" title="Jenny"><img src="https://66.media.tumblr.com/7244b650b7dd51ea7bbc410ab0c27f62/tumblr_inline_pktjfeIDen1uqi02b_540.png"></a> </li>
<li> <a href="#?w=450" rel="two" class="poplight" title="Castillian"><img src="https://66.media.tumblr.com/d908cc639a361ae1d4ea21d875501410/tumblr_inline_p16jg5HIbK1uqi02b_540.jpg"></a> </li>
<li> <a href="#?w=450" rel="three" class="poplight" title="Theo"><img src="https://66.media.tumblr.com/1c5c221297117b0fc79b3469af81a086/tumblr_inline_ou0p9ipo1a1uqi02b_540.jpg"></a> </li>
<li> <a href="#?w=450" rel="four" class="poplight" title="Minjae"><img src="https://66.media.tumblr.com/616a0e6fe3434c9cf124aa28d9a625d2/tumblr_inline_ou0p8xm0n91uqi02b_540.png"></a> </li>
<li> <a href="#?w=450" rel="five" class="poplight" title="En'nala"><img src="https://66.media.tumblr.com/455dc0633630772430be57ec026c82da/tumblr_inline_ou0p8xO9tE1uqi02b_540.jpg"></a> </li>
<li> <a href="#?w=450" rel="six" class="poplight" title="Sehun"><img src="https://66.media.tumblr.com/bd32853027144142dbb8a16403c9d026/tumblr_inline_ou0p94Q4W81uqi02b_540.jpg"></a> </li>
<li> <a href="#?w=450" rel="seven" class="poplight" title="Arthur"><img src="https://66.media.tumblr.com/12b8af5c755f3991dd6087cd3443e61c/tumblr_inline_p7vkjyvnHl1uqi02b_540.jpg"></a> </li>
</ul>
</div>
</div>
<!--- END MUSE LIST --->
<!--- START POP UPS! --->
<!--- this is what comes up when you click on the muse icons. to add a new pop up, copy / paste this:
<div id="popupname" class="popup_block">
<div id="popname"> <h1>character name</h1> </div>
<div id="popicon"> <img src="https://66.media.tumblr.com/0906842e90cebd3183194ecb42edf115/tumblr_inline_pkdo5v7AZI1wp1vtq_1280.png"> </div>
<div id="poptag"> put a quote, add a <a href="/">link</a>, w/e u want </div>
<div id="popnav"> <a href="/" title="visage"><span class="lnr lnr-camera"></span></a> <a href="/" title="aesthetic"><span class="lnr lnr-diamond"></span></a> <a href="/" title="interaction"><span class="lnr lnr-pencil"></span></a> <a href="/" title="musing"><span class="lnr lnr-bubble"></span></a> <a href="/" title="headcanon"><span class="lnr lnr-heart"></span></a> <a href="/" title="extra"><span class="lnr lnr-book"></span></a> </div>
<ul id="tabs">
<li class="active"> stats </li>
<li> verses </li>
<li> relations </li>
</ul>
<ul id="tab">
<li class="active">
<div style="width:auto;height:355px;margin-top:18px;overflow-y:scroll;padding:16px;">
<ul style="padding-left:25px;padding-right:25px;margin-bottom:28px;margin-top:-15px;">
add a blurb or full biography / history here! or, if you'd rather just keep the statistics, delete the two ul tags around this snippet to erase it entirely.
</ul>
<h2>header</h2>
<ul style="padding-left:25px;margin-bottom:28px;">
<b>info.</b> tba<br>
<b>info.</b> tba<br>
<b>info.</b> tba
</ul>
</li>
<li>
<div style="width:auto;height:355px;overflow-y:scroll;padding:16px;">
<ul style="padding-left:5px;padding-right:5px;margin-bottom:28px;">
<v> verse name. </v> add your verse information here.
</ul>
</li>
<li>
<div style="width:auto;height:385px;overflow-y:scroll;margin-top:20px;padding-left:20px;">
<div id="con"> <img src="https://66.media.tumblr.com/cc4a682f4327ad04f8eb42354dfd4a28/tumblr_inline_pkdq6l3hqT1wp1vtq_1280.png"> <div id="conname"> name. </div> <div id="coninfo"> <a href="/">user</a> </div> </div>
</div>
</li>
</ul>
<div id="popex"> availability... <b>???</b> portrayal... <b>???</b> shipping... <b>???</b> </div>
</div>
</div>
END COPY / PASTE AT THAT LAST </DIV> !
IMPORTANT: where it says <div id="popupname" class="popup_block"> , you MUST change POPUPNAME to whatever you changed the rel="popupname" to for that muse! ex. if you changed it to their name, it would be rel="cheryl" & id="cheryl"
see the example muse pop up below for instructions on the individual sections. --->
<!--- POP UP ONE START! --->
<div id="one" class="popup_block">
<div id="one"> <h1>Jenny Smith</h1> </div> <!--- your character's name, obvs. just keep it within the <h1> tags --->
<div id="popicon"> <img src="https://66.media.tumblr.com/208357e6ad11eb4c56abb32996785ef3/tumblr_pclu4cLkKV1vc8ncjo9_400.png"> </div> <!--- your muse icon. size is 70x70, but will resize. the borders are CODED so don't add them yourself. --->
<div id="poptag"> “I’m off to explore the stars and live my own adventure.”</div>
<div id="popnav"> <a href="/tagged/jenny;face" title="face"><span class="lnr lnr-camera"></span></a> <a href="/tagged/jenny;aesthetic" title="aesthetic"><span class="lnr lnr-diamond"></span></a> <a href="URL" title="LINK TITLE"><span class="lnr lnr-pencil"></span></a> <a href="/tagged/jenny;mindings" title="mind"><span class="lnr lnr-bubble"></span></a> <a href="/tagged/jenny;crushes" title="crushes"><span class="lnr lnr-heart"></span></a> <a href="/tagged/jenny;about" title="headcanons"><span class="lnr lnr-book"></span></a> </div> <!--- your muse links. i recommend using them for tags. if you want to change the symbols, go here: https://linearicons.com/free --->
<ul id="tabs">
<li class="active"> stats </li>
<li> verses </li>
<li> relations </li>
</ul> <!--- these are the links to switch between tabs. change the titles to whatever you'd like, just keep them in the <li> tags. --->
<!--- TABS START --->
<ul id="tab">
<!--- START FIRST TAB! BIO / STATS! --->
<!--- this is your first tab, and the active one, which means it will show by default when you first click your pop up link. take care not to mess with any of the positioning tags unless you know what you're doing! --->
<li class="active">
<div style="width:auto;height:355px;margin-top:18px;overflow-y:scroll;padding:16px;">
<ul style="padding-left:25px;padding-right:25px;margin-bottom:28px;margin-top:-15px;">
Captain of the Casimire, Jenny was created on the planet Messaline by a progenation machine. The DNA used was from The Doctor; the last of the Time Lords. After her supposed death left her stranded on that planet, Jenny decided to take matters into her own hands. With a stolen ship and full of determination, she set out to travel the galaxy, in between becoming a frequent client and supplier in an unusual market and ferrying passengers for a few extra credits.
</ul>
<h2>the basics</h2> <!--- these are your headers to separate information sections. name them whatever, just keep them in a <h2> tag. --->
<ul style="padding-left:25px;margin-bottom:28px;">
<b>name.</b> generated anomaly 38490 (jenny smith)<br>
<b>aka.</b> jen, jenny, space princess, captain<br>
<b>age.</b> appears early/mid-thirties<br>
<b>gender & pronouns.</b> female, she<br>
<b>species.</b> generated anomaly, half time lord<br>
<b>occupation.</b> captain of the casimire<br>
</ul> <!--- change these to whatever information you want to include. just keep the spacing, and be sure to include a <br> tag after each line, unless it's the last one. if you want to add a new section, copy / paste this underneath your new <h2> heading:
<ul style="padding-left:25px;margin-bottom:28px;">
<b>info.</b> tba<br>
<b>info.</b> tba<br>
<b>info.</b> tba
</ul>
alternately, if you just want a regular text section, copy / paste this:
<ul style="padding-left:25px;margin-bottom:28px;">
write your text here!
<br><br>
add a new paragraph if you need to!
</ul> --->
<h2>physical appearance</h2>
<ul style="padding-left:25px;margin-bottom:28px;">
<b>hair.</b> blonde<br>
<b>eyes.</b> navy blue<br>
<b>complexion.</b> peachy<br>
<b>build.</b> got some muscle to her<br>
<b>height.</b> 5'7" or 170cm<br>
<b>weight.</b> 140lbs<br>
<b>scars.</b> bullet scar in the middle of her chest, calloused hands/fingers <br>
<b>tattoos.</b> none<br>
<b>piercings.</b> piercing (small hoop or stud) in left ear<br>
<b>face claim(s).</b> Candice Accola
</ul>
<h2>personality</h2>
<ul style="padding-left:25px;margin-bottom:28px;">
<b>alignment.</b> chaotic good<br>
<b>myers briggs type.</b> enfj<br>
<b>positive traits.</b> curious, adventurous, dreamer, courageous, cheerful, friendly, optimistic<br>
<b>neutral traits.</b> logical, tinker, venturesome, analytical, eccentric, leader, selfless, thrill-seeker<br>
<b>negative traits.</b> audacious, meddlesome, adrenaline junkie<br>
<b>goals.</b> explore the universe, live her own adventure
</ul>
<h2>medical record</h2>
<ul style="padding-left:25px;margin-bottom:28px;">
<b>mental.</b> tba<br>
<b>physical.</b> tba<br>
<b>phobias.</b> suffocation<br>
<b>eyesight.</b> very good<br>
<b>drug use.</b> none<br>
<b>alcohol use.</b> frequent<br>
<b>diet.</b> tba
</ul>
<h2>background</h2>
<ul style="padding-left:25px;margin-bottom:28px;">
<b>ethnicity/nationality.</b> from the planet Messaline<br>
<b>parents.</b> The Doctor (father)<br>
<b>siblings.</b> Castillian Ersilia<br>
<b>pets.</b> tba<br>
<b>education.</b> none<br>
<b>notable skills.</b> tinkering, piloting, hiding things, running<br>
<b>quirks.</b> talks to herself (technically the Casimire), taps her fingers on hard surfaces, clicks her tongue<br>
<b>languages.</b> english primarely but knows enough conversational in most languages<br>
<b>secrets.</b> her line of work<br>
<b>abilities.</b> possible regeneration
</ul>
<h2>favourites</h2>
<ul style="padding-left:25px;margin-bottom:28px;">
<b>food.</b> pretzels<br>
<b>drink.</b> mulled cider<br>
<b>pizza topping.</b> maple bacon<br>
<b>hobbies.</b> flying<br>
<b>colour.</b> pink and blue<br>
<b>music genre.</b> all<br>
<b>movie genre.</b> adventure and action<br>
<b>book genre.</b> adventure<br>
<b>season.</b> spring<br>
<b>scent.</b> campfire<br>
</ul>
<h2>facts</h2>
<ul style="padding-left:25px;margin-bottom:28px;">
- she was a soldier created on the planet Messaline using DNA from a time-lord (The Doctor) where she was shot and presumably died<p>
- being partial time lord she was able to regenerate and following in her father’s footsteps she fled to live her own adventure<p>
- ferry’s passengers for a few extra credits<p>
- a client and dealer in an unusual <strike>and perhaps illegal</strike> intergalactic market<p>
- her and Castillian share a strong platonic bond, and she refers to him as her brother<p>
- she doesn’t dream. after being resurrected she lost her ability to, and her nights are devoid of anything apart from a void of nothingness<p>
- on the ace spectrum, Jenny doesn’t have much time for romance or love when she’s off exploring the stars. However she is not disclosed to such an idea, but does not see it as a priority at the moment
<br>
</ul>
</div>
</li>
<!--- END FIRST TAB! --->
<!--- START SECOND TAB! VERSES! --->
<li>
<div style="width:auto;height:355px;overflow-y:scroll;padding:16px;">
<ul style="padding-left:5px;padding-right:5px;margin-bottom:28px;">
<v> <a href="/tagged/verse-|-the-second-face/"> the second face.</a> </v> (regeneration au). so it would seem Jenny had inherited more of her father after all, or perhaps she had been shown mercy once again and given a second chance. Sacrificing herself for her crew, a new face emerges in place of the blonde's--ready to explore the universe yet again.
</ul>
<ul style="padding-left:5px;padding-right:5px;margin-bottom:28px;">
<v> <a href="/tagged/verse-|-just-blend-in/"> just blend in.</a> </v> (mundane domestic au). with a crash landing leaving the casimire out of comission, Jenny and the others have to adjust to life on Terra for a little longer than they had expected--renting an apartment, getting jobs, and making sure their reputations as the quirky neighbours remain as nothing more. (in this verse, Jenny takes on a job at a scrapyard, taking advantage of the abundance of bits to work on repairing her old girl).
</ul>
<!--- to add a new verse, copy / paste this:
<ul style="padding-left:5px;padding-right:5px;margin-bottom:28px;">
<v> verse name. </v> add your verse information here.
</ul> --->
</div>
</li>
<!--- END SECOND TAB! --->
<!--- START THIRD TAB! RELATIONS! --->
<li>
<div style="width:auto;height:385px;overflow-y:scroll;margin-top:20px;padding-left:20px;">
<div id="con"> <img src="https://66.media.tumblr.com/83c3431a57257700239162f8b92abbea/tumblr_o6rhh1lm0w1shg075o8_250.png"> <div id="conname"> the doctor. </div> <div id="coninfo"> <a href="/">father</a> </div> </div>
<div id="con"> <img src="https://66.media.tumblr.com/e8277ecc9d3e8a01e76371afd6a399f1/tumblr_onc2q0J2qP1w2ng4ko1_400.jpg"> <div id="conname"> suzyi. </div> <div id="coninfo"> <a href="http://www.stormborn-stars.tumblr.com/">half-sister</a> </div> </div>
<div id="con"> <img src="https://66.media.tumblr.com/b3411307d16cad584c2ccc1d9c5f401d/tumblr_pgbc1134r21unulvdo5_250.png"> <div id="conname"> ellie (ygb11). </div> <div id="coninfo"> <a href="http://www.stormborn-stars.tumblr.com/"><strike>android</strike> friend</a> </div> </div>
<div id="con"> <img src="https://66.media.tumblr.com/ec25fb4fc431beb230b878cdfc872e18/tumblr_nq5oj4PGW91tgh6zro6_250.png"> <div id="conname"> nikki. </div> <div id="coninfo"> <a href="http://www.saintlikc.tumblr.com/"> good friend</a> </div> </div>
<!--- to add a new connection, copy / paste this:
<div id="con"> <img src="IMAGE URL"> <div id="conname"> name. </div> <div id="coninfo"> <a href="URL">user</a> </div> </div>
i recommend keeping the name to just their first name so it doesn't overflow weirdly. you can keep their username at the bottom, put their relationship type to your muse, or whatever you want. just keep it short! --->
</div>
</li>
<!--- END THIRD TAB! --->
</ul>
<!--- END TABS --->
<!--- START BOTTOM BAR! --->
<!--- edit this info however you want. it'll show beneath the tabs no matter which one you're on. you can also scrap the info there entirely and replace it with a quote, or just leave it blank. --->
<div id="popex"> availability... <b>primary.</b> portrayal... <b>canon deviant.</b> shipping... <b>open.</b> </div>
<!--- END BOTTOM BAR! --->
</div>
</div>
</div>
<!--- POP UP ONE END! --->
<div id="two" class="popup_block">
<div id="two"> <h1>Castillian Ersilia</h1> </div> <!--- your character's name, obvs. just keep it within the <h1> tags --->
<div id="popicon"> <img src="https://66.media.tumblr.com/50217f0c4f03a8facd53c65b2e19fcbf/tumblr_inline_pkvs78TunV1uqi02b_540.jpg"> </div> <!--- your muse icon. size is 70x70, but will resize. the borders are CODED so don't add them yourself. --->
<div id="poptag"> “One day I'll go back, just one day I hope to go back home.”</div>
<div id="popnav"> <a href="/tagged/cas;face" title="face"><span class="lnr lnr-camera"></span></a> <a href="/tagged/cas;aesthetic" title="aesthetic"><span class="lnr lnr-diamond"></span></a> <a href="URL" title="LINK TITLE"><span class="lnr lnr-pencil"></span></a> <a href="/tagged/cas;mindings" title="mind"><span class="lnr lnr-bubble"></span></a> <a href="/tagged/cas;crushes" title="crushes"><span class="lnr lnr-heart"></span></a> <a href="/tagged/cas;about" title="headcanons"><span class="lnr lnr-book"></span></a> </div> <!--- your muse links. i recommend using them for tags. if you want to change the symbols, go here: https://linearicons.com/free --->
<ul id="tabs">
<li class="active"> stats </li>
<li> verses </li>
<li> relations </li>
</ul> <!--- these are the links to switch between tabs. change the titles to whatever you'd like, just keep them in the <li> tags. --->
<!--- TABS START --->
<ul id="tab">
<!--- START FIRST TAB! BIO / STATS! --->
<!--- this is your first tab, and the active one, which means it will show by default when you first click your pop up link. take care not to mess with any of the positioning tags unless you know what you're doing! --->
<li class="active">
<div style="width:auto;height:355px;margin-top:18px;overflow-y:scroll;padding:16px;">
<ul style="padding-left:25px;padding-right:25px;margin-bottom:28px;margin-top:-15px;">
Castillian was a child of Apollonia; a species born with extraordinary gifts. But when his home planet went to war he chose not to fight, leaving him with no choice but to flee. Stranded and alone, he hired the service of a strange young woman to take him far away from the neighboring solar system. But the ride wasn’t smooth sailing, and after saving each others lives many times, they decided it was best if they stick together. Now they travel the galaxy and sometimes (mostly all the time) get into trouble along the way.
</ul>
<h2>the basics</h2> <!--- these are your headers to separate information sections. name them whatever, just keep them in a <h2> tag. --->
<ul style="padding-left:25px;margin-bottom:28px;">
<b>name.</b> castillian ersilia<br>
<b>aka.</b> cas, cassie<br>
<b>age.</b> appears late twenties/early thirties<br>
<b>gender & pronouns.</b> male, he<br>
<b>species.</b> apollonian (alien)<br>
<b>occupation.</b> first mate of the casimire<br>
</ul> <!--- change these to whatever information you want to include. just keep the spacing, and be sure to include a <br> tag after each line, unless it's the last one. if you want to add a new section, copy / paste this underneath your new <h2> heading:
<ul style="padding-left:25px;margin-bottom:28px;">
<b>info.</b> tba<br>
<b>info.</b> tba<br>
<b>info.</b> tba
</ul>
alternately, if you just want a regular text section, copy / paste this:
<ul style="padding-left:25px;margin-bottom:28px;">
write your text here!
<br><br>
add a new paragraph if you need to!
</ul> --->
<h2>physical appearance</h2>
<ul style="padding-left:25px;margin-bottom:28px;">
<b>hair.</b> platinum blond<br>
<b>eyes.</b> dark green but will glow a bright emerald <br>
<b>complexion.</b> fair<br>
<b>build.</b> tall, broad chest and shoulders<br>
<b>height.</b> 6'5" or 195cm<br>
<b>weight.</b> 152lbs<br>
<b>scars.</b> none <br>
<b>tattoos.</b> none <br>
<b>piercings.</b> none<br>
<b>face claim(s).</b> n/a
</ul>
<h2>personality</h2>
<ul style="padding-left:25px;margin-bottom:28px;">
<b>alignment.</b> lawful good<br>
<b>myers briggs type.</b> esfp<br>
<b>positive traits.</b> friendly, loyal, honest, fair/just, compassionate, goodhearted, passionate, dependable<br>
<b>neutral traits.</b> old-fashioned, hopeless romantic, dramatic<br>
<b>negative traits.</b> naive, trickster<br>
<b>goals.</b> return home and raise a family
</ul>
<h2>medical record</h2>
<ul style="padding-left:25px;margin-bottom:28px;">
<b>mental.</b> ptsd<br>
<b>physical.</b> tba<br>
<b>phobias.</b> blood (the sight makes him queasy)<br>
<b>eyesight.</b> good<br>
<b>drug use.</b> none<br>
<b>alcohol use.</b> on occasion<br>
<b>diet.</b> tba
</ul>
<h2>background</h2>
<ul style="padding-left:25px;margin-bottom:28px;">
<b>ethnicity/nationality.</b> apollonian, arcadian<br>
<b>parents.</b> Remus Ersilia (father), Elphabine Ersilia (mother)<br>
<b>siblings.</b> Mirabelle, Isolde, Rayina Ersilia (younger sisters), Jenny Smith (sister)<br>
<b>pets.</b> tba<br>
<b>education.</b> none<br>
<b>notable skills.</b> kisses, reaching things on top shelves, dancing, diffusing tension, baking<br>
<b>quirks.</b> wiggles his feet when he’s listening to music, hums <br>
<b>languages.</b> English, Lorian, minimal Gallifreyan, Balahyan, Korean (he’s learned from Minjae)<br>
<b>secrets.</b> his abilities<br>
<b>abilities.</b> heightened strength and speed, ability to produce light (however it takes a lot of energy and doesn’t do much except put on a good show)
</ul>
<h2>favourites</h2>
<ul style="padding-left:25px;margin-bottom:28px;">
<b>food.</b> cake<br>
<b>drink.</b> earl grey tea<br>
<b>pizza topping.</b> pinapple<br>
<b>hobbies.</b> dancing and baking<br>
<b>colour.</b> royal pastels and gold<br>
<b>music genre.</b> classical orchestra<br>
<b>movie genre.</b> romantic comedies<br>
<b>book genre.</b> poetry, romance<br>
<b>season.</b> summer<br>
<b>scent.</b> vanilla<br>
</ul>
<h2>facts</h2>
<ul style="padding-left:25px;margin-bottom:28px;">
- when his home planet went to war, he chose not fight and rather fled leaving behind his family and friends<p>
- him and Jenny share a strong platonic bond, so he often refers to her as his sister<p>
- a hopeless romantic, in love with love
<p>
</ul>
</div>
</li>
<!--- END FIRST TAB! --->
<!--- START SECOND TAB! VERSES! --->
<li>
<div style="width:auto;height:355px;overflow-y:scroll;padding:16px;">
<ul style="padding-left:5px;padding-right:5px;margin-bottom:28px;">
<v> <a href="/tagged/verse-|-just-blend-in/"> just blend in.</a> </v> (mundane domestic au). with a crash landing leaving the casimire out of comission, Jenny and the others have to adjust to life on Terra for a little longer than they had expected--renting an apartment, getting jobs, and making sure their reputations as the quirky neighbours remain as nothing more. (in this verse, Castillian helps out at a local bakery where he prepares the shop's pasteries and cakes and uses the studio upstairs during his off hours).
</ul>
<!--- to add a new verse, copy / paste this:
<ul style="padding-left:5px;padding-right:5px;margin-bottom:28px;">
<v> verse name. </v> add your verse information here.
</ul> --->
</div>
</li>
<!--- END SECOND TAB! --->
<!--- START THIRD TAB! RELATIONS! --->
<li>
<div style="width:auto;height:385px;overflow-y:scroll;margin-top:20px;padding-left:20px;">
<div id="con"> <img src="https://66.media.tumblr.com/ea1e0fa54af953b5928ec508efb1043a/tumblr_pcdxfsddO91tdxyhao4_400.png"> <div id="conname"> caroline. </div> <div id="coninfo"> <a href="http://www.thesarcasticblondecaroline.tumblr.com/">wife</a> (<a href="/tagged/completely-and-perfectly-and-incandescently-happy-|-caroline-&-cas">❤</a>) </div> </div>
<div id="con"> <img src="https://66.media.tumblr.com/5f50e9607057f36e856868618c1dfb82/tumblr_pob52raQs31wvzi2b_540.jpg"> <div id="conname"> lusine. </div> <div id="coninfo"> <a href="http://www.lusineinthesky.tumblr.com/">reunited love</a> (<a href="/tagged/across-the-stars-|-lucy-&-cas">❤</a>) </div> </div>
<!--- to add a new connection, copy / paste this:
<div id="con"> <img src="IMAGE URL"> <div id="conname"> name. </div> <div id="coninfo"> <a href="URL">user</a> </div> </div>
i recommend keeping the name to just their first name so it doesn't overflow weirdly. you can keep their username at the bottom, put their relationship type to your muse, or whatever you want. just keep it short! --->
</div>
</li>
<!--- END THIRD TAB! --->
</ul>
<!--- END TABS --->
<!--- START BOTTOM BAR! --->
<!--- edit this info however you want. it'll show beneath the tabs no matter which one you're on. you can also scrap the info there entirely and replace it with a quote, or just leave it blank. --->
<div id="popex"> availability... <b>primary.</b> portrayal... <b>original character.</b> shipping... <b>open.</b> </div>
<!--- END BOTTOM BAR! --->
</div>
</div>
</div>
<div id="three" class="popup_block">
<div id="three"> <h1>Theo Coleman Chu</h1> </div> <!--- your character's name, obvs. just keep it within the <h1> tags --->
<div id="popicon"> <img src="https://66.media.tumblr.com/7e7ff9cb0f0b28008098c020b6b4a616/tumblr_inline_p7z8bm3exM1shkfb2_100.jpg"> </div> <!--- your muse icon. size is 70x70, but will resize. the borders are CODED so don't add them yourself. --->
<div id="poptag"> “Sorry, hunn. I don't do backstories.”</div>
<div id="popnav"> <a href="/tagged/theo;face" title="face"><span class="lnr lnr-camera"></span></a> <a href="/tagged/theo;aesthetic" title="aesthetic"><span class="lnr lnr-diamond"></span></a> <a href="URL" title="LINK TITLE"><span class="lnr lnr-pencil"></span></a> <a href="/tagged/theo;mindings" title="mind"><span class="lnr lnr-bubble"></span></a> <a href="/tagged/theo;crushes" title="crushes"><span class="lnr lnr-heart"></span></a> <a href="/tagged/theo;about" title="headcanons"><span class="lnr lnr-book"></span></a> </div> <!--- your muse links. i recommend using them for tags. if you want to change the symbols, go here: https://linearicons.com/free --->
<ul id="tabs">
<li class="active"> stats </li>
<li> verses </li>
<li> relations </li>
</ul> <!--- these are the links to switch between tabs. change the titles to whatever you'd like, just keep them in the <li> tags. --->
<!--- TABS START --->
<ul id="tab">
<!--- START FIRST TAB! BIO / STATS! --->
<!--- this is your first tab, and the active one, which means it will show by default when you first click your pop up link. take care not to mess with any of the positioning tags unless you know what you're doing! --->
<li class="active">
<div style="width:auto;height:355px;margin-top:18px;overflow-y:scroll;padding:16px;">
<ul style="padding-left:25px;padding-right:25px;margin-bottom:28px;margin-top:-15px;">
She doesn't speak about her past, but the tattoo on her ankle tells its own story. A story better left untold. It was on a rainy night she'd crossed paths with two strangers at a bus stop when she'd finally accepted their open hands and escaped for a little while. But things are different now. No longer travelling, she's settled down in a plant filled apartment with her husband, working the overnight shift at a convenience store around the corner and splattering paint on canvas' during her off hours. But now and then she makes the time for a visit with her friends from <i>out of town</i>, and unknowingly another adventure.
</ul>
<h2>the basics</h2> <!--- these are your headers to separate information sections. name them whatever, just keep them in a <h2> tag. --->
<ul style="padding-left:25px;margin-bottom:28px;">
<b>name.</b> theodora chu née coleman<br>
<b>aka.</b> theo, thea<br>
<b>age.</b> early thirties<br>
<b>gender & pronouns.</b> female, her<br>
<b>species.</b> human<br>
<b>occupation.</b> convenience store cashier<br>
</ul> <!--- change these to whatever information you want to include. just keep the spacing, and be sure to include a <br> tag after each line, unless it's the last one. if you want to add a new section, copy / paste this underneath your new <h2> heading:
<ul style="padding-left:25px;margin-bottom:28px;">
<b>info.</b> tba<br>
<b>info.</b> tba<br>
<b>info.</b> tba
</ul>
alternately, if you just want a regular text section, copy / paste this:
<ul style="padding-left:25px;margin-bottom:28px;">
write your text here!
<br><br>
add a new paragraph if you need to!
</ul> --->
<h2>physical appearance</h2>
<ul style="padding-left:25px;margin-bottom:28px;">
<b>hair.</b> brown with highlights<br>
<b>eyes.</b> hazel<br>
<b>complexion.</b> tan<br>
<b>build.</b> small, curvy<br>
<b>height.</b> 5'0" or 153cm<br>
<b>weight.</b> 195lbs<br>
<b>scars.</b> cigarette burns on forearms, stretch marks <br>
<b>tattoos.</b> heartbeat tattoo on her wrist matching her husband, an empty birdcage with the door open on her ankle <br>
<b>piercings.</b> both ears, two in left<br>
<b>face claim(s).</b> antonia thomas
</ul>
<h2>personality</h2>
<ul style="padding-left:25px;margin-bottom:28px;">
<b>alignment.</b> chaotic neurtral<br>
<b>myers briggs type.</b> istp<br>
<b>positive traits.</b> warm, sense of humour, confident, loyal, kind, passionate <br>
<b>neutral traits.</b> independent, realistic, creative, fashionable, meticulous, witty <br>
<b>negative traits.</b> sarcastic, blunt, stubborn <br>
<b>goals.</b> put her past behind her, cope with her problems in a healthy way
</ul>
<h2>medical record</h2>
<ul style="padding-left:25px;margin-bottom:28px;">
<b>mental.</b> tba<br>
<b>physical.</b> tba<br>
<b>phobias.</b> confined/crowded spaces, horror films<br>
<b>eyesight.</b> good<br>
<b>drug use.</b> none<br>
<b>alcohol use.</b> she likes her brew and has a pretty good tolerance so yes<br>
<b>diet.</b> decent, home cooks a lot of their meals
</ul>
<h2>background</h2>
<ul style="padding-left:25px;margin-bottom:28px;">
<b>ethnicity/nationality.</b> african american/white (biracial) <br>
<b>parents.</b> James Warner (father) and Grace Warner (mother)<br>
<b>siblings.</b> Markel Rivera (older brother), Elizabeth Warner (younger sister)<br>
<b>pets.</b> just a whole lot of plants<br>
<b>education.</b> high school (incomplete)<br>
<b>notable skills.</b> skating, blowing bubbles, comebacks/banter, throwing a punch<br>
<b>quirks.</b> plays with fire, chews straws, taps her fingers on hard surfaces (as if she’s playing the piano)<br>
<b>languages.</b> English and conversational Korean<br>
<b>secrets.</b> her past<br>
<b>abilities.</b> tba
</ul>
<h2>favourites</h2>
<ul style="padding-left:25px;margin-bottom:28px;">
<b>food.</b> peanut m&ms, tacos<br>
<b>drink.</b> Dr. Pepper<br>
<b>pizza topping.</b> hot peppers<br>
<b>hobbies.</b> painting<br>
<b>colour.</b> maroon and lilac<br>
<b>music genre.</b> classical<br>
<b>movie genre.</b> B-rated that's so bad it's good<br>
<b>book genre.</b> doesn't read much as she finds it hard to find a decent book where the author doesn't seem like a pompous prick<br>
<b>season.</b> winter<br>
<b>scent.</b> cinnamon and lilac<br>
</ul>
<h2>facts</h2>
<ul style="padding-left:25px;margin-bottom:28px;">
- she owns a lighter but only so she can play with the flame<p>
- she's in therapy learning how to cope properly with issues from her childhood<p>
- happily living with and committed to her husband, Jason<p>
- an actual scardy cat when it comes to horror films, haunted houses, etc.<p>
- she's actually a pretty good cook and can do wonders in the kitchen with spices and leftovers<p>
- will affectionately tease and banter with close friends
<p>
</ul>
</div>
</li>
<!--- END FIRST TAB! --->
<!--- START SECOND TAB! VERSES! --->
<li>
<div style="width:auto;height:355px;overflow-y:scroll;padding:16px;">
<ul style="padding-left:5px;padding-right:5px;margin-bottom:28px;">
<v> The Runaway </v> In the late 1980s, Theodora Warner appears alongside the faces of many other missing or runaway children, and she'd rather it be kept that way. So when an odd pair offer her an escape farther than any bus ticket will take her, she joins without hesitation. But when her time aboard has reached it's peak and she is ready to return, she has only one request--to be brought back a few decades into the future.
</ul>
<!--- to add a new verse, copy / paste this:
<ul style="padding-left:5px;padding-right:5px;margin-bottom:28px;">
<v> verse name. </v> add your verse information here.
</ul> --->
</div>
</li>
<!--- END SECOND TAB! --->
<!--- START THIRD TAB! RELATIONS! --->
<li>
<div style="width:auto;height:385px;overflow-y:scroll;margin-top:20px;padding-left:20px;">
<div id="con"> <img src="https://66.media.tumblr.com/140c5e0d29f2d2e29bbad49eb14c22c1/tumblr_pafyamAJXk1x6tcf4o9_400.png"> <div id="conname"> jason. </div> <div id="coninfo"> <a href="/">husband</a> (<a href="/tagged/all-was-golden-when-the-day-met-the-night-|-jangsoon-&-theo">❤</a>) </div> </div>
<div id="con"> <img src="https://66.media.tumblr.com/4815ea4b25a4e190aa2f27ba243ce468/tumblr_pb3x0lwoCw1tphc6to8_400.jpg"> <div id="conname"> kris. </div> <div id="coninfo"> <a href="https://alignedflaws.tumblr.com/">best friend</a> </div> </div>
<div id="con"> <img src="https://66.media.tumblr.com/694bd9bf028b74baa32babd8b8ec9e58/c4aaa4ac55cdab89-8d/s540x810/43bdddcd6d8460fe0d4d9151692b64218db6f29e.jpg"> <div id="conname"> patrick/fenris. </div> <div id="coninfo"> <a href="https://mythvoiced.tumblr.com/">banter buddy</a> </div> </div>
<div id="con"> <img src="https://66.media.tumblr.com/6f298c8de030805291cfbf1f7866536d/tumblr_ozopsqH0gj1s19s6do1_500.jpg"> <div id="conname"> abel. </div> <div id="coninfo"> <a href="https://brxkensovls.tumblr.com/">past lover</a> (<a href="/tagged/give-me-reasons-we-should-be-complete-|-abel-&-theo">❤</a>) </div> </div>
<!--- to add a new connection, copy / paste this:
<div id="con"> <img src="IMAGE URL"> <div id="conname"> name. </div> <div id="coninfo"> <a href="URL">user</a> </div> </div>
i recommend keeping the name to just their first name so it doesn't overflow weirdly. you can keep their username at the bottom, put their relationship type to your muse, or whatever you want. just keep it short! --->
</div>
</li>
<!--- END THIRD TAB! --->
</ul>
<!--- END TABS --->
<!--- START BOTTOM BAR! --->
<!--- edit this info however you want. it'll show beneath the tabs no matter which one you're on. you can also scrap the info there entirely and replace it with a quote, or just leave it blank. --->
<div id="popex"> availability... <b>primary.</b> portrayal... <b>original character.</b> shipping... <b>reserved.</b> </div>
<!--- END BOTTOM BAR! --->
</div>
</div>
</div>
<div id="four" class="popup_block">
<div id="four"> <h1>Po Minjae</h1> </div> <!--- your character's name, obvs. just keep it within the <h1> tags --->
<div id="popicon"> <img src="https://66.media.tumblr.com/a1b0a4cdaf59566fa002afc67a4f471e/tumblr_pk0nnywZDK1ucrspw_540.jpg"> </div> <!--- your muse icon. size is 70x70, but will resize. the borders are CODED so don't add them yourself. --->
<div id="poptag"> “Wah, that's so cool!.”</div>
<div id="popnav"> <a href="/tagged/minjae;face" title="face"><span class="lnr lnr-camera"></span></a> <a href="/tagged/minjae;aesthetic" title="aesthetic"><span class="lnr lnr-diamond"></span></a> <a href="URL" title="LINK TITLE"><span class="lnr lnr-pencil"></span></a> <a href="/tagged/minjae;mindings" title="mind"><span class="lnr lnr-bubble"></span></a> <a href="/tagged/minjae;crushes" title="crushes"><span class="lnr lnr-heart"></span></a> <a href="/tagged/minjae;about" title="headcanons"><span class="lnr lnr-book"></span></a> </div> <!--- your muse links. i recommend using them for tags. if you want to change the symbols, go here: https://linearicons.com/free --->
<ul id="tabs">
<li class="active"> stats </li>
<li> verses </li>
<li> relations </li>
</ul> <!--- these are the links to switch between tabs. change the titles to whatever you'd like, just keep them in the <li> tags. --->
<!--- TABS START --->
<ul id="tab">
<!--- START FIRST TAB! BIO / STATS! --->
<!--- this is your first tab, and the active one, which means it will show by default when you first click your pop up link. take care not to mess with any of the positioning tags unless you know what you're doing! --->
<li class="active">
<div style="width:auto;height:355px;margin-top:18px;overflow-y:scroll;padding:16px;">
<ul style="padding-left:25px;padding-right:25px;margin-bottom:28px;margin-top:-15px;">
The stars called out to him, or so it would seem. Many a nights a little boy would sit at his window and talk to them, wondering if they could hear him back. One day, he'd promised himself, he'd be up there among them. A big promise to make, but perhaps someone had been listening. His love for the stars never did fade, even when he'd enrolled in university he'd specialized his studies to them. Balancing pizza deliveries and reports after assignments, he was your typical student until his fascination with the unknown soon led him down another path. It wasn't long before he was whisked aboard the Casimire and made that childhood promise of his come true.
</ul>
<h2>the basics</h2> <!--- these are your headers to separate information sections. name them whatever, just keep them in a <h2> tag. --->
<ul style="padding-left:25px;margin-bottom:28px;">
<b>name.</b> po minjae<br>
<b>aka.</b> minnie, min, mighty minjae, jae, jaejae, minzy, minnie mouse, ricecake <br>
<b>age.</b> mid/late twenties<br>
<b>gender & pronouns.</b> male, him<br>
<b>species.</b> human<br>
<b>occupation.</b> student, pizza delivery boy<br>
</ul> <!--- change these to whatever information you want to include. just keep the spacing, and be sure to include a <br> tag after each line, unless it's the last one. if you want to add a new section, copy / paste this underneath your new <h2> heading:
<ul style="padding-left:25px;margin-bottom:28px;">
<b>info.</b> tba<br>
<b>info.</b> tba<br>
<b>info.</b> tba
</ul>
alternately, if you just want a regular text section, copy / paste this:
<ul style="padding-left:25px;margin-bottom:28px;">
write your text here!
<br><br>
add a new paragraph if you need to!
</ul> --->
<h2>physical appearance</h2>
<ul style="padding-left:25px;margin-bottom:28px;">
<b>hair.</b> curly reddish brown<br>
<b>eyes.</b> russet<br>
<b>complexion.</b> pale<br>
<b>build.</b> on the shorter side, got some muscle to him (in his arms and chest)<br>
<b>height.</b> 5'8" or 173cm<br>
<b>weight.</b> 170lbs<br>
<b>scars.</b> freckles on his thigh, back, and arms <br>
<b>tattoos.</b> small flower on the back of his right shoulder, the chemicals C8H11NO2, C10H12N2O, C43H66N12O12S2 (dopamine, seratonin, oxytocin) aka “the chemical formula for love”, and a sleeve on his left arm of all the “stars in his night sky” aka each star representing people in his life that have made it all the brighter, the little dipper on his wrist<br>
<b>piercings.</b> tongue piercing shaped like a planet that he doesn't wear much anymore<br>
<b>face claim(s).</b> min yoongi
</ul>
<h2>personality</h2>
<ul style="padding-left:25px;margin-bottom:28px;">
<b>alignment.</b> neutral good<br>
<b>myers briggs type.</b> enfp<br>
<b>positive traits.</b> goofy, loyal, believer, curious, playful, geeky, friendly, imaginative, open minded, supportive<br>
<b>neutral traits.</b> intuitive, observant, logical, thinker, quiet<br>
<b>negative traits.</b> timid, tease, thinks too much, impulsive<br>
<b>goals.</b> see the world/universe, find his mother
</ul>
<h2>medical record</h2>
<ul style="padding-left:25px;margin-bottom:28px;">
<b>mental.</b> tba<br>
<b>physical.</b> tba<br>
<b>phobias.</b> drowning, uncomfortable with loud noises and crowds<br>
<b>eyesight.</b> asstigmitism (needs glasses when reading)<br>
<b>drug use.</b> none<br>
<b>alcohol use.</b> the odd beer or two<br>
<b>diet.</b> the average "student" diet<br>
</ul>
<h2>background</h2>
<ul style="padding-left:25px;margin-bottom:28px;">
<b>ethnicity/nationality.</b> korean<br>
<b>parents.</b> Po Jaemyung (father), Po Minsook (mother)<br>
<b>siblings.</b> Po Minji (interdimensional twin)<br>
<b>pets.</b> two hamsters named Mulder and Scully<br>
<b>education.</b> university (studying) and majoring in astrohpyics<br>
<b>notable skills.</b> science (space) facts, massages, whistling, skipping stones, cuddling, basic saxophone<br>
<b>quirks.</b> puckers his lips when he’s concentrating on his work, writes notes on his arms, draws little constellations with the freckles on his thigh, blushes easily<br>
<b>languages.</b> Korean and basic conversational English<br>
<b>secrets.</b> one time he dropped Sehun’s toothbrush in the toilet and didn’t tell him, he was the one who licked the cream cheese thinking it was yogurt and put it back <br>
<b>abilities.</b> tba
</ul>
<h2>favourites</h2>
<ul style="padding-left:25px;margin-bottom:28px;">
<b>food.</b> strawberries and gummy worms<br>
<b>drink.</b> strawberry milk<br>
<b>pizza topping.</b> meat lovers<br>
<b>hobbies.</b> stargazing<br>
<b>colour.</b> red<br>
<b>music genre.</b> jazz<br>
<b>movie genre.</b> science fiction<br>
<b>book genre.</b> science fiction, mysteries, non-fiction (astronomy)<br>
<b>season.</b> autumn<br>
<b>scent.</b> shampoo and tangerine<br>
</ul>
<h2>facts</h2>
<ul style="padding-left:25px;margin-bottom:28px;">
- has an uncontrollable sweet tooth<p>
- depending on the timeline, by default he lives with his childhood best friend Lee Sehun and <a href="http://mythvoiced.tumblr.com">Tae Hyeongjong</a> in a <a href="https://intergalacticxmisfits.tumblr.com/post/614513303649173504">house</a> they've fixed up<p>
- had a complicated relationship with his father, but one they've been able to mend<p>
- is a believer; he loves things and beings that are out of the ordinary, and turns into a total fanboy when meeting such ones<p>
- comes up with sometimes ridiculous theories and is very passionate about them (ex. whales in space)<p>
- has a “twin sister” named Minji (his alternate universe self), whom he met when the Casimire accidentlly slipped through a hole in the fabric of space-time<p>
- is enrolled in an intership at a Deep Space Communications Complex outside of town while delivering pizzas on the side
</ul>
</div>
</li>
<!--- END FIRST TAB! --->
<!--- START SECOND TAB! VERSES! --->
<li>
<div style="width:auto;height:355px;overflow-y:scroll;padding:16px;">
<ul style="padding-left:5px;padding-right:5px;margin-bottom:28px;">
<v> <a href="/tagged/verse-|-the-little-merboy/"> the little merboy.</a> </v> (mermaid au). Min was always said to be the most curious little merboy off the coast. He’s certainly not like the others of his kind, in fact he very much prefers to spend his time on the surface, watching the stars and the intriguing two-leggeds who roam the shore.
</ul>
<ul style="padding-left:5px;padding-right:5px;margin-bottom:28px;">
<v> <a href="/tagged/verse-|-child-of-the-moon/"> child of the moon.</a> </v> (moon prince au). What one would wonder having the queen of the moon as their mother? in both variations, minjae is the son of the moon queen and still as awfully curious as can be. Where one was raised on the moon and yearning to learn more of the little blue and green planet below, and the other is startled by the reveal of his royal lineage and coming to grasp with his duties
</ul>
<ul style="padding-left:5px;padding-right:5px;margin-bottom:28px;">
<v> <a href="/tagged/verse-|-the-mad-king/"> the mad king.</a> </v> (king au). The son of a tyrant, stuck in his father's shadow, branded by the scar on his face. Even despite his attempts to make changes and prove he is not a monster like the former king, his hands are tied with a corrpted court and his life is at constant risk from opposors. Is there anyone he can truly trust?
</ul>
<!--- to add a new verse, copy / paste this:
<ul style="padding-left:5px;padding-right:5px;margin-bottom:28px;">
<v> verse name. </v> add your verse information here.
</ul> --->
</div>
</li>
<!--- END SECOND TAB! --->
<!--- START THIRD TAB! RELATIONS! --->
<li>
<div style="width:auto;height:385px;overflow-y:scroll;margin-top:20px;padding-left:20px;">
<div id="con"> <img src="https://atticsecrets1979.files.wordpress.com/2015/05/wpid-fb_img_1432278004846.jpg"> <div id="conname"> madeline. </div> <div id="coninfo"> <a href="mothernatureknows.tumblr.com/">starcrossed soulmate</a> (<a href="/tagged/your-cheeks-are-speckled-with-stars-|-maddy-%26-minjae">❤</a>)</div> </div>
<div id="con"> <img src="https://66.media.tumblr.com/80eec722331e165a59f7ff4f80d89338/tumblr_pboegaboHZ1x1qxh2o1_1280.png"> <div id="conname"> hyeongjong. </div> <div id="coninfo"> <a href="https://somecrazylads.tumblr.com/">best friend</a> </div> </div>
<div id="con"> <img src="https://66.media.tumblr.com/ca5a6ef20e322a5a82e5604151dbdae3/tumblr_osbq0gbh3n1wqlpn3o5_250.png"> <div id="conname"> namjoon. </div> <div id="coninfo"> <a href="https://njc94.tumblr.com/">best friend, brother-in-law</a> </div> </div>
<div id="con"> <img src="https://pbs.twimg.com/media/C1gSG-NUAAAxexw.jpg"> <div id="conname"> meredith. </div> <div id="coninfo"> <a href="https://mercytorn.tumblr.com/">childhood friend</a> (<a href="/tagged/he-looks-at-her-like-she-is-the-moon-|-meredith-&-minjae">❤</a>)</div> </div>
<div id="con"> <img src="https://66.media.tumblr.com/bcde636df5929900373829be637f77f0/tumblr_pul4z7ILOl1wquwajo3_400.png"> <div id="conname"> namjoo. </div> <div id="coninfo"> <a href="http://www.njc94.tumblr.com/">wife</a> (<a href="/tagged/stars-fall-from-your-lips-like-poetry-|-namjoo-&-minjae">❤</a>)</div> </div>
<div id="con"> <img src="https://66.media.tumblr.com/18becfa49363adc726da592261e18d1d/tumblr_opzzvvocXy1woms4go4_1280.png"> <div id="conname"> moonbin. </div> <div id="coninfo"> <a href="-">platonic soulmate</a> </div> </div>
<div id="con"> <img src="https://66.media.tumblr.com/cd6ee8a551a3d973e41c3062882bdbcc/tumblr_ojsnrvBk2e1w16jjko2_250.png"> <div id="conname"> jaehyun. </div> <div id="coninfo"> <a href="/">soulfriend</a> </div> </div>
<div id="con"> <img src="https://i.pinimg.com/originals/c1/7e/d5/c17ed54cfd54e136ff6d3c95e36a37cc.jpg"> <div id="conname"> arrakis. </div> <div id="coninfo"> <a href="http://www.asteripsychi.tumblr.com/">celestial companion</a> </div> </div>
<div id="con"> <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR0y9guErlyzmSyctHc0dfjRRqUMBxdHjmY21AOItFxr4PevbJ8"> <div id="conname"> yoshino. </div> <div id="coninfo"> <a href="https://mythvoiced.tumblr.com/">fellow curious bean and sensei in all things tanuki</a> </div> </div>
<div id="con"> <img src="https://64.media.tumblr.com/1af10dc0f980f1412edea90dfce40757/fdd3125a52d842bf-bb/s250x400/98b2688b627391019832e35bb3c5387791859dac.jpg"> <div id="conname"> rosie. </div> <div id="coninfo"> <a href="http://www.outcfpages.tumblr.com/">girlfriend</a> (<a href="/tagged/painting-the-stars-on-your-skin-|-rosie-&-minjae">❤</a>)</div> </div>
<div id="con"> <img src="https://64.media.tumblr.com/8023d55b09b0166efcd07a4d74f04e11/37c7fe70446468e5-ef/s1280x1920/927dcae00140271f60ef8b4965340be992d1abfa.png"> <div id="conname"> milae. </div> <div id="coninfo"> <a href="http://www.skyhighhell.tumblr.com/">his star</a> (<a href="/tagged/candy-coated-kisses-|-milae-&-minjae">❤</a>)</div> </div>
<!--- to add a new connection, copy / paste this:
<div id="con"> <img src="IMAGE URL"> <div id="conname"> name. </div> <div id="coninfo"> <a href="URL">user</a> </div> </div>
i recommend keeping the name to just their first name so it doesn't overflow weirdly. you can keep their username at the bottom, put their relationship type to your muse, or whatever you want. just keep it short! --->
</div>
</li>
<!--- END THIRD TAB! --->
</ul>
<!--- END TABS --->
<!--- START BOTTOM BAR! --->
<!--- edit this info however you want. it'll show beneath the tabs no matter which one you're on. you can also scrap the info there entirely and replace it with a quote, or just leave it blank. --->
<div id="popex"> availability... <b>primary.</b> portrayal... <b>original character.</b> shipping... <b>selective.</b> </div>
<!--- END BOTTOM BAR! --->
</div>
</div>
</div>
<div id="five" class="popup_block">
<div id="five"> <h1>En'nala Una</h1> </div> <!--- your character's name, obvs. just keep it within the <h1> tags --->
<div id="popicon"> <img src="https://66.media.tumblr.com/35509bd371729d5b9deb78df8bccb5a5/tumblr_inline_po21y1mj9A1uqi02b_540.jpg"> </div> <!--- your muse icon. size is 70x70, but will resize. the borders are CODED so don't add them yourself. --->
<div id="poptag"> “I want to see it all!”</div>
<div id="popnav"> <a href="/tagged/nala;face" title="face"><span class="lnr lnr-camera"></span></a> <a href="/tagged/nala;aesthetic" title="aesthetic"><span class="lnr lnr-diamond"></span></a> <a href="URL" title="LINK TITLE"><span class="lnr lnr-pencil"></span></a> <a href="/tagged/nala;mindings" title="mind"><span class="lnr lnr-bubble"></span></a> <a href="/tagged/nala;crushes" title="crushes"><span class="lnr lnr-heart"></span></a> <a href="/tagged/nala;about" title="headcanons"><span class="lnr lnr-book"></span></a> </div> <!--- your muse links. i recommend using them for tags. if you want to change the symbols, go here: https://linearicons.com/free --->
<ul id="tabs">
<li class="active"> stats </li>
<li> verses </li>
<li> relations </li>
</ul> <!--- these are the links to switch between tabs. change the titles to whatever you'd like, just keep them in the <li> tags. --->
<!--- TABS START --->
<ul id="tab">
<!--- START FIRST TAB! BIO / STATS! --->
<!--- this is your first tab, and the active one, which means it will show by default when you first click your pop up link. take care not to mess with any of the positioning tags unless you know what you're doing! --->
<li class="active">
<div style="width:auto;height:355px;margin-top:18px;overflow-y:scroll;padding:16px;">
<ul style="padding-left:25px;padding-right:25px;margin-bottom:28px;margin-top:-15px;">
Whenever a weary traveller had stopped by at her parent's inn, the young En'dari could be seen with her ear pressed eagerly against the floorboards of her room late at night, desperate to catch the whispers of their stories - stories of giant metal ships and pirates with robotic arms, whales that sparkled like stars and sirens that swam in nebulas, and beautiful princes with hearts as dark as night itself. Oh, if only she could see such things for herself. It would seem impossible, that is until three strangers had wandered into the cozy inn, offering a proposal she just couldn't refuse. Perhaps the stars weren't so far away after all.
</ul>
<h2>the basics</h2> <!--- these are your headers to separate information sections. name them whatever, just keep them in a <h2> tag. --->
<ul style="padding-left:25px;margin-bottom:28px;">
<b>name.</b> en'nala una<br>
<b>aka.</b> nala<br>
<b>age.</b> early twenties<br>
<b>gender & pronouns.</b> female, her<br>
<b>species.</b> en'dari (alien)<br>
<b>occupation.</b> no occupation, just out having fun<br>
</ul> <!--- change these to whatever information you want to include. just keep the spacing, and be sure to include a <br> tag after each line, unless it's the last one. if you want to add a new section, copy / paste this underneath your new <h2> heading:
<ul style="padding-left:25px;margin-bottom:28px;">
<b>info.</b> tba<br>
<b>info.</b> tba<br>
<b>info.</b> tba
</ul>
alternately, if you just want a regular text section, copy / paste this:
<ul style="padding-left:25px;margin-bottom:28px;">
write your text here!
<br><br>
add a new paragraph if you need to!
</ul> --->
<h2>physical appearance</h2>
<ul style="padding-left:25px;margin-bottom:28px;">
<b>hair.</b> ruby red<br>
<b>eyes.</b> dark brown<br>
<b>complexion.</b> spotted<br>
<b>build.</b> petite<br>
<b>height.</b> 5'3"<br>
<b>weight.</b> 145lbs<br>
<b>scars.</b> none but has lepoard like markings (and her ears are like that of a Fennec Fox) <br>
<b>tattoos.</b> none <br>
<b>piercings.</b> none<br>
<b>face claim(s).</b> enu from dreamfall chapters
</ul>
<h2>personality</h2>
<ul style="padding-left:25px;margin-bottom:28px;">
<b>alignment.</b> neutral good<br>
<b>myers briggs type.</b> tba<br>
<b>positive traits.</b> curious, playful, exciteable, brave, kind<br>
<b>neutral traits.</b> innocent, rambler, adventurous, eager, idealist<br>
<b>negative traits.</b> rash, awkward, impatient, naive, gullible, impulsive<br>
<b>goals.</b> to live her own adventure and see all the things she’s heard stories about
</ul>
<h2>medical record</h2>
<ul style="padding-left:25px;margin-bottom:28px;">
<b>mental.</b> tba<br>
<b>physical.</b> tba<br>
<b>phobias.</b> tba<br>
<b>eyesight.</b> good<br>
<b>drug use.</b> none<br>
<b>alcohol use.</b> on occasion<br>
<b>diet.</b> consists mainly of cookies and sandwiches when she's left to her own devices
</ul>
<h2>background</h2>
<ul style="padding-left:25px;margin-bottom:28px;">
<b>ethnicity/nationality.</b> Allor'an (from the planet Zahid)<br>
<b>parents.</b> En'naius Una (father), En'lydia Una (mother)<br>
<b>siblings.</b> En'Mari Una (younger sister)<br>
<b>pets.</b> none<br>
<b>education.</b> tba<br>
<b>notable skills.</b> good with a slingshot, riding (horseback - or any similar creature), string games<br>
<b>quirks.</b> rambles, talks to herself (when she particularly does something embarrassing), bounces when she’s really excited<br>
<b>languages.</b> E'ha (native language of the En'dari), Allor'a, English, Korean (she’s learning from Minjae) <br>
<b>secrets.</b> her ears (from Earthlings)<br>
<b>abilities.</b> tba
</ul>
<h2>favourites</h2>
<ul style="padding-left:25px;margin-bottom:28px;">
<b>food.</b> chocolate chip cookies<br>
<b>drink.</b> hot chocolate with marshmallows<br>
<b>pizza topping.</b> ham and honey<br>
<b>hobbies.</b> sightseeing<br>
<b>colour.</b> bumblebee yellow<br>
<b>music genre.</b> a bit of everything<br>
<b>movie genre.</b> adventure<br>
<b>book genre.</b> fantasy and legends<br>
<b>season.</b> summer<br>
<b>scent.</b> nutmeg and baked goods<br>
</ul>
<h2>facts</h2>
<ul style="padding-left:25px;margin-bottom:28px;">
- her family owns an Inn just outside of a small village near Allor<p>
- loves hearing stories and is easily impressed<p>
- rambles and tends to speak before thinking (resulting in many awkward and embarrassing moments)<p>
- although she is one of the En'dari, she has very little connection to her culture outside of her family, and only knows a limited amount of her native language - E'ha <p>
- loves animals<p>
- was a scrappy little thing and still is, while she hardly ever gets into a fight she's not afraid to give a kick to the knee when she needs to stick up for herself or her friends
<p>
</ul>
</div>
</li>
<!--- END FIRST TAB! --->
<!--- START SECOND TAB! VERSES! --->
<li>
<div style="width:auto;height:355px;overflow-y:scroll;padding:16px;">
<ul style="padding-left:5px;padding-right:5px;margin-bottom:28px;">
<v> <a href="/tagged/verse-|-just-blend-in/"> just blend in.</a> </v> (mundane domestic au). with a crash landing leaving the casimire out of comission, Jenny and the others have to adjust to life on Terra for a little longer than they had expected--renting an apartment, getting jobs, and making sure their reputations as the quirky neighbours remain as nothing more. (in this verse, nothing much for Nala has changed. She helps with chores, but she's also out and about and exploring all of Terra that she can, making new friends and learning lots of new things).
</ul>
<!--- to add a new verse, copy / paste this:
<ul style="padding-left:5px;padding-right:5px;margin-bottom:28px;">
<v> verse name. </v> add your verse information here.
</ul> --->
</div>
</li>
<!--- END SECOND TAB! --->
<!--- START THIRD TAB! RELATIONS! --->
<li>
<div style="width:auto;height:385px;overflow-y:scroll;margin-top:20px;padding-left:20px;">
<div id="con"> <img src="https://66.media.tumblr.com/258b3b4e701bc561cbca14a02a0c2661/tumblr_ovg2cgI4Vm1wuzkhho7_250.png"> <div id="conname"> lincoln. </div> <div id="coninfo"> <a href="http://www.lookitsohio.tumblr.com/">more than a friend</a> (<a href="/tagged/you-give-me-butterflies-and-shooting-stars-|-lincoln-&-nala">❤</a>)</div> </div>
<div id="con"> <img src="https://66.media.tumblr.com/0ae3809844b199927dec6cde6ed83891/tumblr_p2q6ddTlas1wo920to6_250.png"> <div id="conname"> seonhwa. </div> <div id="coninfo"> <a href="https://thosewhowearmasks.tumblr.com/">best friend</a> </div> </div>
<div id="con"> <img src="https://64.media.tumblr.com/5017cefa5a288f8406602a33efbf7be7/tumblr_pcwfdttCQd1wmlo63o2_400.png"> <div id="conname"> hana. </div> <div id="coninfo"> <a href="http://www.tckkis.tumblr.com/">gal pal</a> </div> </div>
<div id="con"> <img src="https://66.media.tumblr.com/5b88a18a1be2366e3d481a36f0bba9d9/tumblr_pm4gfqdd9x1w8gbtzo3_400.png"> <div id="conname"> oliver. </div> <div id="coninfo"> <a href="http://lhpwk.tumblr.com/">special friend</a> (<a href="/tagged/if-kisses-were-stars-i'd-give-you-the-sky-|-oliver-&-nala">❤</a>) </div> </div>
<div id="con"> <img src="https://i.pinimg.com/originals/c1/7e/d5/c17ed54cfd54e136ff6d3c95e36a37cc.jpg"> <div id="conname"> arrakis. </div> <div id="coninfo"> <a href="http://www.asteripsychi.tumblr.com/">celestial friend</a> </div> </div>
<div id="con"> <img src="https://66.media.tumblr.com/51b99cb51a7dd801ffe7ac515b99273e/tumblr_p6obxrBm9e1w9iddjo7_250.png"> <div id="conname"> en'milo. </div> <div id="coninfo"> <a href="/tagged/companions-|-milo-(the-calico)/">cousin</a> </div> </div>
<div id="con"> <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR0y9guErlyzmSyctHc0dfjRRqUMBxdHjmY21AOItFxr4PevbJ8"> <div id="conname"> yoshino. </div> <div id="coninfo"> <a href="https://mythvoiced.tumblr.com/">stardust friend</a> </div> </div>
<div id="con"> <img src="https://66.media.tumblr.com/781bbc66b5fda5052a574421a6634bd3/tumblr_pngmxa1G6O1v1u070_1280.jpg"> <div id="conname"> wonpil. </div> <div id="coninfo"> <a href="http://lhpwk.tumblr.com/">mate</a> (<a href="/tagged/her-knight-in-shining-armour-|-wonpil-&-nala">❤</a>) </div> </div>
<div id="con"> <img src="https://64.media.tumblr.com/5f2c28702724331013e7aebbbd698940/9647029507cafb83-c7/s400x600/58cea1a5a434e420146d7c56ab2909dc3c1bbc84.png"> <div id="conname"> seek. </div> <div id="coninfo"> <a href="http://skyhighhell.tumblr.com/">her tol tree bf</a> (<a href="/tagged/planting-kisses-like-flowers-|-seek-&-nala">❤</a>) </div> </div>
<div id="con"> <img src="https://64.media.tumblr.com/66fe87d08b8456077b0b34b17724601d/feba5e0d3094b7a6-98/s1280x1920/d5e5cd3875e69af1a6f2e969284fdf51c209a046.jpg"> <div id="conname"> haneul. </div> <div id="coninfo"> <a href="http://www.skyhighhell.tumblr.com/">little moon bro</a> (<a href="/tagged/sitting-by-the-moon-with-you-|-haneul-&-minjae">☾</a>)</div> </div>
<!--- to add a new connection, copy / paste this:
<div id="con"> <img src="IMAGE URL"> <div id="conname"> name. </div> <div id="coninfo"> <a href="URL">user</a> </div> </div>
i recommend keeping the name to just their first name so it doesn't overflow weirdly. you can keep their username at the bottom, put their relationship type to your muse, or whatever you want. just keep it short! --->
</div>
</li>
<!--- END THIRD TAB! --->
</ul>
<!--- END TABS --->
<!--- START BOTTOM BAR! --->
<!--- edit this info however you want. it'll show beneath the tabs no matter which one you're on. you can also scrap the info there entirely and replace it with a quote, or just leave it blank. --->
<div id="popex"> availability... <b>secondary.</b> portrayal... <b>original character.</b> shipping... <b>selective-ish.</b> </div>
<!--- END BOTTOM BAR! --->
</div>
</div>
</div>
<div id="six" class="popup_block">
<div id="six"> <h1>Lee Sehun</h1> </div> <!--- your character's name, obvs. just keep it within the <h1> tags --->
<div id="popicon"> <img src="https://66.media.tumblr.com/5301307fa1a25a98ffd83d281d42c421/tumblr_p80copZu5X1vtvfefo3_250.png"> </div> <!--- your muse icon. size is 70x70, but will resize. the borders are CODED so don't add them yourself. --->
<div id="poptag"> “true peace comes from forgiveness not just of others but of oneself.”</div>
<div id="popnav"> <a href="/tagged/sehun;face" title="face"><span class="lnr lnr-camera"></span></a> <a href="/tagged/sehun;aesthetic" title="aesthetic"><span class="lnr lnr-diamond"></span></a> <a href="URL" title="LINK TITLE"><span class="lnr lnr-pencil"></span></a> <a href="/tagged/sehun;mindings" title="mind"><span class="lnr lnr-bubble"></span></a> <a href="/" title="crushes"><span class="lnr lnr-heart"></span></a> <a href="/tagged/sehun;about" title="headcanons"><span class="lnr lnr-book"></span></a> </div> <!--- your muse links. i recommend using them for tags. if you want to change the symbols, go here: https://linearicons.com/free --->
<ul id="tabs">
<li class="active"> stats </li>
<li> verses </li>
<li> relations </li>
</ul> <!--- these are the links to switch between tabs. change the titles to whatever you'd like, just keep them in the <li> tags. --->
<!--- TABS START --->
<ul id="tab">
<!--- START FIRST TAB! BIO / STATS! --->
<!--- this is your first tab, and the active one, which means it will show by default when you first click your pop up link. take care not to mess with any of the positioning tags unless you know what you're doing! --->
<li class="active">
<div style="width:auto;height:355px;margin-top:18px;overflow-y:scroll;padding:16px;">
<ul style="padding-left:25px;padding-right:25px;margin-bottom:28px;margin-top:-15px;">
A peaceful soul, he followed a path of spiritual enlightenment during a traumatic time in his life, and found refuge in the company of plants. He tends to the greenhouse on campus while he stays with his childhood friend, Minjae, earning a few extra bucks on the side tutoring students in yoga, and for a while he would think his life was finally normal. That is, until a gift from said friend ended up with a selection of intergalactic species that have taken a particular liking to him. As long as he can keep them hidden no one will suspect a thing, right?
</ul>
<h2>the basics</h2> <!--- these are your headers to separate information sections. name them whatever, just keep them in a <h2> tag. --->
<ul style="padding-left:25px;margin-bottom:28px;">
<b>name.</b> lee sehun<br>
<b>aka.</b> seth, sage<br>
<b>age.</b> mid/late twenties<br>
<b>gender & pronouns.</b> male, him<br>
<b>species.</b> human<br>
<b>occupation.</b> private yoga instructor<br>
</ul> <!--- change these to whatever information you want to include. just keep the spacing, and be sure to include a <br> tag after each line, unless it's the last one. if you want to add a new section, copy / paste this underneath your new <h2> heading:
<ul style="padding-left:25px;margin-bottom:28px;">
<b>info.</b> tba<br>
<b>info.</b> tba<br>
<b>info.</b> tba
</ul>
alternately, if you just want a regular text section, copy / paste this:
<ul style="padding-left:25px;margin-bottom:28px;">
write your text here!
<br><br>
add a new paragraph if you need to!
</ul> --->
<h2>physical appearance</h2>
<ul style="padding-left:25px;margin-bottom:28px;">
<b>hair.</b> sandy blond<br>
<b>eyes.</b> light blue<br>
<b>complexion.</b> tan<br>
<b>build.</b> muscular (arms, chest/abs, legs)<br>
<b>height.</b> 5'9" or 182cm<br>
<b>weight.</b> 163lbs<br>
<b>scars.</b> scar on his ear (from when he had an earring ripped out) <br>
<b>tattoos.</b> none <br>
<b>piercings.</b> one in left ear<br>
<b>face claim(s).</b> im changkyun
</ul>
<h2>personality</h2>
<ul style="padding-left:25px;margin-bottom:28px;">
<b>alignment.</b> neutral grey<br>
<b>myers briggs type.</b> tba<br>
<b>positive traits.</b> docile, calm, empathetic, gentle, patient, just<br>
<b>neutral traits.</b> spiritual, honest<br>
<b>negative traits.</b> blunt<br>
<b>goals.</b> to help others, bring justice to those unable to attain it, repent for his past sins
</ul>
<h2>medical record</h2>
<ul style="padding-left:25px;margin-bottom:28px;">
<b>mental.</b> ptsd<br>
<b>physical.</b> tba<br>
<b>phobias.</b> heights, confined spaces<br>
<b>eyesight.</b> good<br>
<b>drug use.</b> tba<br>
<b>alcohol use.</b> none<br>
<b>diet.</b> fairly healthy
</ul>
<h2>background</h2>
<ul style="padding-left:25px;margin-bottom:28px;">
<b>ethnicity/nationality.</b> chinese and korean<br>
<b>parents.</b> Lee Huang (father), Lee Seohyun (mother)<br>
<b>siblings.</b> Lee Sunha (older sister)<br>
<b>pets.</b> plants<br>
<b>education.</b> high school (incomplete)<br>
<b>notable skills.</b> yoga (very flexible), singing, helping others calm down, braiding hair<br>
<b>quirks.</b> hums, carries a small vial around his neck with herbs inside (occasionally sniffs it), sways when standing or sitting still <br>
<b>languages.</b> Korean, conversational Mandarin, basic Japanese<br>
<b>secrets.</b> none, he is an open book<br>
<b>abilities.</b> tba
</ul>
<h2>favourites</h2>
<ul style="padding-left:25px;margin-bottom:28px;">
<b>food.</b> waffles<br>
<b>drink.</b> herbal tea<br>
<b>pizza topping.</b> spinach, chicken, and onions<br>
<b>hobbies.</b> yoga or checkers<br>
<b>colour.</b> blue<br>
<b>music genre.</b> classical guitar<br>
<b>movie genre.</b> westerns<br>
<b>book genre.</b> poetry<br>
<b>season.</b> spring<br>
<b>scent.</b> passion flower<br>
</ul>
<h2>facts</h2>
<ul style="padding-left:25px;margin-bottom:28px;">
- no official occupation, but he gets a few extra bucks teaching yoga to fellow students<p>
- isn’t actually enrolled in the University<p>
-- depending on the timeline, by default he lives with his childhood best friend Po Minjae in a <a href="https://intergalacticxmisfits.tumblr.com/post/614513303649173504">house</a> they've fixed up<p>
- is an open book. Any questions you ask of him will be answered<p>
- is an asexual aromantic - he has no desire for a romantic or sexual relationship, rather devoting himself to mother nature. However this does not hinder his emotions when it comes to platonic/familial relationships. He still very much feels love and loves others, just in a different way<p>
- tends to the plants at the campus greenhouse<p>
- is also a plant dad™️️ (currently looking after a selection of alien plant life - thanks to Minjae - that have taken a particular liking to him)
<p>
</ul>
</div>
</li>
<!--- END FIRST TAB! --->
<!--- START SECOND TAB! VERSES! --->
<li>
<div style="width:auto;height:355px;overflow-y:scroll;padding:16px;">
<ul style="padding-left:5px;padding-right:5px;margin-bottom:28px;">
<v> <a href="/tagged/verse-|-flowers-at-your-fingertips/">flowers at your fingertips.</a> </v> (nature veil au).</a> having caught Mother Nature inhabiting his good friend (and Minjae's lover) Madeline one night and trespassing into his greenhouse, he too was sworn under an oath of secrecy and included into the small circle of humans protecting and assisting her vessels. Now on particular spring evenings his hands have more of a magic touch when caring for his plants.
</ul>
<ul style="padding-left:5px;padding-right:5px;margin-bottom:28px;">
<v> <a href="/tagged/verse-|-the-lost-prince/"> the lost prince.</a> </v> (royal au). Sehun was not the kind of heir his parents had hoped for, and he knows there is talk among the advisors of doing away with him. He cannont trust anyone, except perhaps, the friends who have proven to be the family he needs to help support him in claiming the throne. (branch of this verse involves a set up sabatoge on a "mission trip" which leaves him stranded in another land and needing to get back home)
</ul>
<!--- to add a new verse, copy / paste this:
<ul style="padding-left:5px;padding-right:5px;margin-bottom:28px;">
<v> verse name. </v> add your verse information here.
</ul> --->
</div>
</li>
<!--- END SECOND TAB! --->
<!--- START THIRD TAB! RELATIONS! --->
<li>
<div style="width:auto;height:385px;overflow-y:scroll;margin-top:20px;padding-left:20px;">
<div id="con"> <img src="https://64.media.tumblr.com/f555a32abe363ebe7fb905d818de5094/dc9dd262156ea5e0-61/s250x400/0568e1922041119340b0dde7cf6dccdfd8af29e1.png"> <div id="conname"> maddy / mother nature. </div> <div id="coninfo"> <a href="http://www.mothernatureknows.tumblr.com/">friend</a> </div> </div>
<div id="con"> <img src="https://66.media.tumblr.com/a5cc35806bff52b8241681b28d2c686f/tumblr_p3jlno0w6H1vikskwo1_1280.jpg"> <div id="conname"> hyungwon </div> <div id="coninfo"> <a href="http://www.mothernatureknows.tumblr.com/">time traveling friend</a> </div> </div>
<!--- to add a new connection, copy / paste this:
<div id="con"> <img src="IMAGE URL"> <div id="conname"> name. </div> <div id="coninfo"> <a href="URL">user</a> </div> </div>
i recommend keeping the name to just their first name so it doesn't overflow weirdly. you can keep their username at the bottom, put their relationship type to your muse, or whatever you want. just keep it short! --->
</div>
</li>
<!--- END THIRD TAB! --->
</ul>
<!--- END TABS --->
<!--- START BOTTOM BAR! --->
<!--- edit this info however you want. it'll show beneath the tabs no matter which one you're on. you can also scrap the info there entirely and replace it with a quote, or just leave it blank. --->
<div id="popex"> availability... <b>secondary.</b> portrayal... <b>original character.</b> shipping... <b>unavaliable.</b> </div>
<!--- END BOTTOM BAR! --->
</div>
</div>
</div>
<div id="seven" class="popup_block">
<div id="seven"> <h1>Arthur Hakim</h1> </div> <!--- your character's name, obvs. just keep it within the <h1> tags --->
<div id="popicon"> <img src="https://66.media.tumblr.com/29ba4764a7f43095b8d2155d8e944aff/tumblr_inline_o5l7229yz41rlxi6w_540.png"> </div> <!--- your muse icon. size is 70x70, but will resize. the borders are CODED so don't add them yourself. --->
<div id="poptag"> “Oh you've got to be kidding me.”</div>
<div id="popnav"> <a href="/tagged/arthur;face" title="face"><span class="lnr lnr-camera"></span></a> <a href="/tagged/arthur;aesthetic" title="aesthetic"><span class="lnr lnr-diamond"></span></a> <a href="URL" title="LINK TITLE"><span class="lnr lnr-pencil"></span></a> <a href="/tagged/arthur;mindings" title="mind"><span class="lnr lnr-bubble"></span></a> <a href="/tagged/arthur;crushes" title="crushes"><span class="lnr lnr-heart"></span></a> <a href="/tagged/arthur;about" title="headcanons"><span class="lnr lnr-book"></span></a> </div> <!--- your muse links. i recommend using them for tags. if you want to change the symbols, go here: https://linearicons.com/free --->
<ul id="tabs">
<li class="active"> stats </li>
<li> verses </li>
<li> relations </li>
</ul> <!--- these are the links to switch between tabs. change the titles to whatever you'd like, just keep them in the <li> tags. --->
<!--- TABS START --->
<ul id="tab">
<!--- START FIRST TAB! BIO / STATS! --->
<!--- this is your first tab, and the active one, which means it will show by default when you first click your pop up link. take care not to mess with any of the positioning tags unless you know what you're doing! --->
<li class="active">
<div style="width:auto;height:355px;margin-top:18px;overflow-y:scroll;padding:16px;">
<ul style="padding-left:25px;padding-right:25px;margin-bottom:28px;margin-top:-15px;">
Arthur doesn't believe in fairytales. Arthur doesn't believe in beings in the planets beyond nor in realms hidden within his own. Arthur believes now. He'd taken a particular interest in a familiar blonde that kept showing up in his records, her sightings spanning across a timeline not logically possible for your average human, which led him into quite the <strike>investigation</strike> adventure and opened his eyes to an entire world of the impossible. Perhaps he should take his head out of his books more often.
</ul>
<h2>the basics</h2> <!--- these are your headers to separate information sections. name them whatever, just keep them in a <h2> tag. --->
<ul style="padding-left:25px;margin-bottom:28px;">
<b>name.</b> arthur hakim<br>
<b>aka.</b> artie<br>
<b>age.</b> early thirties<br>
<b>gender & pronouns.</b> male, him<br>
<b>species.</b> human<br>
<b>occupation.</b> historian<br>
</ul> <!--- change these to whatever information you want to include. just keep the spacing, and be sure to include a <br> tag after each line, unless it's the last one. if you want to add a new section, copy / paste this underneath your new <h2> heading:
<ul style="padding-left:25px;margin-bottom:28px;">
<b>info.</b> tba<br>
<b>info.</b> tba<br>
<b>info.</b> tba
</ul>
alternately, if you just want a regular text section, copy / paste this:
<ul style="padding-left:25px;margin-bottom:28px;">
write your text here!
<br><br>
add a new paragraph if you need to!
</ul> --->
<h2>physical appearance</h2>
<ul style="padding-left:25px;margin-bottom:28px;">
<b>hair.</b> dark brown<br>
<b>eyes.</b> green<br>
<b>complexion.</b> dark<br>
<b>build.</b> broad chest/shoulders, but rather average<br>
<b>height.</b> 5'10"<br>
<b>weight.</b> 175lbs<br>
<b>scars.</b> none <br>
<b>tattoos.</b> none <br>
<b>piercings.</b> none<br>
<b>face claim(s).</b> rami malek
</ul>
<h2>personality</h2>
<ul style="padding-left:25px;margin-bottom:28px;">
<b>alignment.</b> neutral grey<br>
<b>myers briggs type.</b> istj<br>
<b>positive traits.</b> dedicated, hardworking, patient, cultured<br>
<b>neutral traits.</b> intellectual, bookworm, independent, intuitive, observant, logical<br>
<b>negative traits.</b> skeptical, always tired, sassy<br>
<b>goals.</b> to find answers
</ul>
<h2>medical record</h2>
<ul style="padding-left:25px;margin-bottom:28px;">
<b>mental.</b> hypersomnia<br>
<b>physical.</b> tba<br>
<b>phobias.</b> tba<br>
<b>eyesight.</b> near-sighted<br>
<b>drug use.</b> none<br>
<b>alcohol use.</b> none<br>
<b>diet.</b> rather poor (lots of frozen dinners, take out, sometimes misses meals)
</ul>
<h2>background</h2>
<ul style="padding-left:25px;margin-bottom:28px;">
<b>ethnicity/nationality.</b> eygptian-british<br>
<b>parents.</b> Adham Hakim (father), Jennifer Hakim (mother)<br>
<b>siblings.</b> none<br>
<b>pets.</b> none<br>
<b>education.</b> university degree<br>
<b>notable skills.</b> tba<br>
<b>quirks.</b> tba<br>
<b>languages.</b> English, Arabic, German, French, conversational Korean<br>
<b>secrets.</b> tba<br>
<b>abilities.</b> tba
</ul>
<h2>favourites</h2>
<ul style="padding-left:25px;margin-bottom:28px;">
<b>food.</b> apple slices and cheese, pad thai<br>
<b>drink.</b> coffee<br>
<b>pizza topping.</b> olives<br>
<b>hobbies.</b> reading<br>
<b>colour.</b> light brown (like caramel)<br>
<b>music genre.</b> classical<br>
<b>movie genre.</b> documentaries<br>
<b>book genre.</b> history<br>
<b>season.</b> winter<br>
<b>scent.</b> the pages of an old book<br>
</ul>
<h2>facts</h2>
<ul style="padding-left:25px;margin-bottom:28px;">
- he cannot see things clearly from far away yet he refuses to wear glasses since they leave little red marks on his nose. He often argues that it’s a nuisance since he’d just have to take them off again to read.<p>
- has a close relationship with both parents, visits his grandmother Adeline Englfield (who lives in the UK) as often as he can<p>
- volunteers the little free time he has at the animal shelter walking dogs<p>
- bases his beliefs only on solid fact<p>
- when he’s finally able to tear himself away from his library he quite enjoys traveling
<p>
</ul>
</div>
</li>
<!--- END FIRST TAB! --->
<!--- START SECOND TAB! VERSES! --->
<li>
<div style="width:auto;height:355px;overflow-y:scroll;padding:16px;">
<ul style="padding-left:5px;padding-right:5px;margin-bottom:28px;">
<v> verse name. </v> add your verse information here.
</ul>
<!--- to add a new verse, copy / paste this:
<ul style="padding-left:5px;padding-right:5px;margin-bottom:28px;">
<v> verse name. </v> add your verse information here.
</ul> --->
</div>
</li>
<!--- END SECOND TAB! --->
<!--- START THIRD TAB! RELATIONS! --->
<li>
<div style="width:auto;height:385px;overflow-y:scroll;margin-top:20px;padding-left:20px;">
<div id="con"> <img src="https://66.media.tumblr.com/33846ff444138a870aa1d51d502ab986/tumblr_pk3rdwHl6y1xmh2k7o1_250.png"> <div id="conname"> adam. </div> <div id="coninfo"> <a href="http://www.epigrvm.tumblr.com/">assistant</a> </div> </div>
<div id="con"> <img src="https://66.media.tumblr.com/ddf4860a90f24b7f9cfe16e521ed7843/tumblr_per4ewOUV01vz587no2_250.png"> <div id="conname"> alice. </div> <div id="coninfo"> <a href="https://ravenstowritingdesks.tumblr.com/">more than a friend</a> (<a href="/tagged/once-upon-a-wishing-star-|-alice-&-arthur">❤</a>) </div> </div>
<div id="con"> <img src="https://66.media.tumblr.com/2a51ddf529acd0674308b12e9394359d/tumblr_pdf7feT4JJ1safzkd_540.jpg"> <div id="conname"> SK900 (robin). </div> <div id="coninfo"> <a href="http://www.somecrazylads.tumblr.com/">android</a> </div> </div>
<div id="con"> <img src="https://64.media.tumblr.com/a98456c62f32c6924abeeb7cd7c98944/9647029507cafb83-a9/s400x600/79c78066254b7b5fa1db5333da675259d74a6ff3.png"> <div id="conname"> hada. </div> <div id="coninfo"> <a href="https://skyhighhell.tumblr.com/">more than a collegue</a> (<a href="/tagged/the-passcode-to-my-heart-|-hada-&-arthur">❤</a>) </div> </div>
<!--- to add a new connection, copy / paste this:
<div id="con"> <img src="IMAGE URL"> <div id="conname"> name. </div> <div id="coninfo"> <a href="URL">user</a> </div> </div>
i recommend keeping the name to just their first name so it doesn't overflow weirdly. you can keep their username at the bottom, put their relationship type to your muse, or whatever you want. just keep it short! --->
</div>
</li>
<!--- END THIRD TAB! --->
</ul>
<!--- END TABS --->
<!--- START BOTTOM BAR! --->
<!--- edit this info however you want. it'll show beneath the tabs no matter which one you're on. you can also scrap the info there entirely and replace it with a quote, or just leave it blank. --->
<div id="popex"> availability... <b>secondary.</b> portrayal... <b>original character.</b> shipping... <b>open.</b> </div>
<!--- END BOTTOM BAR! --->
</div>
</div>
</div>
<!--- CREDIT. DO NOT TOUCH! --->
<div id="credit"><a href="http://woodsbeyond.tumblr.com" title="woodsbeyond"><span class="lnr lnr-heart"></span></a></div>
</body>
</html>Editor is loading...