Squad141
The Purple Soul
[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]basics[/div]
Full Name:
Nicknames:
Age (Between 15-18):
Year (Sophomore-Senior):
Date of Birth (Year not required):
Gender:
Sexuality:
Part-Time Jobs (Not required):
[div class=over]appearance[/div]
Image (If possible):
Physical Ailments (If any):
[div class=over]persona and background[/div]
Personality:
Likes (3+):
Dislikes (3+):
Mental Ailments (If applicable):
History:
Family:
Miscellaneous Information: [/div][/div][/div] [div class=first] [div class=words][div class=i]H[/div]aunting
[div class=bottomwords]
character
creation
[/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: @undine[/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 #000000 [/class] [class=first]height: 100%; width: 100%; background: #FF8C00; opacity: 0.99; position: relative; top: -400px [/class] [class=second]height: 100%; width: 100%; background-image:url(https://i.pinimg.com/originals/19/f6/bd/19f6bd0c396da8e6c9dfaa9ad572ab27.jpg); 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://i.pinimg.com/originals/60/87/bb/6087bb654f20fdbbbfa73c3d51c3673e.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: #ACACAC; 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]
(credit to undine for code)
[div class=back] go back [/div][/div] [div class=border][div class=opacitybg][/div] [div class=box][div class=over]basics[/div]
Full Name:
Nicknames:
Age (Between 15-18):
Year (Sophomore-Senior):
Date of Birth (Year not required):
Gender:
Sexuality:
Part-Time Jobs (Not required):
[div class=over]appearance[/div]
Image (If possible):
Physical Ailments (If any):
[div class=over]persona and background[/div]
Personality:
Likes (3+):
Dislikes (3+):
Mental Ailments (If applicable):
History:
Family:
Miscellaneous Information: [/div][/div][/div] [div class=first] [div class=words][div class=i]H[/div]aunting
[div class=bottomwords]
character
creation
[/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: @undine[/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 #000000 [/class] [class=first]height: 100%; width: 100%; background: #FF8C00; opacity: 0.99; position: relative; top: -400px [/class] [class=second]height: 100%; width: 100%; background-image:url(https://i.pinimg.com/originals/19/f6/bd/19f6bd0c396da8e6c9dfaa9ad572ab27.jpg); 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://i.pinimg.com/originals/60/87/bb/6087bb654f20fdbbbfa73c3d51c3673e.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: #ACACAC; 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]
(credit to undine for code)