tweezoid
vie <3
[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 sheet (deadline: May 7th)[/div]
Full Name:
NIckname:
Age:
Gender:
Sexuality:
Relationship Status:
FC:
Backstory:
Vices {+4}:
Virtues {+4}:
Likes {+2}:
Dislikes {+2}:
Habits {+2}:
Personality:
Dream (what career do they aspire to succeed in? can range from accountant to rockstar, I don't really mind, anything's fine, really):
Favorite musical artist (this one's really just for fun, so it's optional): [/div][/div][/div] [div class=first] [div class=words][div class=i]๐ฐ๐ป๐จ๐ณ๐ฐ๐จ๐ต ๐บ๐ผ๐ด๐ด๐ฌ๐น ๐ต๐ฐ๐ฎ๐ฏ๐ป๐บ[/div]
[div class=bottomwords]my glass shall not persuade me i am old,
so long as youth and thou are of one date;
but when in thee time's furrows i behold,
then look i death my days should expire. [/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 #f1f1f1 [/class] [class=first]height: 100%; width: 100%; background: #fff; opacity: 0.99; position: relative; top: -400px [/class] [class=second]height: 100%; width: 100%; background-image:url(https://cdn.shopify.com/s/files/1/1159/7264/products/Italian_Countryside.JPG?v=1485473759); 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://www.artnet.com/WebServices/images/ll00440lldtVoGFg2bECfDrCWvaHBOctY3C/luigi-lucioni-view-of-a-northern-italian-countryside.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: #fff; 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 sheet (deadline: May 7th)[/div]
Full Name:
NIckname:
Age:
Gender:
Sexuality:
Relationship Status:
FC:
Backstory:
Vices {+4}:
Virtues {+4}:
Likes {+2}:
Dislikes {+2}:
Habits {+2}:
Personality:
Dream (what career do they aspire to succeed in? can range from accountant to rockstar, I don't really mind, anything's fine, really):
Favorite musical artist (this one's really just for fun, so it's optional): [/div][/div][/div] [div class=first] [div class=words][div class=i]๐ฐ๐ป๐จ๐ณ๐ฐ๐จ๐ต ๐บ๐ผ๐ด๐ด๐ฌ๐น ๐ต๐ฐ๐ฎ๐ฏ๐ป๐บ[/div]
[div class=bottomwords]my glass shall not persuade me i am old,
so long as youth and thou are of one date;
but when in thee time's furrows i behold,
then look i death my days should expire. [/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 #f1f1f1 [/class] [class=first]height: 100%; width: 100%; background: #fff; opacity: 0.99; position: relative; top: -400px [/class] [class=second]height: 100%; width: 100%; background-image:url(https://cdn.shopify.com/s/files/1/1159/7264/products/Italian_Countryside.JPG?v=1485473759); 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://www.artnet.com/WebServices/images/ll00440lldtVoGFg2bECfDrCWvaHBOctY3C/luigi-lucioni-view-of-a-northern-italian-countryside.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: #fff; 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]
