Nornslayer
sugar is my wife and morg is the other mistress
PLEASE ONLY POST IF YOU ARE IN THE DISCORD!! Please also post all characters in a single post, I don’t want to see multiple replies for one player!
FORM:
FORM:
[/CODE]
FORM:
Code:
PLEASE ONLY POST HERE IF YOU ARE IN THE DISCORD!!
If you have multiple characters please use this with the form:
Code:
[CODE]
[tabs]
[tab=NAME.]
form goes here
[/tab]
[tab=NAME.]
form goes here
[/tab]
[/tabs]
FORM:
Code:
[comment]
note: the original request specified small-caps! as such, most of the text here has a small-caps applied to it. to remove it, please search up "font-variant:small-caps" and remove it from the code entirely if you want to use normal-sized text! you may need to adjust the "font-size" in the same border tag that you removed small-caps from if the text ends up too big. i recommend dropping it by 2-10px!
[/comment][border=transparent;
*background colour;
--bg-color: #7F7F7F;
*text boxes colour;
--color-1: #C3C3C3;
*(darker) header colour;
--color-2: #880015;
*(lighter) subtitle and text colour;
--t-color: #98413D;
*the one image;
--img-1: url('https://breakthrough.org/wp-content/uploads/2018/10/default-placeholder-image.png');
height:fit-content; width:100%; max-width:420px; padding:0; padding-bottom:20px; position:relative; line-height:0; margin:auto;][border=transparent; height:440px; width:100%; max-width:420px; padding:10px; box-sizing:border-box; background-color: var(--bg-color); display:flex; flex-flow: row nowrap;]
[comment]----right----[/comment]
[border=transparent; height:100%; width:43%; padding:0; margin-right:10px; display:flex; flex-flow: column nowrap;]
[comment]----image----[/comment]
[border=transparent; height:42%; width:100%; padding:0; background: var(--img-1); background-size:cover; margin-bottom:10px;
/*edit the following to adjust the cropping of the image*/ background-position: 50% 50%;][/border]
[comment]----details box----[/comment]
[border=transparent; height:calc(58% - 10px); width:100%; padding:0; box-sizing:border-box; display:flex; flex-flow: column nowrap; background: var(--color-1);]
[comment]----quote----[/comment]
[border=transparent; height:34%; width:100%; padding:5px; box-sizing:border-box; display:flex; align-items:center; justify-content:center; overflow:hidden;]
[border=transparent; height:fit-content; width:fit-content; padding:0; color: var(--color-2); font-variant:small-caps; font-weight:bold; font-size:22px; line-height:100%; text-align:center;][font=Times New Roman][comment]
----* * * quote here----
[/comment]"quote here
three lines
max"[/font][/border]
[/border]
[comment]----details----[/comment]
[border=transparent; height:66%; width:100%; padding:5px 0x; box-sizing:border-box; display:flex; flex-direction:column; overflow:hidden;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll;][border=transparent; height:auto; width:50%; padding:0; display:flex; flex-flow: row wrap; align-content:flex-start;]
[comment]----copy this whole thing to get another tag!----[/comment]
[border=transparent; height:fit-content; width:100%; padding:0; display:flex; flex-flow: row nowrap; align-items:flex-start; margin:5px 0;]
[comment]----icon----[/comment]
[border=transparent; height:fit-content; width:30px; padding:0; flex-shrink:0; line-height:100%; color: var(--color-2); font-size:22px; text-align:center;][comment]
----* * * info icon here (replace the icon name in "fa-(icon)" with the name of the icon you want!)----
[/comment][fa]fas fa-user-alt[/fa][/border]
[comment]----info text----[/comment]
[border=transparent; height:fit-content; flex-grow:1; padding:0; margin-left:10px; color: var(--t-color); font-size:14px; line-height:120%; margin-top:2px;][font=Georgia][comment]
----* * * info contents here!----
[/comment]Single or pair[/font][/border]
[/border]
[comment]----copy me too!----[/comment]
[comment]----copy this whole thing to get another tag!----[/comment]
[border=transparent; height:fit-content; width:100%; padding:0; display:flex; flex-flow: row nowrap; align-items:flex-start; margin:5px 0;]
[comment]----icon----[/comment]
[border=transparent; height:fit-content; width:30px; padding:0; flex-shrink:0; line-height:100%; color: var(--color-2); font-size:22px; text-align:center;][comment]
----* * * info icon here (replace the icon name in "fa-(icon)" with the name of the icon you want!)----
[/comment][fa]fas fa-book[/fa][/border]
[comment]----info text----[/comment]
[border=transparent; height:fit-content; flex-grow:1; padding:0; margin-left:10px; color: var(--t-color); font-size:14px; line-height:120%; margin-top:2px;][font=Georgia][comment]
----* * * info contents here!----
[/comment]country[/font][/border]
[/border]
[comment]----copy me too!----[/comment]
[comment]----copy this whole thing to get another tag!----[/comment]
[border=transparent; height:fit-content; width:100%; padding:0; display:flex; flex-flow: row nowrap; align-items:flex-start; margin:5px 0;]
[comment]----icon----[/comment]
[border=transparent; height:fit-content; width:30px; padding:0; flex-shrink:0; line-height:100%; color: var(--color-2); font-size:22px; text-align:center;][comment]
----* * * info icon here (replace the icon name in "fa-(icon)" with the name of the icon you want!)----
[/comment][fa]fas fa-map-marker-alt[/fa][/border]
[comment]----info text----[/comment]
[border=transparent; height:fit-content; flex-grow:1; padding:0; margin-left:10px; color: var(--t-color); font-size:14px; line-height:120%; margin-top:2px;][font=Georgia][comment]
----* * * info contents here!----
[/comment]specific region in the country that they’re from[/font][/border]
[/border]
[comment]----copy me too!----[/comment]
[comment]----copy this whole thing to get another tag!----[/comment]
[border=transparent; height:fit-content; width:100%; padding:0; display:flex; flex-flow: row nowrap; align-items:flex-start; margin:5px 0;]
[comment]----icon----[/comment]
[border=transparent; height:fit-content; width:30px; padding:0; flex-shrink:0; line-height:100%; color: var(--color-2); font-size:22px; text-align:center;][comment]
----* * * info icon here (replace the icon name in "fa-(icon)" with the name of the icon you want!)----
[/comment][fa]fas fa-compass[/fa][/border]
[comment]----info text----[/comment]
[border=transparent; height:fit-content; flex-grow:1; padding:0; margin-left:10px; color: var(--t-color); font-size:14px; line-height:120%; margin-top:2px;][font=Georgia][comment]
----* * * info contents here!----
[/comment]team here[/font][/border]
[/border]
[comment]----copy me too!----[/comment]
[/border][/border][/border]
[comment]----details end----[/comment]
[/border]
[/border]
[comment]----right end----[/comment]
[comment]----left----[/comment]
[border=transparent; height:100%; max-height:440px; width:calc(57% - 10px); padding:0; display:flex; flex-flow: column nowrap;]
[comment]----name box----[/comment]
[border=transparent; min-height:17%; max-height:24%; width:100%; padding:5px 0; box-sizing:border-box; background: var(--color-1); display:flex; flex-flow: row wrap; align-content:center; justify-content:center; flex-shrink:0;]
[comment]----name----[/comment]
[border=transparent; height:fit-content; width:100%; padding:0; color: var(--color-2); font-variant:small-caps; font-size:30px; text-align:center; font-weight:bold; line-height:80%;][font=Times New Roman][comment]
----* * * your character's name here!----
[/comment]name name[/font][/border]
[comment]----pronouns----[/comment]
[border=transparent; height:fit-content; width:fit-content; padding:0; color: var(--t-color); font-size:16px; font-variant:small-caps; line-height:100%; margin-top:5px; font-weight:bold;][font=Georgia][comment]
----* * *pronouns here!----
[/comment](pro/pro)[/font][/border]
[/border]
[comment]----name box end----[/comment]
[comment]----music box----
instructions for use!
1. change youtube link at ----song title----
2. change soundcloud link at ----actual media player---- -> ----soundcloud----[/comment]
[border=transparent; height:calc(16% - 10px); width:100%; padding:0; background: var(--color-1); margin-top:10px; display:flex; flex-flow: row wrap; align-content:center; justify-content:center;]
[comment]----song title (replace the xx with your youtube link!)----[/comment]
[border=transparent; height:fit-content; width:100%; padding:0; text-align:center;][comment]
----* * *youtube link here!----
[/comment][url='xx'][border=transparent; padding:0; color: var(--color-2); font-size:19px; font-variant:small-caps; line-height:100%; font-weight:bold;][font=Times New Roman][comment]
----* * * song name here!----
[/comment]now playing[/font][/border][/url]
[/border]
[comment]----buttons----[/comment]
[border=transparent; height:fit-content; width:fit-content; padding:0; background: var(--color-1); position:relative; margin:4px 0;]
[comment]----fake play button (ignore!)----[/comment]
[border=transparent; height:fit-content; width:fit-content; padding:0; background: var(--color-1); position:relative; z-index:3; display:flex; pointer-events:none;]
[border=transparent; height:fit-content; width:fit-content; padding:0; color: var(--t-color); font-size:12px; line-height:100%; margin:0 3px;][fa]fas fa-play[/fa][/border]
[border=transparent; height:fit-content; width:fit-content; padding:0; color: var(--t-color); font-size:12px; line-height:100%; margin:0 3px;][fa]fas fa-pause[/fa][/border]
[/border]
[comment]----actual media player----[/comment]
[border=transparent; height:12px; width:30px; padding:0; background-color:red; position:absolute; top:0; left:0; z-index:2; overflow:hidden;][border=transparent; padding:0; margin-left:-25px; margin-top:-35px;][tabs][tab=.]h[/tab]
[tab=.][border=transparent; height:12px; width:30px; padding:0; overflow:hidden; font-size:0; position:absolute; top:0; left:0;]h
[comment]----soundcloud (replace the soundcloud link within media tag with your own!)----[/comment]
[border=transparent; height:80px; width:500px; padding:0; margin-top:-15px; margin-left:-15px;]
[media=soundcloud]http://soundcloud.com/xbwvhoxxj2i8/reol-cover[/media]
[/border]
[/border][/tab]
[/tabs][/border][/border]
[comment]----actual media player end----[/comment]
[/border]
[comment]----buttons end----[/comment]
[comment]----disclaimer (ignore!)----[/comment]
[border=transparent; height:fit-content; width:100%; padding:0; text-align:center; color:var(--t-color); font-size:9px; line-height:100%; margin:2px 0;][font=Georgia][comment]
[/comment](click play twice!)[/font][/border]
[/border]
[comment]----music box end----[/comment]
[comment]----body text----[/comment]
[border=transparent; max-height:calc(67% - 10px); min-height:calc(60% - 10px); flex-shrink:1; width:100%; margin-top:10px; background: var(--color-1); padding:8px 0; box-sizing:border-box; display:flex; flex-direction:column; overflow:hidden;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll;][border=transparent; height:auto; width:50%; padding:0 8px; box-sizing:border-box; color: var(--t-color); font-size:12px; line-height:120%; text-align:justify;][font=Georgia][comment]
----* * *text starts here!----
[/comment]
[border=0px; background: #YOURHEXCODEHERE; width: 100px; height: 1px; font-size: 15px; display: inline; padding: 5px; color: white; font-weight: bold; text-transform: uppercase;]basic info.[/border]
[b]name.[/b] [i]here[/i]
[b]nickname.[/b] [i]here[/i]
[b]age.[/b] [i]here[/i]
[b]gender.[/b] [i]here[/i]
[b]sexuality.[/b] [i]here[/i]
[b]romantic orientation.[/b] [i]here[/i]
[border=0px; background: #YOURHEXCODEHERE; width: 100px; height: 1px; font-size: 15px; display: inline; padding: 5px; color: white; font-weight: bold; text-transform: uppercase;]appearance.[/border]
[b]basic description.[/b] [i]keep it short and brief.[/i]
[b]build.[/b] [i]here[/i]
[b]height.[/b] [i]here[/i]
[border=0px; background: #YOURHEXCODEHERE; width: 100px; height: 1px; font-size: 15px; display: inline; padding: 5px; color: white; font-weight: bold; text-transform: uppercase;]skills.[/border]
[b]what are they know for?[/b]
[i]description here.[/i]
[b]what do they struggle with?[/b]
[i]description here. Fully describe at least 3 weaknesses.[/i]
[border=0px; background: #YOURHEXCODEHERE; width: 100px; height: 1px; font-size: 15px; display: inline; padding: 5px; color: white; font-weight: bold; text-transform: uppercase;]persona.[/border]
[b]concept.[/b]
[i]here[/i]
[border=0px; background: #YOURHEXCODEHERE; width: 100px; height: 1px; font-size: 15px; display: inline; padding: 5px; color: white; font-weight: bold; text-transform: uppercase;]headcanons.[/border]
[b]hcs.[/b]
[i]— here
— here
— here
[/i]
[comment]must have a minimum of 20 hcs[/comment]
[/font][/border][/border][/border]
[comment]----body text end----[/comment]
[/border]
[comment]----left end----[/comment]
[/border][comment]----signature! (do not remove!)-----
[/comment][bg=transparent; height:fit-content; padding:0; width:100%; position:absolute; left:0; bottom:10px; z-index:7;opacity:0.7;font-size:10px;text-align:center; line-height:130%;][font=Open Sans]♡design by rabbitswarren, coded by uxie♡[/font][/bg][/border]