local_florist
ALOHOMORA -> in rainbows
cloud
ALOHwb_sunnyMORA
an intermediate harry potter inspired roleplay
SPRING IN
YOUR STEP !
Welcome to ALOHOMORA! We are an intermediate, non–canon Harry Potter inspired roleplay that takes place in Hogwarts School of Witchcraft & Wizardry. From magical happenings to personal interactions, the site offers a casual slice of life experience for its members. If you're interested in complex characters, good writing, and creating your own elaborate plots, then ALOHOMORA may be your RP home!

Interested? Read through our informational threads and say hi to us in the cbox! We hope to see you around.
ACTIVITY LOG 11, 02/15 —
It's that time again! Please reply to our latest activity log by the 28th of this month in order to save your characters! If you want a quick way to gather posts, you may also want to check out our current event.

POST LOG UPDATE, 02/01 –
With the log closed, we've made a few updates regarding faculty, claims, and more! Check it all out here!
SPRING | MAY
 
Add Reply
New Topic

 in rainbows, boo's templates
Quote
hi there! it's your boo :heart:. i have a lot of codes that i don't use any more, so if you'd like to use them please feel free to grab any code from the second post. please only use these codes on alohomora, if i catch them used on other forums without my permission i'll stop sharing (so don't ruin it for everyone, please).

when modifying colors, change the id (#one, #two, etc) to your character's name (i.e. #colton) and only change colors that this id is in front of on the style sheet.
report posted on Mar 11 2017, 07:54 PM
52 posts. 5 galleons. BOO is Offline.
faculty
wb_sunny
TWENTY-EIGHT years old
HERBOLOGY PROFESSOR
FEMALE ( SHE/HER )
BISEXUAL
DIVORCED
MUGGLE-BORN
account_box
question_answer
loyalty
mail
Quote
CODE
[dohtml]<table align="center" width="380px" cellspacing="0" cellpadding="0" id="FIVE"><tr><td align="center">
<div class="outside"><div class="inside"><p>


<span>AFTER THE GLIMPSE I HAD</span> had of the martians emerging from the cylinder in which they had come to the earth from their planet, a kind of fascination paralysed my actions. I remained standing knee-deep in the heather, staring at the mound that hid them. I was a battleground of fear and curiosity. <br><br>

I did not dare to go back towards the pit, but I felt a passionate longing to peer into it. I began walking, therefore, in a big curve, seeking some point of vantage and continually looking at the sand heaps that hid these new-comers to our earth. Once a leash of thin black whips, like the arms of an octopus, flashed across the sunset and was immediately withdrawn, and afterwards a thin rod rose up, joint by joint, bearing at its apex a circular disk that spun with a wobbling motion. [b]What could be going on there?[/b]


</p><hr><div class="tagged">

@[NAME]

</span>





</div></div></div>
<div class="circle">
<i class="fa fa-diamond" aria-hidden="true"></i>
</div>
</td></tr></table>

<style>
#FIVE b { color:#999; }

.outside { background:#fafafa; border:1px solid #ececec;  padding:15px; }
.inside { background:#fefefe; margin-bottom:20px; }

#FIVE hr { border:0; border-bottom:4px solid #444; width:25%; }

p { color:#595959; font-size:11px; line-height:13px; padding:15px; text-align:justify; }
#FIVE p span { color:#444; font-weight:bold; }

.tagged { width:80%; font-size:8px!important; font-weight:bold; text-transform:uppercase; padding:15px; }
#FIVE .tagged b { color:#777777; }

.circle { border-radius:100%; background:#f2f2f2; border:10px solid #fefefe; height:45px; width:45px; margin-top:-20px; margin-bottom:30px; }

#FIVE .circle i { color:#777; font-size:18px; line-height:45px; overflow:hidden; }


/* DESIGNED BY BOO */
</style>[/dohtml]


AFTER THE GLIMPSE I HAD had of the martians emerging from the cylinder in which they had come to the earth from their planet, a kind of fascination paralysed my actions. I remained standing knee-deep in the heather, staring at the mound that hid them. I was a battleground of fear and curiosity.

I did not dare to go back towards the pit, but I felt a passionate longing to peer into it. I began walking, therefore, in a big curve, seeking some point of vantage and continually looking at the sand heaps that hid these new-comers to our earth. Once a leash of thin black whips, like the arms of an octopus, flashed across the sunset and was immediately withdrawn, and afterwards a thin rod rose up, joint by joint, bearing at its apex a circular disk that spun with a wobbling motion. What could be going on there?


@[NAME]



CODE
[dohtml]<center>
<div id="FOUR" class="cashme">

<div class="ousside">

<p>
[b]AND BEFORE WE JUDGE OF THEM[/b] too harshly we must remember what ruthless and utter destruction our own species has wrought, not only upon animals, such as the vanished bison and the dodo, but upon its inferior races. The Tasmanians, in spite of their human likeness, were entirely swept out of existence in a war of extermination waged by European immigrants, in the space of fifty years. Are we such apostles of mercy as to complain if the Martians warred in the same spirit?
</p>



<div id="FOUR" class="howbow">

<div class="dah">
<i class="fa fa-tags" aria-hidden="true" style="padding:0 5px;" title="tagged"></i>

@[NAME]
</div>

</div>

</div></div>
<style>
#FOUR b { color:#777; }

.cashme { background:#dfdfdf; border:7px solid #f4f4f4; margin:20px; padding:1px; width:370px; }

.ousside { background:#fafafa; padding:15px 15px 10px; overflow:hidden; }
.ousside p { font-size:11px; line-height:15px; padding:0px 10px 5px; text-align:justify; }

#FOUR .howbow { background:#333; height:25px; width:340px; overflow:hidden; position:relative; }

#FOUR .howbow .dah { background:#999; font-size:11px; height:18px; width:340px; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; position: absolute; left:340px; top:0px; }

#FOUR .howbow:hover .dah { left:0px; }

.dah { color:#fafafa; text-align:left; padding:6px; }
.dah a { color:#fafafa; font-size:9px; font-weight:bold; text-transform:uppercase; }
#FOUR .dah i { color:#fafafa; }


/* DESIGNED BY BOO */
</style>
</center>[/dohtml]


AND BEFORE WE JUDGE OF THEM too harshly we must remember what ruthless and utter destruction our own species has wrought, not only upon animals, such as the vanished bison and the dodo, but upon its inferior races. The Tasmanians, in spite of their human likeness, were entirely swept out of existence in a war of extermination waged by European immigrants, in the space of fifty years. Are we such apostles of mercy as to complain if the Martians warred in the same spirit?

@[NAME]



CODE
<center>[dohtml]
<div id="ONE" class="useless-unit"><div class="useless"><p>



after the glimpse i had had of the martians emerging from the cylinder in which they had come to the earth from their planet, a kind of fascination paralysed my actions. I remained standing knee-deep in the heather, staring at the mound that hid them. I was a battleground of fear and curiosity.

<br><br>

I did not dare to go back towards the pit, but I felt a passionate longing to peer into it. I began walking, therefore, in a big curve, seeking some point of vantage and continually looking at the sand heaps that hid these new-comers to our earth. Once a leash of thin black whips, like the arms of an octopus, flashed across the sunset and was immediately withdrawn, and afterwards a thin rod rose up, joint by joint, bearing at its apex a circular disk that spun with a wobbling motion. [b]What could be going on there?[/b]



</p><br><br><div class="break"> <hr>[b]<i class="fa fa-pagelines" aria-hidden="true"></i>[/b] </div><div class="tagged"><i class="fa fa-hashtag" aria-hidden="true"></i>


@[NAMEOFTAGGEDHERE]


</div><div class="notes"><i class="fa fa-pencil" aria-hidden="true"></i>


war of the worlds, chapter 5 (h. g. wells)


</div>
</div></div>
<style>
#ONE b { color:#777; }

.useless-unit { background:#fafafa; border:1px solid #ececec; margin:15px; padding:10px; width:350px; }

.useless { background:#fefefe; padding:25px; }

#ONE .useless p:first-line { color:#bbb; font-size:13px; font-weight:bold; font-variant:small-caps; }
#ONE .useless p { border-top:60px solid #bbb; font-size:10px; line-height:13px; text-align:justify; padding:5px; padding-top:10px; margin:-10px; }

#ONE .break i { float:left; background:#fefefe; color:#ccc; font-size:18px; margin-top:-30px; margin-left:45%; padding:0 10px; text-align:center; width:5%; }
.break hr { border:0; border-bottom:3px double #e4e4e4; margin:15px auto; margin-bottom:20px; width:60%; }

.tagged { padding-bottom:3px; }
.tagged a { color:#222; }
.tagged i, .notes i { padding-right:5px; }
.tagged, .notes { font-size:9px !important; text-transform:lowercase; }


/* DESIGNED BY BOO */
</style>
</center>[/dohtml]


after the glimpse i had had of the martians emerging from the cylinder in which they had come to the earth from their planet, a kind of fascination paralysed my actions. I remained standing knee-deep in the heather, staring at the mound that hid them. I was a battleground of fear and curiosity.

I did not dare to go back towards the pit, but I felt a passionate longing to peer into it. I began walking, therefore, in a big curve, seeking some point of vantage and continually looking at the sand heaps that hid these new-comers to our earth. Once a leash of thin black whips, like the arms of an octopus, flashed across the sunset and was immediately withdrawn, and afterwards a thin rod rose up, joint by joint, bearing at its apex a circular disk that spun with a wobbling motion. What could be going on there?




@[NAMEOFTAGGEDHERE]
war of the worlds, chapter 5 (h. g. wells)



CODE
[dohtml]<center><div id="TWO" class="paltry-walk">

<div class="paltryTop"></div><div class="walk">


<b>AFTER THE GLIMPSE</b> I had had of the Martians emerging from the cylinder in which they had come to the earth from their planet, a kind of fascination paralysed my actions. I remained standing knee-deep in the heather, staring at the mound that hid them. I was a battleground of fear and curiosity.

<br><br>

I did not dare to go back towards the pit, but I felt a passionate longing to peer into it. <b>I began walking, therefore, in a big curve, seeking some point of vantage and continually looking at the sand heaps that hid these new-comers to our earth.</b> Once a leash of thin black whips, like the arms of an octopus, flashed across the sunset and was immediately withdrawn, and afterwards a thin rod rose up, joint by joint, bearing at its apex a circular disk that spun with a wobbling motion. What could be going on there?


</div><div class="paltryBottom"><div class="paltryInside"><div class="tagged">


@[NAME]


</div> </div></div></div>

<style>
#TWO ::-webkit-scrollbar {width:3px; height:3px;}
#TWO ::-webkit-scrollbar-track {background-color:transparent;}
#TWO ::-webkit-scrollbar-thumb {background-color:#444; border:2px solid #444;}

#TWO { width:350px; font-family:arial; font-size:11px; line-height:13px; text-align:justify; }

#TWO .paltryTop { background:#444; border-right:12px solid #666; color:#fafafa; }

#TWO .paltryInside a { color:#eee; font-family:vibur; font-size:16px; text-transform:lowercase; }

#TWO b { color:#999; }
#TWO b:first-child { text-transform:uppercase; }

#TWO .paltryBottom { height:30px; background:#444; overflow:hidden; padding:0px 15px; }

.paltry-walk { background:#dedede; border:10px solid #ededed; padding:1px; }

.paltryTop { padding:150px 15px 0; }

.paltryInside .tagged { width:87%; padding-right:15px; }

#TWO .paltryBottom .paltryInside { float:right; height:30px; width:37%; background:#666; padding:8px 15px; padding-right:0; right:-135px; margin-right:0; position:relative; z-index:2; transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; }

#TWO .paltryBottom:hover .paltryInside { right:-15px; transition: all 1s ease-in-out;  -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; }

.walk { background:#fefefe; padding:20px; }


/* DESIGNED BY BOO */
</style></center>[/dohtml]


AFTER THE GLIMPSE I had had of the Martians emerging from the cylinder in which they had come to the earth from their planet, a kind of fascination paralysed my actions. I remained standing knee-deep in the heather, staring at the mound that hid them. I was a battleground of fear and curiosity.

I did not dare to go back towards the pit, but I felt a passionate longing to peer into it. I began walking, therefore, in a big curve, seeking some point of vantage and continually looking at the sand heaps that hid these new-comers to our earth. Once a leash of thin black whips, like the arms of an octopus, flashed across the sunset and was immediately withdrawn, and afterwards a thin rod rose up, joint by joint, bearing at its apex a circular disk that spun with a wobbling motion. What could be going on there?
@[NAME]



CODE
[dohtml]<table align="center" width="400px" cellspacing="0" cellpadding="0" id="THREE"><tr><td align="center">

<div class="post_top"><div class="post_inside">
<p>After the glimpse I had had of the martians emerging from the cylinder in which they had come to the earth from their planet, a kind of fascination paralysed my actions. I remained standing knee-deep in the heather, staring at the mound that hid them. I was a battleground of fear and curiosity. <br><br>

I did not dare to go back towards the pit, but I felt a passionate longing to peer into it. I began walking, therefore, in a big curve, seeking some point of vantage and continually looking at the sand heaps that hid these new-comers to our earth. Once a leash of thin black whips, like the arms of an octopus, flashed across the sunset and was immediately withdrawn, and afterwards a thin rod rose up, joint by joint, bearing at its apex a circular disk that spun with a wobbling motion. [b]What could be going on there?[/b]</p>
</div></div>



<div style="post_bottom">
<div class="triangle">
<img src="https://s6.postimg.org/sglf4t9pd/b29.png" class="icon" height="50" width="50">
</div>

<div class="post_lyrics">[b]

YOU FELL DOWN THE STAIRS INTO MY HEART

[/b]</div><div class="post_tagged"> <i class="fa fa-tags" aria-hidden="true" style="padding:0 5px;"></i>

@[NAME]



</div></div>
</td></tr></table>

<style>
.post_top { background:#eee; margin:10px; padding:5px; }

#THREE .post_inside { border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin:10px; }
.post_inside p { background:#fafafa; font-size:10px; line-height:13px; text-align:justify; margin:0; padding:8px 10px; }
#NAME .post_inside p b { color:#777!important; }

.post_bottom { background:#dedede; }

.post_lyrics { width:65%; border-bottom:4px double #ddd; font-size:8px; font-weight:bold; margin-bottom:5px; padding-bottom:5px; padding-top:15px; }

.post_tagged { width:70%; font-size:8px!important; text-align:right!important; text-transform:uppercase; margin-right:20px; }
#NAME .post_tagged a { color:#777!important; font-size:8px!important; }

.triangle { width:0; height:0; border-color: transparent transparent transparent; border-style:solid; border-width:90px 45px 0 45px; float:left; margin:0 -15px 10px 30px; position:relative; z-index:2; }

.triangle .icon { -webkit-clip-path: polygon(100% 0, 0 0, 50% 100%); clip-path: polygon(100% 0, 0 0, 50% 100%); margin-top:-128px; margin-left:-25px; }


/* DESIGNED BY BOO */
</style>[/dohtml]


After the glimpse I had had of the martians emerging from the cylinder in which they had come to the earth from their planet, a kind of fascination paralysed my actions. I remained standing knee-deep in the heather, staring at the mound that hid them. I was a battleground of fear and curiosity.

I did not dare to go back towards the pit, but I felt a passionate longing to peer into it. I began walking, therefore, in a big curve, seeking some point of vantage and continually looking at the sand heaps that hid these new-comers to our earth. Once a leash of thin black whips, like the arms of an octopus, flashed across the sunset and was immediately withdrawn, and afterwards a thin rod rose up, joint by joint, bearing at its apex a circular disk that spun with a wobbling motion. What could be going on there?

YOU FELL DOWN THE STAIRS INTO MY HEART
report posted on Jul 7 2017, 02:23 PM
52 posts. 5 galleons. BOO is Offline.
faculty
wb_sunny
TWENTY-EIGHT years old
HERBOLOGY PROFESSOR
FEMALE ( SHE/HER )
BISEXUAL
DIVORCED
MUGGLE-BORN
account_box
question_answer
loyalty
mail
Quote
please do not use the codes passed this point.
report posted on Jul 7 2017, 02:28 PM
52 posts. 5 galleons. BOO is Offline.
faculty
wb_sunny
TWENTY-EIGHT years old
HERBOLOGY PROFESSOR
FEMALE ( SHE/HER )
BISEXUAL
DIVORCED
MUGGLE-BORN
account_box
question_answer
loyalty
mail
Quote
fingerprint
MEGAERA DECIMA BALTHAZAR
BOO
SEVENTH YEAR
SEVENTEEN
JUNE 1
FEMALE ( she/her )
BISEXUAL
ENGAGED
PUREBLOOD
5 FEET, 7 INCHES
WAND kou, cockatrice feather, 00"
PATRONUS CARRION CROW
pet n/a
PURCHASES

+ heirloom wand
TRIGGER WARNING are there any mature themes?


REWRITE THE STARS
The Fury of The Fates.

QUICK SYNOPSIS: represents the fury of jealousy (in her engagement and affair future want ad) and the fate of destiny (because hello she has a set one and is changing it). she has an older and younger sister which each represent other parts of the furies and fates (older is vengeance & death; younger is unrest & birth).

01 You shove his face into the dirt and sit on his back demanding to be carried. "Get up, boy," you order looking down your nose at the poor sod. Your sisters are grinning and giggling, both terrors in their own right -- must run in the family.

the three sisters bully a young pureblood boy (future betrothed of megaera).

02 megaera has her first experience with muggle technology.... but she especially gets to see a magic show. "Are you a wizard? How do you do that??" "haha no a magician" "sounds fake but. ok." then is taught a trick.

03 some event that happens in the school. maybe the girls dote on cass on the train while helios is thoroughly ignored.

04 the half-goblin who doesn't take shit steals your heart. maybe she stands up to megaera and puts her in her place. maybe she puts someone else in their place and megaera is like "woah hot damn i'm gay".

05 oldest sister teaches her unforgiveables.


TIDBITS

+ blacksheep of her family.
+ curious about muggle-tech.
+ fascinated by magic & prestidigitation / showmanship.
+ very good sleight-of-hand.
+ she could steal your wallet and you'd never know.
O.W.L.s

ASTRONOMY [ P ]
CHARMS [ A ]
DEFENSE AGAINST THE DARK ARTS [ D ]
HERBOLOGY [ P ]
HISTORY OF MAGIC [ T ]
POTIONS [ A ]
TRANSFIGURATION [ P ]
ELECTIVE [ A ]
ELECTIVE [ A ]

FAMILY
CALIGINE BALTHAZAR. sister of achillie's dad, passed her name on.

NYX BALTHAZAR. .....

DEACON BALTHAZAR. married into the name was the last of his pureblood line.

ALECTO BALTHAZAR. youngest sister, 14. Middle name is Nona. Represents the fury: unrest. Represents the fate: spinner. (spider patronus)

TISIPHONE BALTHAZAR. oldest sister, 19 (slytherin alumni). Middle name is Morta. Represents the fury: vengeance. Represents the fate: death. (bat patronus)

portrayed by FACECLAIM from SERIES




sixth year
CODE
<span class="MEMBERGROUPINLOWERCASE">megaera balthazar</span><br>
charms<br>
defense against the dark arts<br>
dark arts<br>
muggle studies<br>
transfiguration<br>
report posted on Sep 29 2017, 11:11 AM
52 posts. 5 galleons. BOO is Offline.
faculty
wb_sunny
TWENTY-EIGHT years old
HERBOLOGY PROFESSOR
FEMALE ( SHE/HER )
BISEXUAL
DIVORCED
MUGGLE-BORN
account_box
question_answer
loyalty
mail
Quote
the betrothed name and family is open but must have traditional purist values and must be a male. this guy has known megaera for all her life (she bullied him with her sisters as a kid) and he's completely ready to marry her. he can be +/- 1 year or the same age but should still be in school. he doesn't have to be the worst of the worst, but it could be fun to have someone who's learned to be a bully with her.
the affair the star-crossed lover. can present as any non-/gender type but they must be a half-breed (dwarf or goblin prefered, can be talked into giant, will not accept any others). due to purist convensions they not allowed to be in love. but they are. they have lots of secret dates and their whole relationship is based on THIS SONG. they fluctuate positions (sometimes you're zac effron, sometimes you're zendaya) but there's a lot of push and pull that will be fun to play with.

+ i will purchase the half-breed shop item for you.
the fury of fates megaera is a package deal. not only does she need someone to be engaged to and a secret lover but she has two terrible sisters that she loves dearly. they are bad people together. not very nice. mean girls.

TISIPHONE MORTA BALTHAZAR is 19 and a slytherin alumni as of the previous year (probably already married). her personality must reflect or be inspired by vengeance and death (as that's the fury and fate she's named for).

ALECTO NONA BALTHAZAR is the youngest at 14. her house is up to staff since she's still in school but i see her as a slytherin. she must reflect or be inspired by the spinner and unrest (that's her fury and fate).

the sisters have always been really close and probably are only recently starting to drift apart since tisiphone has graduated and its sort of their first seperation. alas there's no terrorizing now she was the master mind. also bonus we get to dote on our cousin cassiopia and bully our other cousin helios. :)


+ hit me up on discord (boo#8043) if interested.
+ lets talk plans in advanced and agree on things.
+ for the lover: i'll buy the half-breed item.
+ as always, make sure i'm not your only plot.
report posted on Oct 19 2017, 01:10 PM
52 posts. 5 galleons. BOO is Offline.
faculty
wb_sunny
TWENTY-EIGHT years old
HERBOLOGY PROFESSOR
FEMALE ( SHE/HER )
BISEXUAL
DIVORCED
MUGGLE-BORN
account_box
question_answer
loyalty
mail
Quote
CODE
[dohtml]<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">


<center>
<div id="COLTON"><div class="half-jewel">

<div class="half"><div class="icon">
<img src="https://s6.postimg.org/uc0wbkfz5/018.png" height="280px" width="175px">
</div></div>



<div class="jeweled">

<div class="tab">
<a href="LINK">
<i class="fa fa-pagelines" aria-hidden="true"></i></label>
</tab></a>
</div>



<div class="tab">
<input type="radio" id="tab-1" name="tab-group-1" checked>
<label for="tab-1" style="margin-top:40px;"><i class="fa fa-file-text" aria-hidden="true"></i></label>
<div class="content"><div class="insides">

<div class="season"> <i class="fa fa-snowflake-o" aria-hidden="true"></i> 2017 - 2018 </div>
<div class="topic">
<i class="fa fa-check" aria-hidden="true"></i>
<a href="http://xalohomorax.jcink.net/index.php?showtopic=1494">FACULTEA</a> ( <i>january</i> )
<span>ft.➟ hogwarts faculty & staff </span><br>
faculty lounge; in which everyone enjoys a spot of tea thanks to benevolence knightley.<br>
</div>

<div class="topic">
<i class="fa fa-check" aria-hidden="true"></i>
<a href="http://xalohomorax.jcink.net/index.php?showtopic=1457"> BIRD BRAINED</a> ( <i>january</i> )
<span>ft.➟ ophelia churchill </span><br>
green houses; in which colton runs into a ghost.
</div>

<div class="topic">
<i class="fa fa-check" aria-hidden="true"></i>
<a href="http://xalohomorax.jcink.net/index.php?showtopic=1014"> CAREFUL, THEY BITE</a> ( <i>december</i> )
<span>ft.➟ freyja hansen </span><br>
infirmary; in which colton has an accident and freyja tends her wounds.
</div>


<div class="season"> <i class="fa fa-cloud" aria-hidden="true"></i> 2017 </div>

<div class="topic">
<i class="fa fa-check" aria-hidden="true"></i>
<a href="http://xalohomorax.jcink.net/index.php?showtopic=746"> FOREGROUND </a> ( <i>november</i> ) ft. ➟ leon baer <br>
diagon alley; in which colton has a fateful encounter with leon and is serenaded.
</div>

<div class="topic">
<i class="fa fa-times" aria-hidden="true"></i>
<a href="http://xalohomorax.jcink.net/index.php?showtopic=723"> SILLY THINGS </a> ( <i>november</i>) ft. ➟ colby connelly<br>
green houses; in which colby stays behind and helps set up the next class.
</div>

<div class="topic">
<i class="fa fa-times" aria-hidden="true"></i>
<a href="http://xalohomorax.jcink.net/index.php?showtopic=665"> CLOUDY AUTUMN DAY </a> ( <i>october</i> ) ft. ➟ elizabeth arnold <br>
hogwarts grounds; in which colton comes across elizabeth and has a pleasant walk.
</div>

<div class="topic">
<i class="fa fa-times" aria-hidden="true"></i>
<a href="http://xalohomorax.jcink.net/index.php?showtopic=613"> BEWARE THE THORNS </a> ( <i>october</i> ) ft. ➟ faculty event / 6th yr herbology <br>
green houses; in which students must retrieve a snargaluff pod.
</div>

<div class="topic">
<i class="fa fa-times" aria-hidden="true"></i>
<a href="http://xalohomorax.jcink.net/index.php?showtopic=525"> HOPPING SHROOMS </a> ( <i>october</i> ) ft. ➟ faculty event / all students <br>
hogwarts grounds; in which colton's leaping mushrooms escaped their corral.
</div>

<div class="topic">
<i class="fa fa-times" aria-hidden="true"></i>
<a href="http://xalohomorax.jcink.net/index.php?showtopic=57"> RANUNCULACEAE </a> ( <i>september</i> ) ft. ➟ zorja volosova <br>
green houses; in which zorja visits colton and gives some much needed advice.
</div>

</div></div>
</div>



<div class="tab">
<input type="radio" id="tab-2" name="tab-group-1">
<label for="tab-2" style="margin-top:80px;"><i class="fa fa-users" aria-hidden="true"></i></label>
<div class="content"><div class="insides">
<div class="season"> <i class="fa fa-star" aria-hidden="true"></i> AMICABLE </div>
<div class="ship">
<i class="fa fa-star" aria-hidden="true"></i>
<a>ARIADNE QUIRKE</a> ( <i>sixteen</i> ) slytherin <br>
a precious lamb, mistaken for my daughter, motherly concern.
</div>

<div class="ship">
<i class="fa fa-star" aria-hidden="true"></i>
<a>AURORA  AURION</a> ( <i>sixteen</i> ) ravenclaw <br>
a precious lamb, helping hands, career mentor.
</div>

<div class="ship">
<i class="fa fa-star" aria-hidden="true"></i>
<a>DAKOTA DELANCEY</a> ( <i>eleven</i> )  ravenclaw <br>
a precious lamb, frantic protector, what are you eating?!
</div>

<div class="ship">
<i class="fa fa-star" aria-hidden="true"></i>
<a>COLBY CONNELLY</a> ( <i>seventeen</i> ) gryffindor<br>
a precious lamb, helping hands, stop flirting please.
</div>

<div class="ship">
<i class="fa fa-star" aria-hidden="true"></i>
<a>PHILLIPA HAWKINS</a> ( <i>sixty-one</i> ) headmistress <br>
best surrogate mom, get out of my love life.
</div>

<div class="ship">
<i class="fa fa-star" aria-hidden="true"></i>
<a>SCOTT HALL</a> ( <i>seventeen</i> ) gryffindor <br>
helping hands, protective of him, teacher cheer leader.
</div>


<div class="season"> <i class="fa fa-heartbeat" aria-hidden="true"></i> ROMANTIC </div>
<div class="ship">
<i class="fa fa-heartbeat" aria-hidden="true"></i>
<a>LEON BAER</a> ( <i>forty</i> ) faculty<br>
just a crush, very intimidating, tries her best around him.
</div>

<div class="ship">
<i class="fa fa-heartbeat" aria-hidden="true"></i>
<a>OPHELIA CHURCHILL</a> ( <i>twenty-nine</i> ) faculty<br>
ex-wife (6 years divorced), still a little heart broken, we were young and both fucked up.
</div>


<div class="season"> <i class="fa fa-ban" aria-hidden="true"></i> TROUBLESOME </div>
<div class="ship">
<i class="fa fa-ban" aria-hidden="true"></i>
<a>NAME</a> ( <i>age</i> ) group<br>
the relationship
</div>


<div class="season"> <i class="fa fa-asterisk" aria-hidden="true"></i> MISCELLANEOUS </div>
<div class="ship">
<i class="fa fa-asterisk" aria-hidden="true"></i>
<a>HELIOS BALTHAZAR</a> ( <i>fifteen</i> ) hufflepuff<br>
very intimidating, pls don't hate me.
</div>

<div class="ship">
<i class="fa fa-asterisk" aria-hidden="true"></i>
<a>MANISH TRIPATHY</a> ( <i>forty-seven</i> ) faculty <br>
mean uncle, absolutely terrifying, tries her best around him.
</div>
</div></div>
</div>



<div class="tab">
<input type="radio" id="tab-3" name="tab-group-1">
<label for="tab-3" style="margin-top:120px;"><i class="fa fa-list" aria-hidden="true"></i></label>
<div class="content"><div class="insides">
character notes / todo
</div></div>
</div>



<div class="tab">
<input type="radio" id="tab-4" name="tab-group-1">
<label for="tab-4" style="margin-top:160px;"><i class="fa fa-code" aria-hidden="true"></i></label>
<div class="content"><div class="insides">
codes ???
</div></div>
</div>

</div>


 
</div></div>

<style>

#COLTON ::-webkit-scrollbar { width:3px; height:3px;  }
#COLTON ::-webkit-scrollbar-track { background-color:#fefefe; }
#COLTON ::-webkit-scrollbar-thumb { background-color:#fefefe; border-left:1px solid #eee!important; border:0; }

#COLTON b { font-size:12px; color:#984455; }

#COLTON .ship .fa.fa-star { color:#b25a6c; }
#COLTON .ship .fa.fa-heartbeat { color:#984455; }
#COLTON .ship .fa.fa-ban { color:#707058; }
#COLTON .ship .fa.fa-asterisk { color:#50503d; }

#COLTON .fa.fa-check { color:#822e3f; } /* active thread */
#COLTON .fa.fa-times { color:#d6788b; } /* closed thread */

.half-jewel {
 border:1px solid #ececec;
 font-family:'Arial';
 font-size:10px;
 line-height:13px;
 background:#fafafa;
 height:305px;
 width:600px;
 padding:10px;
 margin-top:30px; }
 
.half {
 float:left;
 display:block;
 height:285px;
 width:130px;
 background:#707058;
 padding:10px; }
 
.icon { border-left:1px solid #2d2d1d; margin-left:10px;  }
 
.icon img {
 border:3px solid #fefefe;
 margin-left:20px; }


.jeweled {
 float:right;
 position:relative;
 top:-28;
 right:0;
 bottom:0;
 width:368px;
 height:305px; }

.jeweled .tab a i {
 display:inline-block;
 background:#707058;
 color:#2d2d1d;
 font-size:16px;
 padding:5px 0;
 text-align:center!important;
 position:absolute;
 left:-222px;
 top:20px;
 width:20px; }
 
.jeweled .tab label {
 display:inline-block;
 background:#707058;
 color:#2d2d1d;
 font-size:14px;
 padding:5px 0px 5px 0px;
 text-align:center!important;
 position:absolute;
 left:-222px;
 top:20px;
 width:20px;}

.jeweled .tab [type=radio] {
 display: none; }

.jeweled .content { /* container */
 position: absolute;
 top: 0px;
 bottom: 0px;
 left: 0px;
 right: 0px;
 background:#fefefe;
 padding:10px; }

.content .insides {
 width:100%;
 overflow:auto;
 text-align:justify;
 height:100%; padding-right:5px; }

[type=radio]:checked ~ label {
 color:#eee;
 z-index: 2; }

[type=radio]:checked ~ label ~ .content {
 z-index: 1; }


.season i { font-size:12px; margin:3px; line-height:3px; }
.season { background:#333;
 color:#fefefe;
 font-size:8px;
 font-weight:bold;
 letter-spacing:2px;
 text-align:right;
 padding:10px; }

.topic i:first-child, .ship i:first-child, .note i:first-child {
 font-size:13px;
 padding:0px 3px; }

.topic a, .ship a { color:#6f6f6f;
 font-weight:bold;
 text-decoration:none; }
 
.topic span {
 font-size:7px;
 line-height:9px;
 font-weight:bold;
 text-transform:uppercase; }


.topic, .ship, .note {
 border-bottom:1px solid #ddd;
 line-height:11px;
 padding:5px; }
</style>
</center>
[/dohtml]


CODE
[dohtml]<center>
<div id="COLTON"><div class="dangerous-frog">

<div class="frog-icon"><img src="https://s6.postimg.org/uc0wbkfz5/018.png" height="280px" width="175px"></div>

<div class="dangerous-content">
 <div class="content">



<div class="season"> <i class="fa fa-snowflake-o" aria-hidden="true"></i> 2017 - 2018 </div>

<div class="topic">
<i class="fa fa-check" aria-hidden="true"></i>
<a href="LINK">TOPIC TITLE</a> ( <i>month</i> )
<span>ft.➟ tagged </span><br>
location; short description of what takes place.<br>
</div>

<div class="topic">
<i class="fa fa-check" aria-hidden="true"></i>
<a href="LINK">TOPIC TITLE</a> ( <i>month</i> )
<span>ft.➟ tagged </span><br>
location; short description of what takes place.<br>
</div>

<div class="topic">
<i class="fa fa-times" aria-hidden="true"></i>
<a href="LINK">TOPIC TITLE</a> ( <i>month</i> )
<span>ft.➟ tagged </span><br>
location; short description of what takes place.<br>
</div>


<div class="season"> <i class="fa fa-cloud" aria-hidden="true"></i> 2017 </div>

<div class="topic">
<i class="fa fa-check" aria-hidden="true"></i>
<a href="LINK">TOPIC TITLE</a> ( <i>month</i> )
<span>ft.➟ tagged </span><br>
location; short description of what takes place.<br>
</div>

<div class="topic">
<i class="fa fa-check" aria-hidden="true"></i>
<a href="LINK">TOPIC TITLE</a> ( <i>month</i> )
<span>ft.➟ tagged </span><br>
location; short description of what takes place.<br>
</div>

<div class="topic">
<i class="fa fa-times" aria-hidden="true"></i>
<a href="LINK">TOPIC TITLE</a> ( <i>month</i> )
<span>ft.➟ tagged </span><br>
location; short description of what takes place.<br>
</div>

<div class="topic">
<i class="fa fa-times" aria-hidden="true"></i>
<a href="LINK">TOPIC TITLE</a> ( <i>month</i> )
<span>ft.➟ tagged </span><br>
location; short description of what takes place.<br>
</div>


 
 </div>
</div>

<div class="credit"><i class="fa fa-pagelines" aria-hidden="true" title="thanks boo!"></i></div>
 
</div></div>

<style>

#COLTON { margin:30px; }

#COLTON ::-webkit-scrollbar { width:3px; height:3px;  }
#COLTON ::-webkit-scrollbar-track { background-color:#fefefe; }
#COLTON ::-webkit-scrollbar-thumb { background-color:#fefefe; border-left:1px solid #eee!important; border:0; }

#COLTON b { font-size:12px; color:#984455; }
#COLTON .fa.fa-check { color:#822e3f; } /* active thread */
#COLTON .fa.fa-times { color:#d6788b; } /* closed thread */
 

.dangerous-frog {
 border:1px solid #ececec;
 font-family:'Arial';
 font-size:10px;
 line-height:13px;
 background:#fafafa;
 height:305px;
 width:600px;
 padding:10px;
 margin:30px 0;
 position:relative; }

#COLTON .frog-icon {
 float:left;
 display:block;
 height:285px;
 width:130px;
 background:#707058;
 padding:10px; }

.frog-icon img {
 border:3px solid #fefefe;
 margin-left:25px; }

.dangerous-content {
 background:#fff;
 width:353px;
 height:285px;
 padding:10px;
 position:relative;
 top:0px;
 right:0px;
 left:112px; }

.dangerous-content .content {
 position:absolute;
 top:10px;
 right:3px;
 left:10px;
 bottom:10px;
 padding:0px;
 padding-right:8px;
 height:285px;
 overflow:auto;
 text-align:justify; }
 
.season i { font-size:12px; margin:3px; line-height:3px; }
.season { background:#333;
 color:#fefefe;
 font-size:8px;
 font-weight:bold;
 letter-spacing:2px;
 text-align:right;
 padding:10px; }

.topic i:first-child {
 font-size:12px;
 padding:0px 5px; }

.topic a { color:#6f6f6f;
 font-weight:bold;
 text-decoration:none; }
 
.topic span {
 font-size:7px;
 line-height:9px;
 font-weight:bold;
 text-transform:uppercase; }

.topic {
 border-bottom:1px solid #ddd;
 padding:5px; }

#COLTON .credit {
 position:absolute;
 color:#2d2d1d;
 font-size:18px;
 left:21px;
 top:30px;  }

</style></center>[/dohtml]



CODE
[dohtml]<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

<center>
<div id="NAME"><div class="ugliest-street">
<div class="ugliest">
 
<div class="name">FIRST LAST</div>
<hr>

<br><br><br>

<hr>
<div class="info">AGE - PRONOUNS - ORIENTATION - JOB/HOUSE YR</div>
 
</div>




<div class="street">


<div id="TOPIC" class="tab">
<input type="radio" id="tab-1" name="tab-group-1" checked>
<label for="tab-1">
<i class="fa fa-pagelines" aria-hidden="true" title="APP"></i>
</label>
<div class="content">
<a href="">
<img src="http://via.placeholder.com/300x300">
</a>

</div>
</div>


<div id="TOPIC" class="tab">
<input type="radio" id="tab-2" name="tab-group-1">
<label for="tab-2">
<i class="fa fa-book" aria-hidden="true" title="TOPICS"></i>
</label>
<div class="content">
<div class="insides">

<div class="season"> <i class="fa fa-snowflake-o" aria-hidden="true"></i> 2017 - 2018 </div>
<div class="topic">
<i class="fa fa-check" aria-hidden="true"></i>
<a href="LINK">TITLE</a> ( <i>month</i> ) <span>ft. ➟ participants </span><br>
location; brief summary of thread.
</div>

<div class="topic">
<i class="fa fa-times" aria-hidden="true"></i>
<a href="LINK">TITLE</a> ( <i>month</i> ) <span>ft. ➟ participants </span><br>
location; brief summary of thread.
</div>

</div>
</div></div>



<div id="SHIPS" class="tab">
<input type="radio" id="tab-3" name="tab-group-1">
<label for="tab-3">
<i class="fa fa-link" aria-hidden="true" title="SHIPS"></i>
</label>
<div class="content">
<div class="insides">

<div class="season"> <i class="fa fa-star" aria-hidden="true"></i> AMICABLE </div>
<div class="ship">
<i class="fa fa-star" aria-hidden="true"></i>
<a>FIRST LAST</a> ( <i>age</i> ) group<br>
brief description of relationship.
</div><br>

<div class="season"> <i class="fa fa-heartbeat" aria-hidden="true"></i> ROMANTIC </div>
<div class="ship">
<i class="fa fa-heartbeat" aria-hidden="true"></i>
<a>FIRST LAST</a> ( <i>age</i> ) group<br>
brief description of relationship.
</div><br>


<div class="season"> <i class="fa fa-ban" aria-hidden="true"></i> TROUBLESOME </div>
<div class="ship">
<i class="fa fa-ban" aria-hidden="true"></i>
<a>FIRST LAST</a> ( <i>age</i> ) group<br>
brief description of relationship.
</div><br>


<div class="season"> <i class="fa fa-asterisk" aria-hidden="true"></i> MISCELLANEOUS </div>
<div class="ship">
<i class="fa fa-asterisk" aria-hidden="true"></i>
<a>FIRST LAST</a> ( <i>age</i> ) group<br>
brief description of relationship.
</div>

</div>
</div></div>



<div id="NOTES" class="tab">
<input type="radio" id="tab-4" name="tab-group-1">
<label for="tab-4">
<i class="fa fa-pencil" aria-hidden="true" title="NOTES"></i>
</label>
<div class="content">
<div class="insides">

<div class="season"> <i class="fa fa-pencil" aria-hidden="true"></i> NOTES </div>
<div class="note"> <b>●</b> notes on the character </div><br>

<div class="season"> <i class="fa fa-tasks" aria-hidden="true"></i> TO-DO LIST </div>
<div class="note"> <i class="fa fa-plus" aria-hidden="true"></i>
come back later i might have something then. </div><br>

<div class="season"> <i class="fa fa-shopping-bag" aria-hidden="true"></i> WANTS </div>
<div class="note"> <b>●</b> come back later </div>

</div>
</div></div>



<div id="CODES" class="tab">
<input type="radio" id="tab-5" name="tab-group-1">
<label for="tab-5">
<i class="fa fa-code" aria-hidden="true" title="CODES"></i>
</label>
<div class="content"><div class="insides">

<div class="season"> <i class="fa fa-paperclip" aria-hidden="true"></i> GENERAL REPLY </div>
[/dohtml][CO*DE]PASTEHERE[/CO*DE][dohtml]<br>

<div class="season"> <i class="fa fa-paperclip" aria-hidden="true"></i> EVENT START </div>
[/dohtml][CO*DE]PASTEHERE[/COD*E][dohtml]

</div>
</div></div>


</div>

</div></div>
 
<style type="text/css">
#NAME b { color:#999; }

#NAME .ship .fa.fa-star { color:#ddd; } /* friends */
#NAME .ship .fa.fa-heartbeat { color:#999; } /* loves */
#NAME .ship .fa.fa-ban { color:#666; } /* enemies */
#NAME .ship .fa.fa-asterisk { color:#444; } /* miscs */

#NAME .fa.fa-check { color:#777; } /* active thread */

#NAME [type=radio]:checked ~ label {
 color:#aaa; }



.ugliest-street {
 font-family:'Arial';
 font-size:10px;
 line-height:13px;
 height:305px;
 width:600px;
 padding:10px;
 margin-top:30px; }

.ugliest-street ::-webkit-scrollbar { width:1px; height:3px;  }
.ugliest-street ::-webkit-scrollbar-track { background-color:#fefefe; }
.ugliest-street ::-webkit-scrollbar-thumb { background-color:#fefefe; border-left:1px solid #eee!important; border:0; }

 
.ugliest {
 float:left;
background:#fafafa;
border:1px solid #eee;
 width:120px;
 display:block;
 padding:50px;
 margin:60px 28px; }

.ugliest hr {
 padding:0; background:transparent;
 border:0;
 border-bottom:1px solid #dedede;
 margin:5px 20px;
 }

.ugliest .name {
 font-size:12px;
 font-weight:bold; }

.ugliest .info {
 font-size:9px;
 font-variant:small-caps;
 text-transform:lowercase;
 }


.street {
position: relative;
float:right;
width:320px;
height:310px;
}


.tab { float: left; }

.tab label {
position: relative;
padding:5px 8px;
font-size:16px;
left:-216px;
top:144px; }

.tab [type=radio] {
display: none;  
}

.content {
position:absolute;
background:#fdfdfd;
top:-7px;
bottom:0px;
left:0px;
right:0px;
padding:10px;
}

.content .insides {
 width:100%;
background:#fff;
 overflow:auto;
 text-align:justify;
 height:100%; padding:0; }


.season i { font-size:12px; margin:3px; line-height:3px; }
.season { background:#333;
 color:#fefefe;
 font-size:8px;
 font-weight:bold;
 letter-spacing:2px;
 text-align:right;
 padding:10px; }

.topic i:first-child, .ship i:first-child, .note i:first-child {
 font-size:13px;
 padding:0px 3px; }

.fa.fa-times { color:#ddd; } /* closed thread */

.topic a, .ship a, .note a { color:#6f6f6f;
 font-weight:bold;
 text-transform:uppercase;
 text-decoration:none; }
 
.topic span {
 font-size:7px;
 line-height:9px;
 font-weight:bold;
 text-transform:uppercase; }

.topic, .ship, .note {
 border-bottom:1px solid #ddd;
 line-height:11px;
 padding:5px;
 margin:0 5px;}

[type=radio]:checked ~ label {
z-index: 2;
}

[type=radio]:checked ~ label ~ .content {
z-index: 1;
}</style>
</center>[/dohtml]


CODE
[dohtml]<center>
<div id="boo"><div class="this-side">

<div class="this">
 <div class="name">first m. last</div>
 <div class="info">AGE, PRONOUNS, ORIENTATION, MARITAL, GROUP/JOB
 </div> <img src="https://images2.imgbox.com/ff/a5/y6tDhe39_o.png" height="50px" width="50px">
</div>



<div class="side">
<center><div class="tabs">

<div class="tab">
<input type="radio" id="tab-1" name="tab-group-1"checked>
<label for="tab-1" style="margin-right:78px;">
<i class="fa fa-book" aria-hidden="true" title="topics"></i>
</label>
<div class="content"><div class="overflow">

<div class="header"> <span><i class="fa fa-cloud" aria-hidden="true"></i> 20XX</span> </div>
<div class="sub"> MONTH </div><hr>

<div class="topic">
<i class="fa fa-check" aria-hidden="true"></i>
<a href="LINK">TITLE</a> <span>( ft. ➟ name, name)<span><br>
location; brief summary of thread.
</div>

<div class="topic closed">
<i class="fa fa-times" aria-hidden="true"></i>
<a href="LINK">TITLE</a> <span>( ft. ➟ name, name)<span><br>
location; brief summary of thread.
</div>

</div></div></div>



<div class="tab">
<input type="radio" id="tab-2" name="tab-group-1">
<label for="tab-2" style="margin-right:52px;">
<i class="fa fa-group" aria-hidden="true" title="ships"></i>
</label>
<div class="content"><div class="overflow">

<div class="header"> <span> AMICABLE </span> </div>

<div class="ship">
<i class="fa fa-star" aria-hidden="true"></i>
<b>NAME</b> <span> AGE, YEAR HOUSE / OCCUPATION</span><br>
brief summary of the relationship between characters.
</div>

<div class="ship">
<i class="fa fa-heart" aria-hidden="true"></i>
<b>NAME</b> <span> AGE, YEAR HOUSE / OCCUPATION</span><br>
brief summary of the relationship between characters.
</div><br>


<div class="header"> <span> ABHORENT </span> </div>

<div class="ship">
<i class="fa fa-ban" aria-hidden="true"></i>
<b>NAME</b> <span> AGE, YEAR HOUSE / OCCUPATION</span><br>
brief summary of the relationship between characters.
</div>

<div class="ship">
<i class="fa fa-bolt" aria-hidden="true"></i>
<b>NAME</b> <span> AGE, YEAR HOUSE / OCCUPATION</span><br>
brief summary of the relationship between characters.
</div><br>


<div class="header"> <span> NONALIGNED </span> </div>

<div class="ship">
<i class="fa fa-asterisk" aria-hidden="true"></i>
<b>NAME</b> <span> AGE, YEAR HOUSE / OCCUPATION</span><br>
brief summary of the relationship between characters.
</div><br>

</div></div></div>




<div class="tab">
<input type="radio" id="tab-3" name="tab-group-1">
<label for="tab-3" style="margin-right:26px;">
<i class="fa fa-pencil" aria-hidden="true" title="notes"></i>
</label>
<div class="content"><div class="overflow">

<div class="header">
<span><i class="fa fa-paperclip" aria-hidden="true"></i>
NOTES </span> </div>
<div class="sub"> GENERAL </div><hr>

<div class="note"> <i class="fa fa-plus" aria-hidden="true"></i>
some notes on the character basically.
</div>
<div class="note"><i class="fa fa-minus" aria-hidden="true"></i>
some notes on the character basically.
</div>
<div class="note"><i class="fa fa-plus" aria-hidden="true"></i>
some notes on the character basically.
</div>
<div class="note"><i class="fa fa-circle" aria-hidden="true"></i>
some notes on the character basically.
</div><br>


<div class="sub"> HEADCANON </div><hr>

<div class="note"><i class="fa fa-circle" aria-hidden="true"></i>
also headcanons or other information.
</div><br>


<div class="header"> <span>
<i class="fa fa-check-square-o" aria-hidden="true"></i>TO-DO </span> </div>
<div class="sub"> THREADS </div><hr>

<div class="note"><i class="fa fa-circle" aria-hidden="true"></i>
any posts i need to start go here.
</div><br>


<div class="sub"> EVENTS </div><hr>

<div class="note"><i class="fa fa-circle" aria-hidden="true"></i>
if there's event ideas or something.
</div><br>


<div class="header"> <span><i class="fa fa-plus" aria-hidden="true"></i>
WANTS </span> </div>

<div class="note"><i class="fa fa-circle" aria-hidden="true"></i>
ships or situations that i want to have.
</div>

<div class="note"><i class="fa fa-circle" aria-hidden="true"></i>
also any threads that i would love.
</div>

</div></div></div>




<div class="tab">
<input type="radio" id="tab-4" name="tab-group-1">
<label for="tab-4">
<i class="fa fa-code" aria-hidden="true" title="codes"></i>
</label>
<div class="content"><div class="overflow">

<div class="header"> <span> CODES </span> </div>
<div class="sub"> GENERAL </div><hr>

CCC

</div></div></div>

</div></center>
</div>


<div class="credit">
<i class="fa fa-heart-o" aria-hidden="true" title="love boo"></i>
</div>
</div></div>


<link href="https://fonts.googleapis.com/css?family=Arima+Madurai|Lobster+Two|Oleo+Script|Oswald|Pathway+Gothic+One|Rozha+One" rel="stylesheet">

<style>
#boo b, #boo a { color:#557d88; }

#boo .fa.fa-check { color:#444; } /* active thread */
#boo .fa.fa-times { color:#777; } /* closed thread */

#boo .fa.fa-star { color:#ccc; } /* friend */
#boo .fa.fa-heart { color:#aaa; } /* love */
#boo .fa.fa-ban { color:#888; } /* rival */
#boo .fa.fa-bolt { color:#666; } /* hate */
#boo .fa.fa-asterisk { color:#444; } /* miscs */

#boo .fa.fa-circle { color:#9fafb1; font-size:6px; }
#boo .fa.fa-plus { color:#9fafb1; font-size:8px; }
#boo .fa.fa-minus { color:#9fafb1; font-size:7px; }

#boo .sub { color:#557d88; }
#boo hr { border-color:#b1c3c5; }

#boo .this .name { color:#557d88; }
#boo .this .info { background:#b1c3c5;
color:#557d88; }

#boo .side [type=radio]:checked ~ label {
color:#557d88!important; }

#boo .side .header span { color:#557d88; }
#boo .credit {
background:#b1c3c5;
text-align:right;
padding:10px; }
#boo .credit .fa.fa-heart-o {
background:#9fafb1;
color:#eee;
padding:10px;
margin:-10px; }



.this-side {
line-height:10px;
background:#eee;
border:10px solid #fefefe;
font-family:arial;
font-size:10px;
padding:1px;
width:400px; }

.this {
background:#e6e6e6!important;
text-align:left;
padding:20px;
padding-bottom:0;
height:92px; }
.this .name {
font-family: 'Arima Madurai', cursive;
font-size:26px;
line-height:42px;
text-transform:lowercase;
padding-bottom:0px;
padding-left:15px; }
.this .info { font-size:8px;
font-weight:bold;
text-transform:uppercase;
float:left;
padding:20px;
width:75%; }

.side {
background:#f5f5f5;
position: relative;
padding:10px;
width:380px;
height:380px; }


.side .tab { display:inline; }
.side .tab label {
background: #d3d3d3;
border:1px solid #cecece;
color:#999;
position:absolute;
padding:5px;
top:-112px;
right:0px;
min-width:13px;
min-height:13px;
-webkit-transition: .6s all ease-in-out; transition: .6s all ease-in-out; }
.side .tab [type=radio] { display:none; }
.side [type=radio]:checked ~ label {
background:#f5f5f5;
z-index:2;
-webkit-transition: .6s all ease-in-out; transition: .6s all ease-in-out; }
.side [type=radio]:checked ~ label ~ .content {
z-index: 1;
opacity:1.0;
-webkit-transition: .6s all ease-in-out; transition: .6s all ease-in-out; }


.side .content {
background:#fafafa;
border: 1px solid #eee;
text-align:justify;
position: absolute;
padding:10px;
top:10px;
bottom:10px;
left:10px;
right:10px;
opacity:0.0;
-webkit-transition: .6s all ease-in-out; transition: .6s all ease-in-out; }
.side .overflow {
height:360px;
overflow:auto; }

.side ::-webkit-scrollbar {
width:0px;
height:0px;  }
.side ::-webkit-scrollbar-track {
background:#fafafa; }
.side ::-webkit-scrollbar-thumb {
background:#fafafa;
border:0; }


.side .header {
background:url(https://i.imgbox.com/30VKjDcv.png);
font-weight:bold;
text-align:center;
padding:30px; }
.side .header span {
background:#fafafa;
display:inline-block;
padding:10px;
width:150px; }
.side .header i { padding-right:5px; }

.side .sub {
background:#fafafa;
float:left;
padding:5px 10px;
margin-top:0px;
margin-bottom:-10px;
margin-top:10px; }
.side hr {
border:0;
border-bottom:1px solid;
margin-bottom:15px;
width:95%; }


.topic, .ship, .note {
border-bottom:1px solid #ddd;
line-height:13px;
padding:5px;
margin:0 15px; }
.topic i:first-child, .ship i:first-child, .note i {
font-size:11px;
padding:0px 3px; }
.topic a {
font-weight:bold;
text-decoration:none;
text-transform:uppercase; }
.topic span, .ship span {
font-size:8px;
font-weight:bold;
line-height:9px;
text-transform:uppercase;
padding-left:5px; }

.topic.closed { opacity:0.8; }
</style></center>[/dohtml]
report posted on Nov 10 2017, 11:39 AM
52 posts. 5 galleons. BOO is Offline.
faculty
wb_sunny
TWENTY-EIGHT years old
HERBOLOGY PROFESSOR
FEMALE ( SHE/HER )
BISEXUAL
DIVORCED
MUGGLE-BORN
account_box
question_answer
loyalty
mail
Quote
**TEMPORARY BODY SWITCH TEMPLATE**

CODE
[dohtml]<center><div id="hediella">
<div class="jittery-thought"><div class="jittery">
<div class="head"><i class="fa fa-bomb" aria-hidden="true"></i></div><hr>

<center><img src="https://s6.postimg.org/uhdlmkwf5/ARII.jpg"></center>
<br>

After the glimpse i had had of the martians emerging from the cylinder in which they had come to the earth from their planet, a kind of fascination paralysed my actions. I remained standing knee-deep in the heather, staring at the mound that hid them. I was a battleground of fear and curiosity.

<br><br>

I did not dare to go back towards the pit, but I felt a passionate longing to peer into it. I began walking, therefore, in a big curve, seeking some point of vantage and continually looking at the sand heaps that hid these new-comers to our earth. Once a leash of thin black whips, like the arms of an octopus, flashed across the sunset and was immediately withdrawn, and afterwards a thin rod rose up, joint by joint, bearing at its apex a circular disk that spun with a wobbling motion. <b>What could be going on there?</b>  


<br><br>
<div class="break"><hr><b><i class="fa fa-bomb" aria-hidden="true"></i></b></div>
<div class="tagged"><i class="fa fa-hashtag" aria-hidden="true"></i>

@[ARIELLA KEMPTON]

</div><div class="notes">
<i class="fa fa-pencil" aria-hidden="true"></i>

maybe they'll actually bond!!!

</div>
</div></div></div>


<style>
#hediella b { color:#e18cc5; }

#hediella .jittery {
border-top:50px solid #b44b7b; }

#hediella .jittery .head {
background:#b44b7b;
color:#f5f5f5; }
#hediella .jittery hr {
border-bottom:1px solid #f5f5f5; }

#hediella .jittery .break i {
color:#b44b7b; }

.jittery-thought img {
border-radius:100%;
}


.jittery-thought {
background:#e6e6e6;
border:10px solid #f0f0f0;
color:#333;
font-family:arial;
font-size:10px;
line-height:10px;
margin:30px;
padding:1px;
width:320px; }

.jittery::first-line {
font-weight:bold; }

.jittery {
background:#fafafa;
font-size:11px;
line-height:13px;
text-align:justify;
padding:20px; }

.jittery .head {
font-size:26px;
float:left;
padding:5px 0px;
padding-right:15px;
margin-top:-63px; }
.jittery hr {
border:0;
margin-top:-46px;
margin-bottom:46px;
width:100%; }

.jittery .break i {
float:left;
background:#fafafa;
font-size:18px;
margin-top:-30px;
margin-left:40%;
padding:0 15px;
text-align:center;
width:5%; }
.jittery .break hr {
border:0;
border-bottom:3px double #e4e4e4!important;
margin:15px auto;
margin-bottom:20px;
width:60%; }

.jittery .tagged { padding-bottom:3px; }
.jittery .tagged a { color:#555; }
.jittery .tagged i, .notes i {
color:#333;
padding-right:5px; }
.jittery .tagged, .jittery .notes {
color:#777;
font-size:9px !important;
text-transform:lowercase;
margin:0 10px;
width:95%; }
</style></center>[/dohtml]
report posted on Jan 1 2018, 07:01 PM
52 posts. 5 galleons. BOO is Offline.
faculty
wb_sunny
TWENTY-EIGHT years old
HERBOLOGY PROFESSOR
FEMALE ( SHE/HER )
BISEXUAL
DIVORCED
MUGGLE-BORN
account_box
question_answer
loyalty
mail
Quote
After the glimpse I had had of the martians emerging from the cylinder in which they had come to the earth from their planet, a kind of fascination paralysed my actions. I remained standing knee-deep in the heather, staring at the mound that hid them. I was a battleground of fear and curiosity.

I did not dare to go back towards the pit, but I felt a passionate longing to peer into it. I began walking, therefore, in a big curve, seeking some point of vantage and continually looking at the sand heaps that hid these new-comers to our earth. Once a leash of thin black whips, like the arms of an octopus, flashed across the sunset and was immediately withdrawn, and afterwards a thin rod rose up, joint by joint, bearing at its apex a circular disk that spun with a wobbling motion. What could be going on there?
notes.
tagged.
report posted on Jan 26 2018, 05:14 PM
52 posts. 5 galleons. BOO is Offline.
faculty
wb_sunny
TWENTY-EIGHT years old
HERBOLOGY PROFESSOR
FEMALE ( SHE/HER )
BISEXUAL
DIVORCED
MUGGLE-BORN
account_box
question_answer
loyalty
mail
Quote
CODE
[dohtml]<center>
<div id="colton"><div class="volatile-map">
<div class="volatile">


After the glimpse I had had of the martians emerging from the cylinder in which they had come to the earth from their planet, a kind of fascination paralysed my actions. I remained standing knee-deep in the heather, staring at the mound that hid them. I was a battleground of fear and curiosity.
<br><br>
I did not dare to go back towards the pit, but I felt a passionate longing to peer into it. I began walking, therefore, in a big curve, seeking some point of vantage and continually looking at the sand heaps that hid these new-comers to our earth. Once a leash of thin black whips, like the arms of an octopus, flashed across the sunset and was immediately withdrawn, and afterwards a thin rod rose up, joint by joint, bearing at its apex a circular disk that spun with a wobbling motion.<b> What could be going on there?</b>


<hr><div class="vmhr"><b><i class="fa fa-pagelines" aria-hidden="true"></i></b></div>
<div class="map">

<i class="fa fa-pencil" aria-hidden="true"></i>
notes. <br>

<i class="fa fa-at" aria-hidden="true"></i>
tagged.

</div>
</div>
</div></div>



<style>
#colton {
--post-br:#50503d;
--icon-bg:#707058;
--icon-txt:#984455; }

#colton b { color:#b25a6c; }

.volatile-map {
background:#ddd;
border:10px solid #eee;
border-top-right-radius: 30px;
color:#444;
overflow:hidden;
position:relative;
width:350px;
margin: 30px auto;
padding:1px; }

.volatile {
background:#fefefe;
border-left:80px solid var(--post-br);
border-top-right-radius: 19px;
font-family:arial;
font-size:11px;
line-height:13px;
text-align:justify;
padding:10px 15px 10px 15px; }

.volatile hr {
border:0px;
border-bottom:4px double #ddd;
position:relative;
margin-left:-80px;
margin-top:15px;
margin-bottom:-25px; }

.vmhr {
background: #fafafa;
border-left:20px solid var(--post-br);
border-radius:10px;
position:relative;
margin-left:-45px;
max-width:25px;
}
.volatile i {
background:var(--icon-bg);
padding:10px;
border-radius:10px;
color:#fafafa;
font-size:16px;
position:relative;
min-width:15px;
margin-left:-15px; }

.map {
font-size:10px; }
.map i {
border:0;
background:transparent;
color:var(--icon-txt);
font-size:11px;
margin:0;
padding:0;
padding-right:10px;
padding-top:5px; }
</style>
</center>[/dohtml]
report posted on Jan 29 2018, 05:24 PM
31 posts. 95 galleons. boo is Offline.
ravenclaw
wb_sunny
ELEVEN years old
FIRST YEAR
FEMALE ( SHE/HER )
uninterested
SINGLE
PUREBLOOD
account_box
question_answer
loyalty
mail
Quote
TO-DO LIST

01. threads or events to start
02. threads or events to start
03. threads or events to start
04. also a want list of threads...





OPEN/NO CAPACITY

00
current
03
capacity
local_florist MAY 2018
TOPIC TITLE ( ft. names )
location ● a short description of what happens.

JANUARY 2018
TOPIC TITLE ( ft. names )
location ● a short description of what happens.

SEPTEMBER 2017
TOPIC TITLE ( ft. names )
location ● a short description of what happens.
TOPIC TITLE ( ft. names )
location ● a short description of what happens.

hourglass_empty PAST THREADS
TOPIC TITLE ( ft. names )
location ● a short description of what happens.
relationships
AMICABLE
FIRST LAST ( job/house/etc )
# threads ● a short description of relationship.
FIRST LAST ( job/house/etc )
# threads ● a short description of relationship.

ABHORENT
FIRST LAST ( job/house/etc )
# threads ● a short description of relationship.

NONALIGNED
FIRST LAST ( job/house/etc )
# threads ● a short description of relationship.
FIRST LAST ( job/house/etc )
# threads ● a short description of relationship.
FIRST LAST ( job/house/etc )
# threads ● a short description of relationship.
WAND TRAITS

CHARACTERISTICS here
LEANS TO here

MAGIC SKILLS

BEST here
NATURAL here
WORST here

MISC NOTES

01. here
02. here
mode_edit POST TEMPLATE

settings_cell PHONE TEMPLATE

today EVENT TEMPLATE
MEGAERA BALTHAZAR
01. short quick info
02. short quick info
03. short quick info
04. short quick info
report posted on Feb 14 2018, 03:48 PM
52 posts. 5 galleons. BOO is Offline.
faculty
wb_sunny
TWENTY-EIGHT years old
HERBOLOGY PROFESSOR
FEMALE ( SHE/HER )
BISEXUAL
DIVORCED
MUGGLE-BORN
account_box
question_answer
loyalty
mail
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

Topic Options
Add Reply
New Topic


 


 

cbox & events
Play nice. Be respectful towards your fellow members, staff, and guests. Don't form cliques, and try to make everyone feel welcome!

Be yourself. The cbox is for OOC chat, so please don't post as your character or impersonate other members here.

No drama. Keep the cbox a lighthearted and fun place for all, and take personal issues to IM.

No advertising. Please don't post links to other sites in the cbox. That's what the advertising board is for.
JOIN US ON DISCORD!
STUDY BREAK
SITE EVENT, STUDY BREAK • The Hogwarts Library is open 24 hours before OWLs and NEWTs exams, and students are welcome to study there. Snacks and refreshments are provided. You can read more about this event here!
affiliates
a resource community INFAMY, a non-canon one piece site STARSTRUKK - ANIMANGA ENTERTAINMENT CITY RP Kingdom Hearts: Malefic Musings
All Was Well realm of the seven Yuri Roleplay Avalon a Panfandom RP
Bleach Platinum Hearts Sengoku Horizon Break the Wheel: a Season 7 GOT AU
Zootopia: Dark and gritty TO BITTER ENDINGS Stroke of Luck ♥

wb_sunny
Welcome,
admin Guest
log out
G
535
H
595
R
760
S
690
Alohomora is a Harry Potter roleplay created by Stark and Viv. Site information, including wandlore, was written by Stark. The skin and its custom boards, profiles, statistics, etc. were coded by Pandora using Jcink's Custom Forum Structure. The site templates, including the application and optional templates, were also coded by Pandora. The site banner, found on Zerochan, was created by Eihi. Our ad image was created by Sayhana. Our button images were created by Khanithakat, ナリコ, and Countess-Chocula. Other scripts include Malihu's Tooltip, Jawn's Code Modification, and Shine's Inbox Popout. The pixels used for the awards are from Candy Coded Response. Please do not steal or copy any part of this skin. All uncredited items belong to their original owner. Contact a staff member if you see a code or graphic being wrongfully used here; we will remove it.