oliver
count the seconds
[div class=background][div class=second]
[div class=topimg]
[div class=back] go back [/div][/div] [div class=border][div class=opacitybg][/div] [div class=box][div class=over]Character Sheets[/div]
please include these things, but feel free to add anything else you would like! you can use any coding for your cs but you also don't have to use any either. please use a real life/realistic faceclaim.
basics
name:
nickname(s):
d.o.b.:
age:
gender:
orientation:
role:
appearance:
height:
weight:
build:
hair color:
eye color:
misc: (tattoos, scars, body mods)
persona:
vices:
virtues:
likes:
dislikes:
special skills:
inventory:
background: this should be a couple paragraphs about their origins leading up to joining the group.
relationships: this will be worked out in the discord, so you may leave this section blank at first.
[div class=over]Roles[/div]
THE LEADER reserved | oliver
THE ADVISOR open
THE MEDIC open
THE STRENGTH open
THE INNOCENT reserved | Cosmos
THE HERO open
THE [PENDING] open
THE [PENDING] open
[div class=over]links[/div]
[div class=bottomwords]survival after the nuclear apocalypse
[/div][/div] [div class=line][div class=fimgb][div class=input] [div class=block][div class=inputwords] go forward [/div][/div][/div][/div][/div] [/div][/div] [div class=c]made by: lavendre [/div] [script class=input on=click] slideUp 2000 first fadeIn 1000 second [/script] [script class=back on=click] slideDown 2000 first [/script] [script class=input on=mouseenter] addClass op inputwords [/script] [script class=input on=mouseleave] removeClass op inputwords [/script] [class=background]height: 400px; max-width: 600px; boz-sixing: border-box; margin: auto; position: relative; overflow: hidden; border: 1px solid #f1f1f1 [/class] [class=first]height: 100%; width: 100%; background: #E7CBAE; opacity: 0.99; position: relative; top: -400px [/class] [class=second]height: 100%; width: 100%; background-image:url(https://imgix.bustle.com/uploads/getty/2019/12/12/0c110c43-1a49-41a5-b005-053234ebb374-getty-1192970547.jpg?w=1020&h=576&fit=crop&crop=faces&auto=format&q=70); background-size:105%; background-position: 0% 30%; opacity: 1; position: relative; top: 0px [/class] [class=back]width:100%; height: 40px; padding: 20px 0px 0px 0px; margin: auto; font-weight: 700; letter-spacing: 1.5px; word-spacing: 1.5px; font-size: 13px; color: white; position: relative; top: 305px; text-align: center; text-transform: uppercase; cursor: pointer [/class] [class=line]height: 2px; width: 100%; background: white; position: relative; top: 130px [/class] [class=fimgb]position: relative; top: -95px; margin: auto; clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%); height: 180px; width: 180px; background: #fff; padding: 7px [/class] [class=input]cursor: pointer; height: 180px; width: 180px; background-image: url(https://mysticinvestigations.com/paranormal/wp-content/uploads/2015/09/Urban-Nuclear-Event-1009x1024.jpg); background-size: 120%; background-position: 55% 100%; clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%); filter: saturate(70%) [/class] [class=inputwords]height: 10px; padding: 5px 5px 10px 5px; width: 100%; display: block; background: #fff; color: #444444; position: relative; top: 85px; font-size: 10px; font-family: 'Playfair Display', serif; text-align: center; transition: all .4s ease-in-out; opacity: 0; position: relative [/class] [class name=op]opacity: 1 [/class] [class name=words]height:100px; width: 100%; font-size: 25px; font-family: 'Playfair Display', serif; position: absolute; color: #444444; top: 250px; text-align: center; letter-spacing: 4.5px; text-transform: uppercase [/class] [class=topimg]height:100%; width:100%; filter: saturate(110%); transition: all .5s ease-in-out; position: relative; top: 0px; left: 0px [/class] [class name=topimg state=hover]filter: saturate(150%); [/class] [class=topwords]width:130px; height: 7%; border-bottom: 1px solid #94A12C; font-size: 12px; color: black; position: relative; top: 220px; margin: auto; font-family: 'Montserrat', sans-serif; font-weight: 700; word-spacing: 1px; letter-spacing: 1px; [/class] [class=bottomwords]height: 100%; width: 100%; font-size: 0.45em; text-transform: lowercase; text-align: center; font-style: oblique; top: -5px; line-height: 14px; letter-spacing: 0.2px; position: relative; top: 10px [/class] [class=border]height: 300px; width: 345px; position: relative; margin:auto; top: -371px; left: 0px [/class] [class name=opacitybg]height: 289px; width: 350px; border: 1px solid white; background: white; opacity: 0.8; margin: auto; position: relative; top: 5px [/class] [class=i]display: inline-block; font-size: 30px; font-style: italic [/class] [class=box]height: 80%; width: 90%; padding: 5px; font-size: 11px; font-family: 'Hind', sans-serif; margin: auto; position: relative; top: -265px; line-height:16px; word-spacing: -0px; overflow: auto; text-align: justify [/class] [class=over]height: 25px; padding: 10px 0px 0px 0px; width: 100%; background: #CB9469; font-size: 10px; font-weight: 700; text-transform: uppercase; position: sticky; top: 0px; text-align: center; letter-spacing: 2px; [/class] [class=num]display: inline-block; font-size: 11px; font-weight: 700 [/class] [class=c]width: 100%; text-align: center; opacity: 0; font-size: 10px [/class]
[div class=back] go back [/div][/div] [div class=border][div class=opacitybg][/div] [div class=box][div class=over]Character Sheets[/div]
please include these things, but feel free to add anything else you would like! you can use any coding for your cs but you also don't have to use any either. please use a real life/realistic faceclaim.
basics
name:
nickname(s):
d.o.b.:
age:
gender:
orientation:
role:
appearance:
height:
weight:
build:
hair color:
eye color:
misc: (tattoos, scars, body mods)
persona:
vices:
virtues:
likes:
dislikes:
special skills:
inventory:
background: this should be a couple paragraphs about their origins leading up to joining the group.
relationships: this will be worked out in the discord, so you may leave this section blank at first.
[div class=over]Roles[/div]
THE LEADER reserved | oliver
THE ADVISOR open
THE MEDIC open
THE STRENGTH open
THE INNOCENT reserved | Cosmos
THE HERO open
THE [PENDING] open
THE [PENDING] open
[div class=over]links[/div]
IC - DISCORD - INTEREST CHECK
code by undine
[/div][/div][/div]
[div class=first]
[div class=words][div class=i]a[/div]fter tomorrow
[div class=bottomwords]survival after the nuclear apocalypse
[/div][/div] [div class=line][div class=fimgb][div class=input] [div class=block][div class=inputwords] go forward [/div][/div][/div][/div][/div] [/div][/div] [div class=c]made by: lavendre [/div] [script class=input on=click] slideUp 2000 first fadeIn 1000 second [/script] [script class=back on=click] slideDown 2000 first [/script] [script class=input on=mouseenter] addClass op inputwords [/script] [script class=input on=mouseleave] removeClass op inputwords [/script] [class=background]height: 400px; max-width: 600px; boz-sixing: border-box; margin: auto; position: relative; overflow: hidden; border: 1px solid #f1f1f1 [/class] [class=first]height: 100%; width: 100%; background: #E7CBAE; opacity: 0.99; position: relative; top: -400px [/class] [class=second]height: 100%; width: 100%; background-image:url(https://imgix.bustle.com/uploads/getty/2019/12/12/0c110c43-1a49-41a5-b005-053234ebb374-getty-1192970547.jpg?w=1020&h=576&fit=crop&crop=faces&auto=format&q=70); background-size:105%; background-position: 0% 30%; opacity: 1; position: relative; top: 0px [/class] [class=back]width:100%; height: 40px; padding: 20px 0px 0px 0px; margin: auto; font-weight: 700; letter-spacing: 1.5px; word-spacing: 1.5px; font-size: 13px; color: white; position: relative; top: 305px; text-align: center; text-transform: uppercase; cursor: pointer [/class] [class=line]height: 2px; width: 100%; background: white; position: relative; top: 130px [/class] [class=fimgb]position: relative; top: -95px; margin: auto; clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%); height: 180px; width: 180px; background: #fff; padding: 7px [/class] [class=input]cursor: pointer; height: 180px; width: 180px; background-image: url(https://mysticinvestigations.com/paranormal/wp-content/uploads/2015/09/Urban-Nuclear-Event-1009x1024.jpg); background-size: 120%; background-position: 55% 100%; clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%); filter: saturate(70%) [/class] [class=inputwords]height: 10px; padding: 5px 5px 10px 5px; width: 100%; display: block; background: #fff; color: #444444; position: relative; top: 85px; font-size: 10px; font-family: 'Playfair Display', serif; text-align: center; transition: all .4s ease-in-out; opacity: 0; position: relative [/class] [class name=op]opacity: 1 [/class] [class name=words]height:100px; width: 100%; font-size: 25px; font-family: 'Playfair Display', serif; position: absolute; color: #444444; top: 250px; text-align: center; letter-spacing: 4.5px; text-transform: uppercase [/class] [class=topimg]height:100%; width:100%; filter: saturate(110%); transition: all .5s ease-in-out; position: relative; top: 0px; left: 0px [/class] [class name=topimg state=hover]filter: saturate(150%); [/class] [class=topwords]width:130px; height: 7%; border-bottom: 1px solid #94A12C; font-size: 12px; color: black; position: relative; top: 220px; margin: auto; font-family: 'Montserrat', sans-serif; font-weight: 700; word-spacing: 1px; letter-spacing: 1px; [/class] [class=bottomwords]height: 100%; width: 100%; font-size: 0.45em; text-transform: lowercase; text-align: center; font-style: oblique; top: -5px; line-height: 14px; letter-spacing: 0.2px; position: relative; top: 10px [/class] [class=border]height: 300px; width: 345px; position: relative; margin:auto; top: -371px; left: 0px [/class] [class name=opacitybg]height: 289px; width: 350px; border: 1px solid white; background: white; opacity: 0.8; margin: auto; position: relative; top: 5px [/class] [class=i]display: inline-block; font-size: 30px; font-style: italic [/class] [class=box]height: 80%; width: 90%; padding: 5px; font-size: 11px; font-family: 'Hind', sans-serif; margin: auto; position: relative; top: -265px; line-height:16px; word-spacing: -0px; overflow: auto; text-align: justify [/class] [class=over]height: 25px; padding: 10px 0px 0px 0px; width: 100%; background: #CB9469; font-size: 10px; font-weight: 700; text-transform: uppercase; position: sticky; top: 0px; text-align: center; letter-spacing: 2px; [/class] [class=num]display: inline-block; font-size: 11px; font-weight: 700 [/class] [class=c]width: 100%; text-align: center; opacity: 0; font-size: 10px [/class]
Last edited: