OBSIDIAN // code

[nobr][div class=container][div class=image][div class=title][font=Montserrat]{ roleplay title }[/font]
[br][/br][font=Georgia][genre / quote here][/font][/div][/div]

[div class=c2][div class=scroll][div class=o]the monsters left their teeth burrowed in my [i]body[/i][/div]
[div class=t]those hidden treasures took root in my [b]blood[/b][/div][br][/br][br][/br][br][/br][br][/br]
[div class=o]& luck followed me into the dark picked my [u]bones[/u][/div]
[div class=t][b][s]into tuning forks[/s][/b][/div]


[br][/br][br][/br][br][/br][br][/br][br][/br][br][/br][div class=border]ashamed of my desire ~ plot[/div][br][/br][br][/br]
[center]this code uses {nobr} so make sure to use the [br}{/br] line breaks.[/center]
[br][/br][br][/br]
Mussum Ipsum, cacilds vidis litro abertis. Paisis, filhis, espiritis santis. Atirei o pau no gatis, per gatis num morreus. Delegadis gente finis, bibendum egestas augue arcu ut est. Suco de cevadiss deixa as pessoas mais interessantis. Detraxit consequat et quo num tendi nada. Leite de capivaris, leite de mula manquis sem cabeça. Interagi no mé, cursus quis, vehicula ac nisi. Praesent malesuada urna nisi, quis volutpat erat hendrerit non. Nam vulputate dapibus. Si num tem leite então bota uma pinga aí cumpadi! "Todo mundo vê os porris que eu tomo, mas ninguém vê os tombis que eu levo!"
[br][/br][br][/br][div class=border]call it innocence ~ rules[/div][br][/br]
[div class=num]1.[/div] un
[br][/br]
[div class=num]2.[/div] deux
[br][/br]
[div class=num]3.[/div] trois
[br][/br][br][/br][div class=border]tastes like original sin ~ spots[/div][br][/br]
[div class=role][div class=call]firstname lastname
[div class=lil]role - played by[/div][/div]

[div class=outline][div class=img][/div][/div][/div]

[br][/br]

[div class=role][div class=call2]firstname l.
[div class=lil]role - played by[/div][/div]

[div class=outline2][div class=img2][/div][/div][/div]

[br][/br]

[div class=role][div class=call]firstname l.
[div class=lil]role - played by[/div][/div]

[div class=outline][div class=img][/div][/div][/div]

[/div][/div][/div]

[div class=c]code by: @undine
[/div]

[class=container]height: 375px;
width: 300px;
border: 1px solid grey;
margin: auto;
cursor: url(https://i.imgur.com/fkP02Jr.png), auto
[/class]

[class=image]height: 40%;
width: 100%;
background-image: url(http://i.pinimg.com/originals/de/69/f3/de69f38e215d74d3b12724ba4160ac8f.jpg);
background-size: cover;
background-position: 50% 20%
[/class]

[class=title]width: 100%;
font-size: 0.55em;
position: relative;
color: #e1e1e1;
top: 45%;
text-align: center;
font-weight: bold;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase
[/class]

[class=c2]height: 49%;
width: 70%;
padding: 20px;
margin: auto;
font-size: 9px;
overflow: hidden
[/class]

[class=scroll]height: 100%;
width: 100%;
overflow-y: auto;
padding-right: 100px;
text-align: justify
[/class]

[class=o]width: 50%;
padding: 5px;
line-height: 13px
[/class]

[class=t]width: 50%;
padding: 5px;
line-height: 13px;
float: right;
letter-spacing: 1px
[/class]

[class=border]padding: 10px;
width: 96%;
background: black;
color: #fff;
font-size: 0.95em;
text-align: center;
position: sticky;
top: 0%;
letter-spacing: 2px;
font-family: serif;
z-index:5
[/class]

[class=num]display: inline-block;
font-size: 10px;
font-weight: bold
[/class]

[class=role]height: 30%;
width: 100%;
[/class]

[class=img]display: inline-block;
border-radius: 100%;
height: 100%;
width: 100%;
background-image: url(http://data.whicdn.com/images/136046083/original.jpg);
background-size: 100%;
[/class]

[class=call]display: inline-block;
width: 60%;
border-right: 10px solid white;
text-align: right;
font-size: 13px;
line-height: 12px;
font-weight: bold;
font-family: serif;
font-style: italic;
margin-top: 2%
[/class]

[class=lil]font-size: 7px;
font-family: 'Montserrat', sans-serif;
[/class]

[class=outline]height: 100%;
width: 25%;
padding: 5px;
border: 1px solid grey;
border-radius: 100%;
float: right;
position: relative;
top: -5%
[/class]

[class=outline2]height: 100%;
width: 25%;
padding: 5px;
border: 1px solid grey;
border-radius: 100%;
float: left;
position: relative;
top: -5%
[/class]

[class=img2]display: inline-block;
border-radius: 100%;
height: 100%;
width: 100%;
background-image: url(http://data.whicdn.com/images/136046083/original.jpg);
background-size: 100%;
[/class]

[class=call2]display: inline-block;
width: 50%;
border-left: 10px solid white;
line-height: 12px;
text-align: left;
font-size: 13px;
line-height: 12px;
font-weight: bold;
font-family: serif;
font-style: italic;
margin-top: 2%
[/class]

[class=c]width: 100%; text-align: center; opacity: 0; font-size: 10px
[/class][/nobr]