Nornslayer
sugar is my wife and morg is the other mistress
SIGN UP INFO
Please make sure to read the main thread and verify with me in discord that you can begin character creation before you post here!
FORM
Please make sure to read the main thread and verify with me in discord that you can begin character creation before you post here!
FORM
Code:
[COMMENT]
----------the four variant properties (the ones starting with "--" are meant to filled in with your own colours + urls unless you want to keep the current ones----------
[/COMMENT][border=/*container*/ 0;
--accent-colour: #90BDC5;
--background-colour: #E6E6E6;
--iphone-lockscreen-wallpaper: url(https://64.media.tumblr.com/75a6bf9d3b0fec4c5cecfe86768ff770/tumblr_pc4wpnCAdL1x4bsero1_1280.jpg) 50% 50%;
--twitter-profile-picture: url(https://64.media.tumblr.com/1096990840dbe6a22b0aed1b7e7ea239/tumblr_pc4wpnCAdL1x4bsero2_1280.jpg) 50% 50%;
box-sizing: border-box; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; height: auto; max-width: 520px; position: relative; margin: auto; overflow: hidden; cursor: default;][border= /*left*/ 0; box-sizing: border-box; padding: 0; width: 240px; height: 490px; position: relative; display: flex; flex-direction: column; align-items: center; margin: 5px; overflow: hidden;][border= /*NAME*/ 0; box-sizing: border-box; padding: 0; width: 100%; height: auto; line-height: 12px; font-size: 14px; font-style: oblique; text-transform: uppercase; position: relative; margin-bottom: 3px; text-align: center; color: var(--accent-colour); font-weight: bold;][COMMENT]
--------------------YC'S NAME GOES HERE--------------------
[/COMMENT]NAME[/border][border=
/*accordion holder*/ 0; box-sizing: border-box; padding: 0; width: 100%; height: 330px; border-radius: 10px; position: relative; margin-bottom: 10px; overflow: hidden;][border=
0; box-sizing: border-box; padding: 0; position: relative; margin: auto; width: 100%; height: calc(100% + 15px); overflow: hidden; margin: -15px 0 0 0;][accordion=100%]{slide=[border=
/*IPHONE TEXT BG*/ 0; box-sizing: border-box; padding: 10px 0 0 0; position: relative; height: 331px; width: calc(100% + 14px); background: var(--background-colour); margin: -7px 0 0 -7px; display: flex; flex-direction: column; overflow: hidden; font-weight: normal; font-variant: normal; text-align: justify;][border=
/*top hidden scroll*/ 0; box-sizing: border-box; padding: 0; width: 200%; flex: 1; position: relative; overflow: auto; margin-bottom: 10px;][border= /*more top hidden scroll*/ 0; box-sizing: border-box; padding: 0 10px 0 10px; width: 240px; font-size: 12px; color: black; line-height: 16px;][COMMENT]
--------------------YOU CAN START TYPING IN YOUR CS AFTER THIS COMMENT--------------------
----------copy + paste the "detail" tags to add more cs info----------
[/COMMENT][border= /*detail*/ 0; box-sizing: border-box; padding: 0 7px 0 7px; position: relative; display: inline-block; background: var(--accent-colour); border-radius: 3px; text-transform: uppercase; font-size: 13px; margin-right: 4px; z-index: 2;]name[/border] here
[border= /*detail*/ 0; box-sizing: border-box; padding: 0 7px 0 7px; position: relative; display: inline-block; background: var(--accent-colour); border-radius: 3px; text-transform: uppercase; font-size: 13px; margin-right: 4px; z-index: 2;]nickname(s)[/border] here
[border= /*detail*/ 0; box-sizing: border-box; padding: 0 7px 0 7px; position: relative; display: inline-block; background: var(--accent-colour); border-radius: 3px; text-transform: uppercase; font-size: 13px; margin-right: 4px; z-index: 2;]age[/border] here
[border= /*detail*/ 0; box-sizing: border-box; padding: 0 7px 0 7px; position: relative; display: inline-block; background: var(--accent-colour); border-radius: 3px; text-transform: uppercase; font-size: 13px; margin-right: 4px; z-index: 2;]d.o.b.[/border] date of birth
[border= /*detail*/ 0; box-sizing: border-box; padding: 0 7px 0 7px; position: relative; display: inline-block; background: var(--accent-colour); border-radius: 3px; text-transform: uppercase; font-size: 13px; margin-right: 4px; z-index: 2;]gender[/border] here
[border= /*detail*/ 0; box-sizing: border-box; padding: 0 7px 0 7px; position: relative; display: inline-block; background: var(--accent-colour); border-radius: 3px; text-transform: uppercase; font-size: 13px; margin-right: 4px; z-index: 2;]pronouns[/border] here
[border= /*detail*/ 0; box-sizing: border-box; padding: 0 7px 0 7px; position: relative; display: inline-block; background: var(--accent-colour); border-radius: 3px; text-transform: uppercase; font-size: 13px; margin-right: 4px; z-index: 2;]sexuality[/border] here
[border= /*detail*/ 0; box-sizing: border-box; padding: 0 7px 0 7px; position: relative; display: inline-block; background: var(--accent-colour); border-radius: 3px; text-transform: uppercase; font-size: 13px; margin-right: 4px; z-index: 2;]romantic orientation[/border] here
[border= /*detail*/ 0; box-sizing: border-box; padding: 0 7px 0 7px; position: relative; display: inline-block; background: var(--accent-colour); border-radius: 3px; text-transform: uppercase; font-size: 13px; margin-right: 4px; z-index: 2;]supernatural race[/border] here
[border= /*detail*/ 0; box-sizing: border-box; padding: 0 7px 0 7px; position: relative; display: inline-block; background: var(--accent-colour); border-radius: 3px; text-transform: uppercase; font-size: 13px; margin-right: 4px; z-index: 2;]major[/border] college major here
[border= /*detail*/ 0; box-sizing: border-box; padding: 0 7px 0 7px; position: relative; display: inline-block; background: var(--accent-colour); border-radius: 3px; text-transform: uppercase; font-size: 13px; margin-right: 4px; z-index: 2;]minor(s)[/border] college minor(s) here[COMMENT]
--------------------DON'T TYPE ANYTHING AFTER THIS COMMENT--------------------
[/COMMENT][/border][/border][border= /*pics holder*/ 0; box-sizing: border-box; padding: 10px 20px 10px 20px; width: 100%; height: 93px; position: relative; display: flex; justify-content: space-between;][COMMENT]
--------------------THESE CIRCLES ARE 3 SMALL PICS--------------------
----------you can make them a solid colour too (instead of a pic) if you'd like, by replacing "url(---) 50% 50%; background-size: cover;" with a HEX value----------
[/COMMENT][border= /*CIRCLE 1*/ 3px solid var(--accent-colour); box-sizing: border-box; padding: 0; height: 66px; width: 66px; position: relative; border-radius: 100%; background: url(https://64.media.tumblr.com/75a6bf9d3b0fec4c5cecfe86768ff770/tumblr_pc4wpnCAdL1x4bsero1_1280.jpg) 50% 50%; background-size: cover; margin-right: 10px;][/border][border=
/*CIRCLE 2*/ 3px solid var(--accent-colour); box-sizing: border-box; padding: 0; height: 39px; width: 39px; position: relative; border-radius: 100%; background: url(https://64.media.tumblr.com/53d5052f00597350a949b4ab17a71498/tumblr_pc4wpnCAdL1x4bsero4_1280.jpg) 50% 50%; background-size: cover;align-self: center;][/border][border=
/*CIRCLE 3*/ 3px solid var(--accent-colour); box-sizing: border-box; padding: 0; height: 23px; width: 23px; position: relative; border-radius: 100%; background: url(https://64.media.tumblr.com/e3b320b2052829c83e0222d130de9f93/tumblr_pc4wpnCAdL1x4bsero6_1280.jpg) 50% 50%; background-size: cover;][/border] [/border][/border]}[border=
/*ignore*/ 0; box-sizing: border-box; padding: 0; position: relative; height: 331px; width: 100%;][/border]{/slide}{slide=[border= /*IPHONE LOCKSCREEN*/ 0; box-sizing: border-box; padding: 40px 0 40px 0; position: absolute; height: 331.75px; width: calc(100% + 2px); background: var(--iphone-lockscreen-wallpaper); background-size: cover; left: -1px; top: -337.75px; pointer-events: none; border-radius: 9px; display: flex; flex-direction: column; color: white; text-align: center; font-weight: normal; font-variant: normal; z-index: 4;][border=
/*TIME*/ 0; box-sizing: border-box; padding: 0; position: relative; font-size: 40px; width: 100%; line-height: 28px; margin-bottom: 15px;][font=Arimo]1:27[/font][/border][border=
/*DATE*/ 0; box-sizing: border-box; padding: 0; position: relative; font-size: 15px; width: 100%; line-height: 15px;][font=Varta]Monday, January 27[/font][/border][border=
/*swipe*/ 0; box-sizing: border-box; padding: 0; position: relative; font-size: 13px; width: 100%; line-height: 13px; flex: 1;][border= /*flex*/ 0; box-sizing: border-box; padding: 0; height: 100%; width: 100%; display: flex; align-items: flex-end; justify-content: center;][border= /*right arrow*/ 0; box-sizing: border-box; padding: 0 6px 2px 0; position: relative;][fa]fa-chevron-right[/fa][/border][font=Varta]slide to unlock[/font][/border][/border][/border]}{/slide}[/accordion][/border][/border][border=
/*VISAGE CS BOX*/ 0; box-sizing: border-box; padding: 10px 0 10px 0; width: 100%; flex: 1; background: var(--background-colour); position: relative; overflow: hidden; border-radius: 10px;][border=
/*hidden scroll*/ 0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; position: relative; overflow: auto;][border= /*more hidden scroll*/ 0; box-sizing: border-box; padding: 0 10px 0 10px; width: 240px; position: relative; font-size: 12px; color: black; line-height: 16px;][COMMENT]
--------------------YOU CAN START TYPING IN YOUR CS AFTER THIS COMMENT--------------------
[/COMMENT][border= /*detail*/ 0; box-sizing: border-box; padding: 0 7px 0 7px; position: relative; display: inline-block; background: var(--accent-colour); border-radius: 3px; text-transform: uppercase; font-size: 13px; margin-right: 4px; z-index: 2;]face claim[/border] here
[border= /*detail*/ 0; box-sizing: border-box; padding: 0 7px 0 7px; position: relative; display: inline-block; background: var(--accent-colour); border-radius: 3px; text-transform: uppercase; font-size: 13px; margin-right: 4px; z-index: 2;]eyes[/border] red (alpha), yellow (normal werewolf), blue (werewolf that killed an innocent)
[border= /*detail*/ 0; box-sizing: border-box; padding: 0 7px 0 7px; position: relative; display: inline-block; background: var(--accent-colour); border-radius: 3px; text-transform: uppercase; font-size: 13px; margin-right: 4px; z-index: 2;]hair[/border] very short description, color and length + style
[border= /*detail*/ 0; box-sizing: border-box; padding: 0 7px 0 7px; position: relative; display: inline-block; background: var(--accent-colour); border-radius: 3px; text-transform: uppercase; font-size: 13px; margin-right: 4px; z-index: 2;]height[/border] here
[border= /*detail*/ 0; box-sizing: border-box; padding: 0 7px 0 7px; position: relative; display: inline-block; background: var(--accent-colour); border-radius: 3px; text-transform: uppercase; font-size: 13px; margin-right: 4px; z-index: 2;]build[/border] here[COMMENT]
--------------------DON'T TYPE ANYTHING AFTER THIS COMMENT--------------------
[/COMMENT][/border][/border][/border][/border][border= /*right*/ 0; box-sizing: border-box; padding: 0; width: 240px; height: 490px; position: relative; margin: 5px; overflow: hidden; display: flex; flex-direction: column;][border=
/*TWITTER BACKGROUND*/ 0; box-sizing: border-box; padding: 0 0 11px 0; position: relative; width: 100%; height: 211px; background: var(--background-colour); display: flex; flex-direction: column; overflow: hidden; border-radius: 10px; margin-bottom: 10px;][border=
/*TWITTER HEADER*/ 0; box-sizing: border-box; padding: 0 0 0 20px; position: relative; width: 100%; height: 70px; background: var(--accent-colour); display: flex; align-items: flex-end; margin-bottom: 30px;][border=
/*PROFILE PIC*/ 3px solid var(--accent-colour); box-sizing: border-box; padding: 0; width: 70px; height: 70px; background: var(--twitter-profile-picture); background-size: cover; position: relative; border-radius: 5px; margin-bottom: -20px; margin-right: 6px;][/border][COMMENT]
--------------------YC'S TWITTER HANDLE/USERNAME GOES HERE--------------------
[/COMMENT][border= /*USERNAME*/ 0; box-sizing: border-box; padding: 0 0 1px 0; position: relative; flex: 1; height: auto; font-style: oblique; font-size: 13px; color: black;][plain]username[/plain][/border][/border][border=
/*twitter posts*/ 0; box-sizing: border-box; padding: 0; width: 200%; position: relative; flex: 1; overflow: auto;][border= /*hidden scroll*/ 0; box-sizing: border-box; padding: 0 10px 0 10px; width: 240px; position: relative;][COMMENT]
--------------------YC'S TWITTER PICTURES--------------------
----------if you want to add more pics, the "pic holder" tag is important to copy + paste along with the two "pic" ones----------
[/COMMENT][border= /*pic holder*/ 0; box-sizing: border-box; padding: 0; width: 100%; height: 100px; display: flex; position: relative;][border=
/*PIC*/ 0; box-sizing: border-box; padding: 0; flex: 1; background: url(https://64.media.tumblr.com/690b7fd5fc2c38b0d4b81b8a0d713ca9/tumblr_pc4wpnCAdL1x4bsero5_1280.jpg) 50% 50%; background-size: cover; border-radius: 5px; position: relative; margin-right: 10px;][/border][border=
/*PIC*/ 0; box-sizing: border-box; padding: 0; flex: 1; background: url(https://64.media.tumblr.com/dab5b069c6de9241248443c1f811a90b/tumblr_pc4wpnCAdL1x4bsero3_500.jpg) 50% 50%; background-size: cover; border-radius: 5px; position: relative;][/border][/border][border=
/*pic holder*/ 0; box-sizing: border-box; padding: 0; width: 100%; height: 100px; display: flex; position: relative; margin-top: 10px;][border=
/*PIC*/ 0; box-sizing: border-box; padding: 0; flex: 1; background: url(https://64.media.tumblr.com/54768e62a1170ce8512440aba2c95c73/tumblr_pc4wpnCAdL1x4bsero9_500.jpg) 50% 50%; background-size: cover; border-radius: 5px; position: relative; margin-right: 10px;][/border][border=
/*PIC*/ 0; box-sizing: border-box; padding: 0; flex: 1; background: url(https://64.media.tumblr.com/24536f0286feb02dbc64a29e77be22e3/tumblr_pc4wpnCAdL1x4bsero8_1280.jpg) 50% 50%; background-size: cover; border-radius: 5px; position: relative;][/border][/border][COMMENT]
----------here i left the second "url(---) 50% 50%;" empty bc i didn't want to add a pic BUT THE "PIC HOLDER" TAG IS STILL IMPORTANT----------
[/COMMENT][border=/*pic holder*/ 0; box-sizing: border-box; padding: 0; width: 100%; height: 100px; display: flex; position: relative; margin-top: 10px;][border=
/*PIC*/ 0; box-sizing: border-box; padding: 0; flex: 1; background: url(https://64.media.tumblr.com/ee35beb1c5e6f1d8208b380c219c070c/tumblr_pc4wpnCAdL1x4bsero7_1280.jpg) 50% 50%; background-size: cover; border-radius: 5px; position: relative; margin-right: 10px;][/border][border=
/*PIC*/ 0; box-sizing: border-box; padding: 0; flex: 1; background: url() 50% 50%; background-size: cover; border-radius: 5px; position: relative;][/border][/border][COMMENT]
--------------------DON'T ADD ANY PICS AFTER THIS COMMENT--------------------
[/COMMENT][/border][/border][/border][COMMENT]
--------------------ADD A SHORT QUOTE HERE--------------------
[/COMMENT][border= /*QUOTE*/ 0; box-sizing: border-box; padding: 10px 13.5px 10px 10px; position: relative; width: 100%; height: auto; background: var(--accent-colour); border-radius: 10px; margin-bottom: 10px; font-style: oblique; text-transform: uppercase; font-size: 15px; line-height: 17px; text-align: justify; color: white;]quote here[/border][border=
/*HISTORY + PERSONA BOX*/ 0; box-sizing: border-box; padding: 0 0 10px 0; position: relative; width: 100%; flex: 1; background: var(--background-colour); border-radius: 10px; overflow: hidden;][border=
/*hidden scroll*/ 0; box-sizing: border-box; padding: 0; width: 200%; height: 100%; position: relative; overflow: auto;][border= /*more hidden scroll*/ 0; box-sizing: border-box; padding: 0 10px 0 10px; width: 240px; position: relative; font-size: 12px; text-align: justify; line-height: 16px; color: black;][COMMENT]
--------------------YOU CAN START TYPING IN YOUR CS FROM HERE--------------------
----------the "title holder" + "title" tags go together for the big titles like "personality" and "history"; you can add more titles of these by copying those 2 tags----------
[/COMMENT][border= /*TITLE HOLDER*/ 0; box-sizing: border-box; padding: 0 0 10px 0; width: calc(100% + 20px); height: auto; margin-left: -10px; position: sticky; top: 0; background: var(--background-colour); z-index: 3;][border= /*TITLE*/ 0; box-sizing: border-box; padding: 3px 0 3px 0; width: 100%; height: auto; text-transform: uppercase; position: relative; background: var(--accent-colour); text-align: center; font-size: 25px; line-height: 25px;]personality[/border][/border]
HCS
— at least 25
—
—
[border=/*TITLE HOLDER*/ 0; box-sizing: border-box; padding: 0 0 10px 0; width: calc(100% + 20px); height: auto; margin-left: -10px; position: sticky; top: 0; background: var(--background-colour); z-index: 3;][border= /*TITLE*/ 0; box-sizing: border-box; padding: 3px 0 3px 0; width: 100%; height: auto; text-transform: uppercase; position: relative; background: var(--accent-colour); text-align: center; font-size: 25px; line-height: 25px;]history[/border][/border]brief backstory, make sure you state wether they were born a werewolf or bitten and the circumstances of both.[COMMENT]
--------------------DON'T TYPE ANYTHING PAST THIS COMMENT--------------------
[/COMMENT][/border][/border][/border][/border][/border][border= /*credit*/ 0; box-sizing: border-box; padding: 1px 0 0 0; position: relative; font-size: 7px; text-align: center;][URL='https://www.rpnation.com/threads/the-dark-ages-mobile-friendly.471463/page-2#post-10474687']code[/URL] by valen t.[/border]