Ceirios Code

@font-face {
    font-family: "veteran_typewriter";
    src: url(https://dl.dropboxusercontent.com/s/9jzyroxbgeq1tnc/veteran%20typewriter.ttf)
}
@font-face {
    font-family: "Encina";
    src: url(https://dl.dropboxusercontent.com/s/cxedtr4v8g1z79k/EncinaScript1_PERSONAL.ttf)
}

body {
    background: #3A3342;
    overflow: hidden;
    cursor: url(http://cur.cursors-4u.net/nature/nat-9/nat848.png), auto !important;
}
::selection {
    color: #946477;
    background-color:#F8BCAA;
}
::-moz-selection {
    color: #946477;
    background-color:#F8BCAA;
}
::-webkit-scrollbar { width: .5vw;}
::-webkit-scrollbar-track { background: none;}
::-webkit-scrollbar-thumb { background: #403646; border-radius: 100vh;}
a:active, a:link, a:visited {
    cursor: url(http://cur.cursors-4u.net/nature/nat-9/nat848.png), auto !important;
    color: #EAC9BE;
    text-decoration:none;
    transition: all 1s linear;
    -o-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -webkit-transition: all 1s linear;
}
a:hover {
    cursor: url(http://cur.cursors-4u.net/nature/nat-9/nat847.png), auto !important;
    color: #ABA0A2;
    text-decoration:none;
    transition: all 1s linear;
    -o-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -webkit-transition: all 1s linear;
}
b {
    color: #637080;
    font-weight: bold;
    letter-spacing: 0;
    text-shadow: -.05vh -.05vh #EAEBE5, .05vh .05vh #EAEBE5, .05vh -.05vh #EAEBE5, -.05vh .05vh #EAEBE5;
}
i {
    color: #D59198;
    letter-spacing: 0;
    font-style: italic;
    font-variant: small-caps;
}
u {
    color: #3A3342;
    -webkit-text-decoration: underline double #EAEBE5;
    text-decoration: underline double #EAEBE5;
}
#credit {
    position: absolute;
    bottom: .2vh;
    right: 1vw;
    width: 8vw;
    height: 4vh;
}
#credit a {
    display: block;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: url(https://images2.imgbox.com/91/3c/7sMAyzjP_o.png);
    background-size: 100% 100%;
}




#box {
    position: absolute;
    left: 1vw;
    bottom: 2vh;
    height: 96vh;
    width: 70vw;
    background: #60475B;
}
#drgnimg {
    position: absolute;
    top: 2vh;
    left: 1vw;
    bottom: 2vh;
    width: 34.9vw;
    background: url(http://i.picpar.com/8rFd.png);
    background-size: 100% 100%;
}
#bordimg {
    position: absolute;
    top: 2vh;
    left: 1vw;
    bottom: 2vh;
    width: 35vw;
    background: url(http://i.picpar.com/PxFd.png);
    background-size: 100% 100%;
    z-index: 3;
}


#navi {
    position: absolute;
    top: 2vh;
    right: 1vw;
    width: 32vw;
    height: 6vh;
    z-index: 2;
}
#navi a {
    display: inline-block;
    margin-left: 2.7vw;
    margin-top: 0;
    width: 3vw;
    height: 100%;
    background: url(http://i.picpar.com/vGFd.png);
    background-size: 100% 100%;

    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
#navi a:hover {
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    background: url(http://i.picpar.com/vGFd.png);
    background-size: 100% 100%;
}


.statcon {
    position: absolute;
    top: 8vh;
    left: 0;
    right: 0;
    bottom: 0;
    padding: .5vh;
    overflow: auto;
}
.statimg  {
    position: absolute;
    top: 0;
    right: 0;
    width: 15vw;
    height: 20vh;
    background: url(http://i.picpar.com/T8Fd.png);
    background-size: 100% 100%;
}
.statimg2 {
    position: absolute;
    top: -6vh;
    left: -36vw;
    bottom: 0vh;
    width: 34.9vw;
    background: url(http://i.picpar.com/QFFd.jpgz);
    background-size: 100% 100%;
}
.statban {
    position: absolute;
    top: 4vh;
    font-family: "Encina";
    font-size: 9vh;
    color: #842859;
    font-weight: bold;
}


.hiscon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 20vh;
    padding: .5vh;
    overflow: auto;
}
.hisimg {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50vw;
    height: 35vh;
    background: url(http://i.picpar.com/PFFd.png);
    background-size: 100% 100%;
}
.hisban {
    position: absolute;
    left: 2vw;
    bottom: 7vh;
    font-family: "Encina";
    font-size: 9vh;
    color: #842859;
    font-weight: bold;
}


.powcon {
    position: absolute;
    top: 20vh;
    left: 0;
    right: 0;
    bottom: 0;
    padding: .5vh;
    overflow: auto;
}
.powimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 30vw;
    height: 25vh;
    background: url(http://i.picpar.com/wGFd.png);
    background-size: 100% 100%;
}
.powban {
    position: absolute;
    top: 4vh;
    left: 10vw;
    font-family: "Encina";
    font-size: 9vh;
    color: #842859;
    font-weight: bold;
}
.powname {
    margin-top: 2vh;
    margin-left: 2vw;
    font-family: "veteran_typewriter";
    font-size: 3vh;
    line-height: 2vh;
    color: #60475B;
}


.frencon{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: .5vh;
    overflow: auto;
}
.frenbord {
    position: absolute;
    width: 10vw;
    height: 20vh;
    background: url(http://i.picpar.com/rHFd.png);
    background-size: 100% 100%;
}
.frentit {
    float: left;
    margin-top: 1vh;
    font-family: "Encina";
    font-size: 5vh;
    color: #842859;
    font-weight: bold;
}


.ooccon {
    position: absolute;
    top: 6vh;
    left: 0;
    right: 0;
    bottom: 0;
    padding: .5vh;
    overflow: auto;
}
.oocban {
    position: absolute;
    top: 2.7vh;
    left: 0;
    right: 0;
    border-left: transparent solid 2vw;
    border-right: transparent solid 2vw;
    border-bottom: #8D969B solid .3vh;
    font-family: "Encina";
    font-size: 7vh;
    color: #842859;
    font-weight: bold;
}
.oocimg {
    position: absolute;
    bottom: -1.7vh;
    left: -.5vw;
    width: 8vw;
    height: 11vh;
    background: url(http://i.picpar.com/c0Fd.png);
    background-size: 100% 100%;
}

.mainbox {
    position: absolute;
    top: 8vh;
    right: 1vw;
    bottom: 2vh;
    width: 32vw;
    background-color: #946477;

    font-family: 'veteran_typewriter';
    font-size: 2vh;
    line-height: 2.2vh;
    text-align: justify;
    color: #F8BCAA;
    opacity: 0;
    z-index: 0;
}
.mainbox:target{
    opacity: 1;
    z-index: 1;
}



<div id="box">
 <div id="drgnimg"></div>

 <div id="one" class="mainbox">
 <div class="statcon">
<b style="float: left; width: 7.5vw;">Alias</b> Ceirios<br>
<b style="float: left; width: 7.5vw;">Nickname(s)</b> Cherry, Cheerio<br>
<b style="float: left; width: 7.5vw;">Gender</b> Female<br>
<b style="float: left; width: 7.5vw;">Racial</b> Dragon<br>
<b style="float: left; width: 7.5vw;">Category</b> Ancient<br>
<b style="float: left; width: 7.5vw;">Residence</b> Forgotten Isle<br>
<b style="float: left; width: 7.5vw;">Egg-Protector</b> Single<br>
<b style="float: left; width: 7.5vw;">Compatability</b> Very Pansexual<br><br>

<b style="float: left; width: 7.5vw;">Wingspan</b> 300ft from shoulder to tip<br>
<b style="float: left; width: 7.5vw;">Length</b> 750ft from snout to tail<br>
<b style="float: left; width: 7.5vw;">Height [Human]</b> 400ft from ground to shoulder [5'11]<br>
<b style="float: left; width: 7.5vw;">Weight [Human]</b> ~70,000lbs(including plates + wings) [160lbs]<br>
<b style="float: left; width: 7.5vw;">Fur/Scale/Hair</b> Rich Cream, hints of rose(darker spots on legs)<br>
<b style="float: left; width: 7.5vw;">Antler [Claw]</b> Rose Quartz, elegant [Crystal, translucent]<br>
<b style="float: left; width: 7.5vw;">Eyes</b> Cherry in color, dark rose pupils<br><br><br><br>


<i>Ceirios</i>, for a dragon, is one of the more mild-mannered ones. Much is not known about her other than that hyuh-mans, to her, are brand new to the planet. Her nature is also curious and always interested in learning more.<br><br>

The fur that covers her head to the base of her neck on the back is like a petal of a rose or cherry blossom, along wtih the end of her tail. The plates that protect the rest of her have a weird texture; they lock together much like armor and feel like smooth metal on the larger plates. The legs are finer, smaller and have a strange, silky texture. Even the membranes between each 'finger' of the wings are thin, allowing rosy light to shine through when put in front of light. While thin and delicate, they are strong. The spikes at each connecting point of larger plates along her spine, starting behind the antlers, are also stylized like the antlers; crystaline and rosy. They flex and settle, capable of being dangerous extras to physical attacks or soft against fragile skin.<br><br>

When Ceirios pulls glamour over herself, the chosen form that she takes is one that also looks like a hyuh-mahn. Full red lips, creamy white hair, round ears; an oval face with high cheekbones and a nose graceful. Eyes that are upturned and always having eyeliner that, while faint, have a perfect flick upward, following the curve of her lids. Much like her true self, eyes are the same, odd color. Long lashes and a swan-like neck. The jewelry she wears - the tiara and necklace - is made primarily from a black metal that acts like silk fabric, embedded with rubies and glimmering moonstones. The glamour's hair will always been seen pinned up. The clothing itself is a tight-knight sweater that has an oval neckline and ends at the hip. A pair of leather leggings, dark in color and flexible. They look worn, as if she had used them many times before. Leather boots go with, completing a semi-casual look that is very unwitting to the world that Ceirios woke to.
 </div>
 <div class="statban">Sleeping Dragon</div>
 <div class="statimg"></div>
 <div class="statimg2"></div>
 </div>

 <div id="two" class="mainbox">
 <div class="hisimg"></div>
 <div class="hiscon">
<i>The world was still very</i>, very young and (possibly) before the rise of early man. The female was the last born before a time of heavy upheaval and the crushing and grinding separations of the very earth that was around her. Of her siblings, she was also the youngest. Each of them had special places to themselves. Over the eons of her young-hood, the dragon of Crystals, Cherries and Roses nurtured and helped cultivate an island that, over time, became one that floated upon the vast salt water by forces that only dragons of that era knew about.<br><br>

It was not magic or god's will, the island was the cap to a volcano that broke off and came to the surface with the help of the dragon. She had used the heat of the underwater volcano itself to keep this island aloft, where, over years, veridian grasses, silver, rose, black, even brown-wooded trees grew. Many looked like pines or oaks or birches or even maples. Some might have looked like willows or witch hazel or even ash and rowans. Amongst the grasses that, overtime, produced fields of gold or blue-green fields with many, many flowers of varying different types colors, rose quartz crystals grew in clusters and clumps, kind of like mushrooms. Not just that; there were crystals, diamonds, emeralds, rubies, even gold, silver, platinum and strange metals that never again will the world see for eons to come. All dotting the mountain range that ringed around a massive tree with pink blossoms that never changed. An eternal tree that, year after year, it grew bigger and bigger, though never past a ringing lake that mirrored the sky so clearly, and was always filtered by waterfalls that acted like liquid glass. A thick pelt of emerald grasses and pink crystals grew here, on the little island that contained this tree.<br><br>

This was where she nurtured and grew, despite being the smallest of her thunder, even for one that could have been a Queen, or egg-layer. When the world was going through another series of violent changes and battles between the different thunders, she broke away and fled. Her island disappeared with her.<br><br>

But, there have been new rumors, whispers of an island afloat, held by nothing but acting like it had a solid foundation. Never sinking, never submerging. Heavily clouded in mists that seem to turn people away, make them run in a sudden sharp pang of fear, for there is never anything stronger to fuel fear than the unknown.<br><br><br><br><br><br>

<div style="float: left; margin-right: 7.5vw;">
<i>Entry 01.</i><br>
I have awoken. New little things called hyuh-mahns now reign supreme. I smell kin, yet they smell faint. Have my kind preserved, or are they almost gone? I have named myself Ceirios, or Cherry, to have a name in the tongue of these Hyuh-mahns.
</div>
 </div>
 <div class="hisban">In the Deep,<br><br><br><br> Hidden Away</div>
 </div>

 <div id="three" class="mainbox">
 <div class="powcon">
<div class="powname">Glamour (Passive)</div>
This is an ability that was always left innate during her younger years. It allows her to manipulate all senses (unless you have a keen sense of smell or True Sight) to appear as something else, to come in contact with other things. For all sakes and purposes, her Glamour is real, physical.<br><br>

<div class="powname">Earth Mover</div>
Ceirios is what is known as an <i>'Earth Mover'</i>. Due to the sheer amount of raw power in even the smallest scale on her body, the earth responds to her touch as if it is a being sentient. To her very whims, subconscious or otherwise, it will change to appease her. Because of this she can easily be considered a primordial beast.<br><br>

<div class="powname">Earth's Blessing (Passive)</div>
Because of her earthen affinity, this makes it hard for electrical-based attacks, or even wind-based attacks. Because of her draconic origins, fire has little effect as well. Her plating is tight together and shed every so often to accommodate the changing of weather. Thicker and bulky in the winter, the same as her fur, and thinner and lighter during the summer. Both ways she is still very agile for a large beast. This is also the reason she has blossoms always falling and growing in her fur.<br><br>

<div class="powname">Fire Breath</div>
Like most dragons, even she can breathe fire. It doesn't act like liquid or burn through even rock. In truth, the most her fire can do is turn skeletons to ash. No hotter. Instead of having ignition teeth and a sack just under the jaw, there is a third stomach system that only intakes certain types of rocks and gems that can be digested and turned into a gas goes up the same tube the rocks and gems are filtered through to produce the flame. Kind of like a gas grill. Because of this, she almost never gets the smoky nose.<br><br>

<div class="powname">Claw</div>
Claws are translucent in nature and crystaline in structure. Wickedly sharper than the sharpest weapons man can make, they are good for easily rending flesh and bone. Thicker pieces is relatively unknown as she's never fought against hyuh-mahns or otherwise. They are perfect to getting under scale of other dragons, though!<br><br>

<div class="powname">Tooth</div>
Her teeth are, much like her claws, sharp enough to easily crunch through flesh and bone like butter. The largest ones are the canines, which descend from a half-shown state when hunting or fighting. Those are the strongest of her teeth, which are all pointed until you get to the back molars, which are flatter for greens and vegetations along with rocks and gems. Don't let her get close to bite!

 </div>
 <div class="powimg"></div>
 <div class="powban">Wake now,<br><br><br> Breathe Again</div>
 </div>

 <div id="four" class="mainbox">
 <div class="frencon">
<div class="frenbord"></div>
 <img src="http://i.picpar.com/pHFd.gif" style="float: left; width: 10vw; height: 20vh;">
 <a href=""><div class="frentit">Name Here</div></a><br><br>
Friend stuff goes here. Something lengthy, something beautiful. Eeeeh, good luck, doc.

 </div>
 </div>

 <div id="five" class="mainbox">
 <div class="ooccon">
<b>01.</b><br>
<font color="#946477">hon</font>Hello! Welcome to my profile. I hope you don't get too overloaded by the information that's going to be on this at any given time. I apologize in advance, since there is going to be a load of information that will be on here. Please, enjoy what you read here, but please don't try and duplicate this character. The idea of this character is 100% mine.<br>
<font color="#946477">hon</font>The images <i>are not mine</i> and I will take them down if the rightful owner asks. But since I know people who have tried to con people into taking art down in the past upon pretending they are the rightful owners, I will require proof. I'm immovable on this fact.<br><br>

<b>02.</b><br>
<font color="#946477">hon</font>I am <i>Direct Message</i> friendly. Now, there will be times that I will be slow to respond overall or not respond for hours at a time. If I'm slow by 10 - 15 minutes, it's because I'm trying to make a decent response or am outside having a cigarette. 15 minutes - 2 hours is either I am cooking, faceplanted my keyboard in an impromptu nap, or am playing a game. Life does come first and I want nothing more than to roleplay with those who wish for it... but sometimes, I get distracted.<br>
<font color="#946477">hon</font>It happens to all of us, me a little more. And I am very, very sorry for that. And if you are patient enough with me, you will be rewarded greatly. Thank you, for even considering me to be a potential roleplay partner.<br><br>

<b>03.</b><br>
<font color="#946477">hon</font>Like a lot of people, drama is a dribble to have to deal with. It used to be fun to laugh at drama and poke the bear, so to speak, but... it's just too much now. Everywhere I've seen there's been <i>Out of Character Drama</i> everywhere I go now a days. I will slip away into DM's if there's too much drama going on in the room until it passes. It's not my issue, nor anyone else's. So please keep it to private if possible.<br>
<font color="#946477">hon</font>That being said, if you have an issue with me, you talk to me directly about it so we can figure it out. Or, alternatively, we play nice in the room, but never really acknowledge each other. If you're going to take it to moderators to try and get me banned out of rooms, it better be a good reason first. And moderators, if you do read this and someone is trying to actively ban me, please talk to me first. Nine times out of ten, it's an easily solvable issue.<br><br>

<b>04.</b><br>
<font color="#946477">hon</font>When it comes to relationships, dalliances, and over all fun, my character is free for all that. But, please don't try to force my character into anything that she might not want. I might eventually get an F-list set up, but don't hold your breath on it. Just assume that the bad kinks are the usuals, including snuff and footplay. Everything else is free reign, unless I specify to you. Now, while pansexual, she is fairly reserved in who she'll go to bed with. Please respect that.<br>
<font color="#946477">hon</font>When it comes to the writing of it, I do prefer DM's to main. It isn't in my repertoire, or personal taste, to do such things where others can see. I find it to be a private affair, okay.<br>
<font color="#946477">hon</font>As for, uh... OOC things, <i>do not blur the lines.</i> I'm not taken OOCly, yes, but I'm also currently not searching. If you try to claim me because my character is with yours, then I will cut ties with you. I'm not going to say this in stupid terms. Understand that I am serious about this.<br><br>

<b>05.</b><br>
<font color="#946477">hon</font>I'm not a terribly big T1 fighter. But I am willing to learn and yes, you will have a list of abilities that Ceirios can do, for when I am up to do a fight. I'll do my best, and please critique me in DM's if you find something wrong with my post. I will more-than-happily take my post down to tweak it so the fights will run smoothly. That's how, after all, a person grows as a writer, yes? I would very much enjoy people working with me to make me a better fighter as well.<br><br>

<b>06.</b><br>
<font color="#946477">hon</font>When it comes to roleplay lengths, I'm between a shit-poster to multi-posting length. It does depend on my partner and my muse. It is shitty at best. I will do my best to do more than just give small posts, and you will see me kind of kick myself if it's smaller than what you provided. It's something I'm working on. Honest.<br><br>

 <div style="margin-left: 7.5vw;">
<b>07.</b><br>
<font color="#946477">hon</font>This code is a <i>Failurecode</i>. Please do not take or steal; if you want one, just go ask the source herself. She'll be happy to provide one.
 </div>
 </div>
 <div class="oocban">Behind the Mask</div>
 <div class="oocimg"></div>
 </div>

 <div id="navi">
<a href="#one"></a>
<a href="#two"></a>
<a href="#three"></a>
<a href="#four"></a>
<a href="#five"></a>

 </div>
 <div id="bordimg"></div>
</div>


 <div id="credit"><a target="_blank" href="https://roleplay.chat/profile.php?user=Luxanna"></a></div>