Nornslayer
sugar is my wife and morg is the other mistress
PLEASE ONLY POST HERE IF YOU ARE IN THE DISCORD!!
If you have multiple characters please use this with the form:
Code:
FORM:
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]Parent name[/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]fairy tale name here[/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]From Isle/Auradon[/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. add if they have any extra features like animal ears/claws.[/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;]powers.[/border]
[b]short lyric.[/b]
[i]description of power #1.[/i]
[b]short lyric.[/b]
[i]description of power #2.[/i]
[b]short lyric.[/b]
[i]description of power #3.[/i]
[comment]make sure to fully describe the power, including how long it lasts for (if there's an effect) and exactly what the effects are. also please include at one drawback per power. all powers/abilities need to relate in some way to each other and stay canon to the fairy tale & the parent. skills like acrobatics/flexibility/sword play count as a power here and will take one of the slots. Only 3 powers/abilities allowed. If your character is part of the S rank team they are allowed 2 additional powers/abilities. If they are A rank they may have 1 extra power/ability. All others only have 3 total!![/comment]
[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]