saccharine
pelerine dream
[class=yeah]
width:341px;
height:270px;
margin:auto;
border:1px solid #ccc;
[/class]
[div class=yeah][class=big]
height:270px;
width:120px;
background:#adc0c9;
float:left;
[/class]
[div class=big]
[class=img]
height:118px;
width:98px;
background:url('https://i.pinimg.com/564x/e8/e0/2f/e8e02fb2c468f4e317de122e8aa4e21c.jpg');
background-size:100%;
margin:auto;
margin-top:10px;
border:1px solid #fff;
[/class]
[class=img2]
height:118px;
width:98px;
background:url('https://i.pinimg.com/564x/b6/25/84/b625847ec61d4c9ebb8c6cc9a7780022.jpg');
background-size:102%;
margin:auto;
margin-top:10px;
border:1px solid #fff;
[/class]
[div class=img][/div][div class=img2][/div]
[/div][class=wrap]
height:270px;
width:221px;
background:#ccc;
float:left;
[/class]
[div class=wrap]
[class=title]
height:40px;
width:200px;
background:#000;
border-top:1px solid #fff;
border-right:1px solid #fff;
border-left:1px solid #fff;
float:left;
margin:10px 10px;
[/class]
[div class=title][div style="color:#fff;font-size:25px;font-family:'Times New Roman';float:left;margin-left:5px;line-height:40px;font-weight:800;"]sacrosanct —[/div][/div]
[class=tabhold]
height:8px;
background:#eee;
width:202px;
float:left;
margin-left:10px;
margin-top:-10px;
[/class]
[div class=tabhold][class=tab1]
height:8px;
width:49px;
border-right:1px solid #aaa;
float:left;
cursor:pointer;
[/class]
[class name=tab1 state=hover]
background:#adc0c9;
color:#fff;
transition:1s
[/class]
[class=tab2]
height:8px;
width:49px;
border-right:1px solid #aaa;
float:left;
cursor:pointer;
[/class]
[class name=tab2 state=hover]
background:#adc0c9;
color:#fff;
transition:1s
[/class]
[class=tab3]
height:8px;
width:49px;
border-right:1px solid #aaa;
float:left;
cursor:pointer;
[/class]
[class name=tab3 state=hover]
background:#adc0c9;
color:#fff;
transition:1s
[/class]
[class=tab4]
height:8px;
width:50px;
float:left;
cursor:pointer;
[/class]
[class name=tab4 state=hover]
background:#adc0c9;
color:#fff;
transition:1s
[/class]
[div class=tab1][div style="color:#000;font-size:7px;line-height:8px;font-weight:800;text-align:center;"]plot[/div][/div]
[div class=tab2][div style="color:#000;font-size:7px;line-height:8px;font-weight:800;text-align:center;"]rules[/div][/div]
[div class=tab3][div style="color:#000;font-size:7px;line-height:8px;font-weight:800;text-align:center;"]spots[/div][/div]
[div class=tab4][div style="color:#000;font-size:7px;line-height:8px;font-weight:800;text-align:center;"]sheets[/div][/div][/div]
[script class=tab1 on=click]
hide tabcontentbox
hide tabcontent2
hide tabcontent3
hide tabcontent4
fadeIn 1000 tabcontent11
addClass Tabs
[/script]
[script class=tab2 on=click]
hide tabcontentbox
fadeIn 1000 tabcontent2
hide tabcontent3
hide tabcontent4
hide tabcontent11
addClass Tabs
[/script]
[script class=tab3 on=click]
hide tabcontentbox
hide tabcontent2
fadeIn 1000 tabcontent3
hide tabcontent4
hide tabcontent11
addClass Tabs
[/script]
[script class=tab4 on=click]
hide tabcontentbox
hide tabcontent2
hide tabcontent3
fadeIn 1000 tabcontent4
hide tabcontent11
addClass Tabs
[/script]
[class=tabcontent11]
height:135px;
width:200px;
float:left;
background:#888;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
border-left:1px solid #fff;
margin-left:10px;
margin-top:-2px;
[/class]
[class=tabcontent2]
height:135px;
width:200px;
float:left;
background:#888;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
border-left:1px solid #fff;
margin-left:10px;
margin-top:-2px;
display:none;
[/class]
[class=tabcontent3]
height:135px;
width:200px;
float:left;
background:#888;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
border-left:1px solid #fff;
margin-left:10px;
margin-top:-2px;
display:none
[/class]
[class=tabcontent4]
height:135px;
width:200px;
float:left;
background:#888;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
border-left:1px solid #fff;
margin-left:10px;
margin-top:-2px;
display:none;
[/class]
[div class=tabcontent11][class=container1]
width:200px;
height:125px;
margin:0px -0px;
overflow:hidden;
color:#fff;
font-size:10px;
font-family:Arial;
text-align:justify;
line-height:12px;
[/class]
[class=scrollbar1]
width:105%;
height:125px;
float:left;
margin:10px 10px;
overflow-y:scroll;
[/class]
[class=textbox1]width:92%;
[/class]
[div class=container1][div class=scrollbar1][div class=textbox1]
idealism sits in prison. chivalry fell on its sword. innocence died screaming.
so who was there to temper the world?
the truth is there were always backups; ones behind the scenes, waiting and watching, observing and learning for a duty they thought would never come, but one day it did.
the world lost its mind, so sacrosanct is here to help.
after the long-known keepers of balance — the morals, the very nuances of good — all kicked the bucket, a special team by the name of sacrosanct was brought into existence. none of them know any of what they’re supposed to do, their past, or why they all appeared in a bar dumpster together. all they know is the intangible threads tying them together, their names, and the itching sensation dancing behind their fingertips to help.
but how long can these newborn beings uphold a standard they don’t know they need to keep? they were born with the most precious artifacts of life in their hands, but the temptations of life don’t waver for anyone — no matter the situation, no matter the stakes. and the stakes for these ones are particularly high, for the good isn't all of what was destroyed and renewed.
new prophecy woke up covered in blood. new lust opened his eyes to a warm city ripe for the taking. new fear's first memory is strength and the aftertaste of gin. the fates of both parties seem to be crushingly, unwaveringly intertwined, and if this raggedy team held together by fate’s weakening glue can’t pass the test they never knew they were going to take?
one. cruel. fate.
[/div][/div] [/div][/div] [div class=tabcontent2] [div class=container1][div class=scrollbar1][div class=textbox1] - please no godmodding or controlling other characters without consent.
- please be polite if not friendly to your fellow writers ! keep things civil children
- there will be a discord for this, where most if not all ooc chat will be taking place.
- this will not be first come first serve, and so i must ask to please be civil whether you are chosen or not.
- for now, i'm going to say only one character per person please.
- please try to not abandon/ditch/ghost without heads up! i know it's hard, but it's totally appreciated.
- try to post at least once/twice a week, and i'd like at least 2-3 solid paragraphs. quality over quantity though, as always.
- romance in between the roles is of course allowed, but... see relations in the lore tab!
- finally, all roles are gender-locked.
[/div][/div] [/div][/div] [div class=tabcontent3] [div class=container1][div class=scrollbar1][div class=textbox1]the temptations of the city surely won't hesitate for anyone. but what drives her in undeniably something absolutely pure -- a burning drive to help, enlighten, and cleanse -- a path to walk people down, a path leading to freedom.
ungrudging, painfully honest man, how will he find himself in a world that so pushes him to stretch the truth? and what would befall him if he broke this unspoken contract with himself is a tortured existence -- a burning guilt, because he knows that this everlasting truth is not only for him, but a lantern to chase away the darkness and to guide others through the night.
peace, strength, and grace. but her careful attitude is a glass sculpture, and the outside world a barrage of thrown rocks. though her ruling words have the power to foster more than grace, a sad destiny it would be for her shall she ever forsake her elegance. after all, how can a queen live with a broken crown?
he's an unrelentless soul, wandering, running from place to place, person to person, looking for exactly what's right on an endless quest. his motivation is one to challenge the gods, but each loss is an axe to his achille's heel, and he can never stop competing. he can only take so many hits before inevitably he falls, but his energy is boundless -- enough to fuel the next carrier in his perpetual relay to the finish.
across the world, she carries the very essence of friendship. her shoulder is the perfect one to lean on, but she feels the weight double. in an envious, angry world, there's bound to be someone unaffected by her honeyed charms, but she sees no reason proving against friendship. how far would she go to tie everyone together, even if it ended in a jumbled knot?
ever playing a game of matchmaker, his candied words are cupid's arrows, but bitter romance eats away at him. though he aches to make all love pure and sweet, there's something more that's missing. a love for himself, something that he never had and doesn't know he wants. enamoring is easy, but endearing is a different story, and chocolate roses and careful words only go so far.
[/div][/div][/div][/div] [div class=tabcontent4] [div class=container1][div class=scrollbar1][div class=textbox1]
so who was there to temper the world?
the truth is there were always backups; ones behind the scenes, waiting and watching, observing and learning for a duty they thought would never come, but one day it did.
the world lost its mind, so sacrosanct is here to help.
after the long-known keepers of balance — the morals, the very nuances of good — all kicked the bucket, a special team by the name of sacrosanct was brought into existence. none of them know any of what they’re supposed to do, their past, or why they all appeared in a bar dumpster together. all they know is the intangible threads tying them together, their names, and the itching sensation dancing behind their fingertips to help.
but how long can these newborn beings uphold a standard they don’t know they need to keep? they were born with the most precious artifacts of life in their hands, but the temptations of life don’t waver for anyone — no matter the situation, no matter the stakes. and the stakes for these ones are particularly high, for the good isn't all of what was destroyed and renewed.
new prophecy woke up covered in blood. new lust opened his eyes to a warm city ripe for the taking. new fear's first memory is strength and the aftertaste of gin. the fates of both parties seem to be crushingly, unwaveringly intertwined, and if this raggedy team held together by fate’s weakening glue can’t pass the test they never knew they were going to take?
one. cruel. fate.
[/div][/div] [/div][/div] [div class=tabcontent2] [div class=container1][div class=scrollbar1][div class=textbox1] - please no godmodding or controlling other characters without consent.
- please be polite if not friendly to your fellow writers ! keep things civil children
- there will be a discord for this, where most if not all ooc chat will be taking place.
- this will not be first come first serve, and so i must ask to please be civil whether you are chosen or not.
- for now, i'm going to say only one character per person please.
- please try to not abandon/ditch/ghost without heads up! i know it's hard, but it's totally appreciated.
- try to post at least once/twice a week, and i'd like at least 2-3 solid paragraphs. quality over quantity though, as always.
- romance in between the roles is of course allowed, but... see relations in the lore tab!
- finally, all roles are gender-locked.
[/div][/div] [/div][/div] [div class=tabcontent3] [div class=container1][div class=scrollbar1][div class=textbox1]
new purity;
she's the breadth of all that's good, wrapped in a naive spirit. maybe a little too naive for her new life, truthfully, as
she's the breadth of all that's good, wrapped in a naive spirit. maybe a little too naive for her new life, truthfully, as
new truth;
he's cynical and shrewd; but one cannot deny him, for there is nothing more alluring than truth. an
he's cynical and shrewd; but one cannot deny him, for there is nothing more alluring than truth. an
new elegance;
saccharine
she's a straight scepter gleaming with jewels, a sculpted attitude worthy of regalia; an unwavering hold of
saccharine
she's a straight scepter gleaming with jewels, a sculpted attitude worthy of regalia; an unwavering hold of
new victory;
with iron fists and clenched words, he carries more than the weight of possible loss during his eternal race.
with iron fists and clenched words, he carries more than the weight of possible loss during his eternal race.
new amity;
sweet as sugar and dipped in cinnamon, she's her own personal angel. a driving wish for companionship
sweet as sugar and dipped in cinnamon, she's her own personal angel. a driving wish for companionship
new love;
a weary soul, empty and cold; the desire within him doesn't burn, but simmers underneath the surface.
a weary soul, empty and cold; the desire within him doesn't burn, but simmers underneath the surface.
[/div][/div][/div][/div] [div class=tabcontent4] [div class=container1][div class=scrollbar1][div class=textbox1]
all sheets are due february tenth !
»»————- requisite ————-««
name ;
nicknames ;
age ; (preferably 19-25. how old they appear)
gender ;
sexuality ;
role ;
»»————- visage ————-««
hair ;
eyes ;
hair styling ;
height ;
weight ;
modifications ;
distinguishing features ;
scent ;
ailments ;
faceclaim ;
»»————- psyche ————-««
(these can be listed or written as a paragraph.)
pos. traits ; (5+. remember their role!)
neg. traits ; (3+. remember, they are mainly good, so these should be relatively minor.)
strengths ;
weaknesses ;
likes ;
dislikes ;
fears ;
habits ;
»»————- history ————-««
backstory ; (this should be brief, as our characters' first memory is waking up. instead describe how they felt upon waking up together, and how they felt about their desire to spread their value.)
theme song ;
quote ;
[/div]»»————- requisite ————-««
name ;
nicknames ;
age ; (preferably 19-25. how old they appear)
gender ;
sexuality ;
role ;
»»————- visage ————-««
hair ;
eyes ;
hair styling ;
height ;
weight ;
modifications ;
distinguishing features ;
scent ;
ailments ;
faceclaim ;
»»————- psyche ————-««
(these can be listed or written as a paragraph.)
pos. traits ; (5+. remember their role!)
neg. traits ; (3+. remember, they are mainly good, so these should be relatively minor.)
strengths ;
weaknesses ;
likes ;
dislikes ;
fears ;
habits ;
»»————- history ————-««
backstory ; (this should be brief, as our characters' first memory is waking up. instead describe how they felt upon waking up together, and how they felt about their desire to spread their value.)
theme song ;
quote ;
[/div]
[/div][class=lilimg]
height:50px;
width:200px;
float:left;
margin:10px 10px;
background:url('https://i.pinimg.com/564x/7d/62/96/7d6296b59a899f5c423a2815a9cd0cf7.jpg');
background-size: 118%;
background-position: 1px;
border:1px solid #fff;
[/class]
[/div]
[div class=lilimg][/div]
[/div]
[/div]
code by @pasta
blique;
color: var(--color-3);
[/class]
[class=appt]
text-align:justify;
margin-left:5%;
flex-grow: 1;
[/class]
[class=pers]
height:100%;
width:100%;
display:flex;
flex-flow: row wrap;
align-items: space-between;
[/class]
[class=persheader]
height:35%;
background-color: transparent;
width:100%;
padding:5px;
box-sizing:border-box;
display:flex;
flex-flow: row nowrap;
[/class]
[class=persbox]
height:100%;
width:50%;
box-sizing:border-box;
display:flex;
flex-flow: row wrap;
margin-top:5px;
box-sizing: border-box;
padding-left:5px;
[/class]
[class=persh]
font-size:25px;
height:15px;
font-family: 'Abril Fatface', display;
color: var(--color-3);
width:100%;
letter-spacing:0.5px;
line-height:120%;
padding-left:5px;
box-sizing:border-box;
[/class]
[class=perst]
height:68%;
width:100%;
padding:5px;
padding-left:17px;
padding-right:17px;
box-sizing:border-box;
font-size:10px;
text-align:justify;
overflow:hidden;
color: var(--txt);
line-height:140%;
font-family: 'Karla', sans-serif;
[/class]
[class=persbody]
height:63%;
width:100%;
background-color: #fff;
padding:8px;
box-sizing:border-box;
text-align:justify;
overflow:hidden;
font-size: 10px;
font-family: 'Karla', sans-serif;
color: var(--txt);
[/class]
[class=hist]
height:100%;
width:100%;
display:flex;
flex-flow: row wrap;
padding:5px;
box-sizing:border-box;
align-items: space-between;
[/class]
[class=histh]
height:18%;
font-size:22px;
font-family: 'Abril Fatface', display;
color: var(--name);
letter-spacing:1px;
text-align:right;
line-height:150%;
[/class]
[class name=hscroll minWidth="580px"]
height:82%;
width:105%;
overflow-y:scroll;
padding-right:40px;
[/class]
[class name=hscroll maxWidth="579px"]
height:82%;
width:105%;
overflow-y:scroll;
padding-right:40px;
[/class]
[class=histbody]
height:62%;
width:100%;
background-color: #fff;
padding:10px;
box-sizing:border-box;
font-family: 'Karla', sans-serif;
font-size:10px;
text-align:justify;
color: var(--txt);
overflow:hidden;
line-height:150%;
[/class]
[class=histfoot]
height:38%;
width:100%;
padding:10px;
box-sizing:border-box;
overflow:hidden;
padding-bottom:0px;
font-size:10px;
font-family: 'Karla', sans-serif;
color: var(--txt);
[/class]
[class=miscchat]
width:100%;
display:flex;
flex-flow: row wrap;
margin-bottom:5px;
line-height:148%;
[/class]
[class=msgc1]
width:100%;
min-height:50%;
display:flex;
flex-flow: row nowrap;
align-items: flex-start;
margin-bottom:5px;
[/class]
[class=msgc2]
width:100%;
display:flex;
flex-flow: row-reverse nowrap;
align-items: flex-start;
margin-bottom:5px;
[/class]
[class=msgiconb1]
height:42px;
width:42px;
border-radius:50%;
border:1.5px solid var(--color-3);
padding:3px;
margin-top:3px;
[/class]
[class=msgiconb2]
height:42px;
width:42px;
border-radius:50%;
border:1.5px solid var(--color-2);
padding:3px;
margin-top:3px;
[/class]
[class=msgicon1]
height:100%;
width:100%;
border-radius:50%;
background: var(--contact);
background-size:100%;
[/class]
[class=msgicon2]
height:100%;
width:100%;
border-radius:50%;
background: var(--img-2);
background-size:100%;
[/class]
[class=msgname1]
width:100%;
font-size:11px;
font-weight:bold;
font-family: 'Karla', sans-serif;
letter-spacing:1px;
color: var(--color-3);
text-transform: uppercase;
margin-left:10px;
margin-bottom:3px;
[/class]
[class=msgname2]
width:100%;
font-size:11px;
font-weight:bold;
font-family: 'Karla', sans-serif;
letter-spacing:1px;
color: var(--color-2);
text-transform: uppercase;
margin-right:10px;
text-align:right;
margin-bottom:3px;
[/class]
[class=msgcc1]
width:80%;
align-self: flex-start;
display:flex;
flex-flow: row wrap;
[/class]
[class=msgcc2]
width:80%;
align-self: flex-start;
display:flex;
flex-flow: row wrap;
justify-content: flex-end;
[/class]
[class=msg1]
min-width:10%;
max-width:65%;
display:inline-block;
font-size:11px;
color: var(--txt);
font-family: 'Karla', sans-serif;
padding:3.5px;
border-radius:5px;
border-bottom-left-radius:0px;
background-color: var(--color-3);
margin-left:10px;
[/class]
[class=msg2]
min-width:10%;
max-width:65%;
display:inline-block;
font-size:11px;
color: var(--txt);
font-family: 'Karla', sans-serif;
padding:3.5px;
border-radius:5px;
border-bottom-right-radius:0px;
background-color: var(--color-2);
margin-right:10px;
[/class]
[class=rels]
height:100%;
width:100%;
padding:5px;
box-sizing:border-box;
display:flex;
flex-flow: row wrap;
padding-top:5px;
align-content:center;
[/class]
[class=relsh]
font-size:28px;
width:100%;
font-family: 'Abril Fatface', display;
color: var(--color-3);
letter-spacing: 1px;
position:relative;
top:5px;
box-sizing:border-box;
padding-left:10px;
text-align:right;
[/class]
[class=relsc]
height:75%;
width:100%;
padding:5px;
overflow:hidden;
[/class]
[class=relsc2]
width:100%;
display:flex;
flex-flow: row wrap;
justify-content: center;
[/class]
[class=relsbox]
width:90%;
height:auto;
display:inline-block;
margin:auto;
margin-top:10px;
display:flex;
flex-flow: row wrap;
justify-content: space-between;
align-content: center;
margin-bottom:35px;
[/class]
[class=relsbody]
width: 63%;
height: auto;
display:flex;
flex-flow: row wrap;
justify-content: center;
align-content: center;
box-sizing:border-box;
padding-bottom:10px;
[/class]
[class=relsname]
font-size: 26px;
width:100%;
color: var(--color-1);
font-family: 'Cedarville Cursive', display;
text-align:right;
margin-bottom:15px;
[/class]
[class=relsdrop]
height:20px;
width:95%;
background-color: var(--color-3);
border-radius:2px;
margin-top: -10px;
transition:0.3s;
color: var(--txt);
font-size:12px;
text-transform:uppercase;
letter-spacing:1px;
font-family: 'Karla', sans-serif;
text-align:center;
line-height:150%;
[/class]
[class name=relsdrop state=hover]
background-color: var(--color-4);
color: #fff;
transition:0.3s;
cursor: pointer;
[/class]
[class=relstext]
height:80px;
width:90%;
background-color:white;
margin:auto;
margin-top: 5px;
display:none;
padding:5px;
box-sizing:border-box;
color: var(--txt);
font-size:9px;
text-align:justify;
font-family: 'Karla', sans-serif;
overflow:hidden;
line-height:134%;
[/class]
[script class=relsdrop on=click version="2"]
(= currentTab (index (split (getText) "#") 0 ))
(slideToggle 600 (+ currentTab "rs"))
[/script]
[class=rsscroll]
height:100%;
width:110%;
overflow-y:scroll;
padding-right:40px;
[/class]
[class=relsiconb]
height:75px;
width:75px;
border:2px solid var(--color-1);
padding:5px;
border-radius:50%;
transition:0.3s;
[/class]
[class name=relsiconb state=hover]
transform: scale(1.03);
transition:0.3s;
[/class]
[class=relsicon1]
height:100%;
width:100%;
border-radius:50%;
background: var(--rs-1);
background-size:100%;
[/class]
[class=relsicon2]
height:100%;
width:100%;
border-radius:50%;
background: var(--rs-2);
background-size:100%;
[/class]
[class=relsicon3]
height:100%;
width:100%;
border-radius:50%;
background: var(--rs-3);
background-size:100%;
[/class]
