AGE
Twenty-Two
PRONOUNS
Feminine
SEXUALITY
Bisexual
CLASS
Astrologer
UNSORTED
|
Aug 22, 2022 19:26:06 GMT
Post by Elisande Kiaris on Aug 22, 2022 19:26:06 GMT
[nospaces] [attr="class","delicodes"] delirious codesHey! I'm Delirious, and I like to code sometimes. Mostly I focus on making simplistic templates that look like they're not out of place on whatever site I'm using them on. This thread is where I'm going to keep all of the templates that I'll be using on this site, with more being added as time goes on. These templates are free for anyone to use on HOTSPOT. There will be instructions on how to use them in this post, and highlightable code below each template. If you have any questions or need help adjusting anything, feel free to shoot me a DM on Discord at Delirious#4302.[break][break] rules- Do NOT post in this thread. It's for holding my code only.
- Change the class names when using these templates (explained below).
- Do NOT remove my credit (if it exists) or claim this code as your own.
[break] [attr="class","delicodes"] posting template- Navigate to the .elipic class and find the background-image:url(). This is where you change the image link for the big image at the top of the template.
- All of the class, stat and ability information can be edited at the top of the template. The easiest way to find it all is to Ctrl+F for what you're looking for.
- Navigate to the .elistyles class and find the --primary variable. Changing the hex code associated with this variable (currently #ff84e4) will change the main color of the template.
- Still in the .elistyles class, find the --accent variable. Changing the hex code associated with this variable (currently #ff5383) will change the accent color of the template (used for bold and italics).
- Leave the --headers variable alone unless you want the title and tags text to be a color other than white.
- As you may have noticed, all classes include eli in their name (for Elisande). Change this to something else before using.
[break] [attr="class","delicodes"] thread tracker- Navigate to the .elitstyles class and find the --primary variable. Changing the hex code associated with this variable (currently #ff84e4) will change the main color of the template.
- Still in the .elitstyles class, find the --accent variable. Changing the hex code associated with this variable (currently #ff5383) will change the accent color of the template (used for bold and italics).
- Leave the --headers variable alone unless you want the title and tags text to be a color other than white.
- If you want the missions text to be on the same side as the threads and events text, Ctrl+F missions and change the h2 tags surrounding it to h1 tags.
- As you may have noticed, all classes include eli in their name (for Elisande). Change this to something else before using.
[newclass=.delicodes]margin:0px auto;width:500px;padding:10px;background:#e8e8e8;border:1px solid #232323;text-align:justify;[/newclass] [newclass=.delicodes h1]font:800 30px Poppins;text-transform:uppercase;text-align:center;[/newclass] [newclass=.delicodes h2]font:bold 16px Poppins;text-transform:uppercase;[/newclass] [newclass=.delicodes h3]font:bold 12px Poppins;text-transform:uppercase;[/newclass] |
|
AGE
Twenty-Two
PRONOUNS
Feminine
SEXUALITY
Bisexual
CLASS
Astrologer
UNSORTED
|
Aug 30, 2022 11:18:45 GMT
Post by Elisande Kiaris on Aug 30, 2022 11:18:45 GMT
[nospaces] [attr="class","elistyles] [attr="class","elitopbox] [attr="class","elipic"] [attr="class","eliclassname"]class [attr="class","eliclasslvl"]level ?? [break][break] [attr="class","elistatname"]pwr [attr="class","elistatval"]?? [attr="class","elistatname"]def [attr="class","elistatval"]?? [attr="class","elistatname"]spd [attr="class","elistatval"]?? [attr="class","elistatname"]magi [attr="class","elistatval"]?? [attr="class","elistatname"]vit [attr="class","elistatval"]?? [attr="class","elistatname"]wil [attr="class","elistatval"]?? [attr="class","elistatname"]luck [attr="class","elistatval"]?? [break] [attr="class","elicds"] [attr="class","eliabilname"]core [attr="class","eliabilcd"]Cooldown [break][break] [attr="class","eliabilname"]ability one [attr="class","eliabilcd"]Cooldown [attr="class","eliabilname"]ability two [attr="class","eliabilcd"]Cooldown [attr="class","eliabilname"]ability three [attr="class","eliabilcd"]Cooldown [break] [attr="class","eliabilname"]ability four [attr="class","eliabilcd"]Cooldown [attr="class","eliabilname"]ability five [attr="class","eliabilcd"]Cooldown [break] [attr="class","elibox"] title[attr="class","elibody] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[break][break] [attr="class","elisysbox"] [attr="class","elisysbar"] system message[break] This is what a system message pop-up would look like.[break] Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? [break] [newclass=.elitopbox]margin:0px auto;width:500px;height:250px;padding:10px;background:var(--primary);border:1px solid #232323;[/newclass] [newclass=.elibox]margin:0px auto;width:500px;padding:10px;background:var(--primary);border:1px solid #232323;[/newclass] [newclass=.elipic]width:498px;height:248px;background-image:url(https://cdn.discordapp.com/attachments/1011169690615304233/1011363095526002788/Elisande_Template.jpg);background-position:center;background-repeat:no-repeat;border:1px solid #232323;transition-delay:0.3s;transition-duration:1s;[/newclass] [newclass=.eliclassname]margin-top:-250px;color:#232323;font:800 30px Poppins;text-transform:uppercase;text-align:center;opacity:0;transition-delay:0.3s;transition-duration:1s;[/newclass] [newclass=.eliclasslvl]color:#232323;font:800 16px Poppins;text-transform:uppercase;text-align:center;opacity:0;transition-delay:0.3s;transition-duration:1s;[/newclass] [newclass=.elistatname]padding-top:2px;padding-bottom:2px;padding-left:5px;padding-right:5px;background:#232323;color:var(--primary);font:bold 12px Poppins;text-transform:uppercase;text-align:center;display:inline;opacity:0;transition-delay:0.3s;transition-duration:1s;[/newclass] [newclass=.elistatval]padding:5px;font:bold 12px Poppins;display:inline;opacity:0;transition-delay:0.3s;transition-duration:1s;[/newclass] [newclass=.elicds]width:480px;padding:10px;text-align:justify;opacity:0;transition-delay:0.3s;transition-duration:1s;[/newclass] [newclass=.eliabilname]padding-top:2px;padding-bottom:2px;padding-left:5px;padding-right:5px;background:#232323;color:var(--primary);font:bold 12px Poppins;text-transform:uppercase;text-align:center;display:inline;opacity:0;transition-delay:0.3s;transition-duration:1s;[/newclass] [newclass=.eliabilcd]padding:5px;font:bold 12px Poppins;display:inline;opacity:0;transition-delay:0.3s;transition-duration:1s;[/newclass] [newclass=.elibody]margin:0px auto;width:500px;padding:10px;background:#f5f5f5;border-left:1px solid #232323;border-right:1px solid #232323;text-align:justify;[/newclass] [newclass=.elistyles]--primary:#ff84e4;--accent:#ff5383;--headers:#fff;[/newclass] [newclass=.elistyles b]color:var(--accent);[/newclass] [newclass=.elistyles i]color:var(--accent);[/newclass] [newclass=.elistyles a]color:var(--accent);font:bold;[/newclass] [newclass=.elistyles h1]color:var(--headers);font:800 30px Poppins;text-transform:uppercase;[/newclass] [newclass=.elistyles h2]color:var(--headers);font:bold 12px Poppins;text-transform:uppercase;[/newclass] [newclass=.elistyles h3]color:var(--primary);font:bold 12px Poppins;text-transform:uppercase;text-align:center;[/newclass] [newclass=.elistyles:hover .elipic]opacity:0;transition-delay:0.3s;transition-duration:1s;[/newclass] [newclass=.elistyles:hover .eliclassname]opacity:1;transition-delay:0.3s;transition-duration:1s;[/newclass] [newclass=.elistyles:hover .eliclasslvl]opacity:1;transition-delay:0.3s;transition-duration:1s;[/newclass] [newclass=.elistyles:hover .elistatname]opacity:1;transition-delay:0.3s;transition-duration:1s;[/newclass] [newclass=.elistyles:hover .elistatval]opacity:1;transition-delay:0.3s;transition-duration:1s;[/newclass] [newclass=.elistyles:hover .elicds]opacity:1;transition-delay:0.3s;transition-duration:1s;[/newclass] [newclass=.elistyles:hover .eliabilname]opacity:1;transition-delay:0.3s;transition-duration:1s;[/newclass] [newclass=.elistyles:hover .eliabilcd]opacity:1;transition-delay:0.3s;transition-duration:1s;[/newclass] [newclass=.elisysbox]margin:0px auto;width:300px;padding:10px;background:var(--primary);border:1px solid #232323;text-align:justify;[/newclass] [newclass=.elisysbar]width:280px;padding:10px;background:#232323;[/newclass] [newclass=.elisysbox b]color:#232323;[/newclass] [newclass=.delicred]text-align:center;font:bold 8px Poppins;text-transform:uppercase;[/newclass] [newclass=.delicred a]color:var(--primary);font:bold 8px Poppins;text-transform:uppercase;[/newclass] [nospaces][div][attr="class","elistyles][div][attr="class","elitopbox][div][attr="class","elipic"][/div][div][attr="class","eliclassname"]class[/div][div][attr="class","eliclasslvl"]level ??[/div][break][break]
[div align="center"][div][attr="class","elistatname"]pwr[/div][div][attr="class","elistatval"]??[/div][div][attr="class","elistatname"]def[/div][div][attr="class","elistatval"]??[/div][div][attr="class","elistatname"]spd[/div][div][attr="class","elistatval"]??[/div][div][attr="class","elistatname"]magi[/div][div][attr="class","elistatval"]??[/div][div][attr="class","elistatname"]vit[/div][div][attr="class","elistatval"]??[/div][div][attr="class","elistatname"]wil[/div][div][attr="class","elistatval"]??[/div][div][attr="class","elistatname"]luck[/div][div][attr="class","elistatval"]??[/div][/div][break]
[div][attr="class","elicds"][div align="center"][div][attr="class","eliabilname"]core[/div][div][attr="class","eliabilcd"]Cooldown[/div][/div][break][break]
[div align="center"][div][attr="class","eliabilname"]ability one[/div][div][attr="class","eliabilcd"]Cooldown[/div][div][attr="class","eliabilname"]ability two[/div][div][attr="class","eliabilcd"]Cooldown[/div][div][attr="class","eliabilname"]ability three[/div][div][attr="class","eliabilcd"]Cooldown[/div][/div][break]
[div align="center"][div][attr="class","eliabilname"]ability four[/div][div][attr="class","eliabilcd"]Cooldown[/div][div][attr="class","eliabilname"]ability five[/div][div][attr="class","eliabilcd"]Cooldown[/div][/div][/div][/div][break]
[div][attr="class","elibox"][h1]title[/h1][/div]
[div][attr="class","elibody][b]Lorem ipsum dolor sit amet,[/b] [i]consectetur adipiscing elit,[/i] sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[break][break]
[div][attr="class","elisysbox"][div][attr="class","elisysbar"][h3]system message[/h3][/div][break]
[b]This is what a system message pop-up would look like.[/b][/div][break]
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?[/div]
[div][attr="class","elibox"][h2]TAGS: @elisande[/h2][/div]
[div][attr="class","delicred"]coded by [a href="https://hotspot.boards.net/post/508/thread"]delirious[/a][/div][/div]
[newclass=.elitopbox]margin:0px auto;width:500px;height:250px;padding:10px;background:var(--primary);border:1px solid #232323;[/newclass]
[newclass=.elibox]margin:0px auto;width:500px;padding:10px;background:var(--primary);border:1px solid #232323;[/newclass]
[newclass=.elipic]width:498px;height:248px;background-image:url(https://cdn.discordapp.com/attachments/1011169690615304233/1011363095526002788/Elisande_Template.jpg);background-position:center;background-repeat:no-repeat;border:1px solid #232323;transition-delay:0.3s;transition-duration:1s;[/newclass]
[newclass=.eliclassname]margin-top:-250px;color:#232323;font:800 30px Poppins;text-transform:uppercase;text-align:center;opacity:0;transition-delay:0.3s;transition-duration:1s;[/newclass]
[newclass=.eliclasslvl]color:#232323;font:800 16px Poppins;text-transform:uppercase;text-align:center;opacity:0;transition-delay:0.3s;transition-duration:1s;[/newclass]
[newclass=.elistatname]padding-top:2px;padding-bottom:2px;padding-left:5px;padding-right:5px;background:#232323;color:var(--primary);font:bold 12px Poppins;text-transform:uppercase;text-align:center;display:inline;opacity:0;transition-delay:0.3s;transition-duration:1s;[/newclass]
[newclass=.elistatval]padding:5px;font:bold 12px Poppins;display:inline;opacity:0;transition-delay:0.3s;transition-duration:1s;[/newclass]
[newclass=.elicds]width:480px;padding:10px;text-align:justify;opacity:0;transition-delay:0.3s;transition-duration:1s;[/newclass]
[newclass=.eliabilname]padding-top:2px;padding-bottom:2px;padding-left:5px;padding-right:5px;background:#232323;color:var(--primary);font:bold 12px Poppins;text-transform:uppercase;text-align:center;display:inline;opacity:0;transition-delay:0.3s;transition-duration:1s;[/newclass]
[newclass=.eliabilcd]padding:5px;font:bold 12px Poppins;display:inline;opacity:0;transition-delay:0.3s;transition-duration:1s;[/newclass]
[newclass=.elibody]margin:0px auto;width:500px;padding:10px;background:#f5f5f5;border-left:1px solid #232323;border-right:1px solid #232323;text-align:justify;[/newclass]
[newclass=.elistyles]--primary:#ff84e4;--accent:#ff5383;--headers:#fff;[/newclass]
[newclass=.elistyles b]color:var(--accent);[/newclass]
[newclass=.elistyles i]color:var(--accent);[/newclass]
[newclass=.elistyles a]color:var(--accent);font:bold;[/newclass]
[newclass=.elistyles h1]color:var(--headers);font:800 30px Poppins;text-transform:uppercase;[/newclass]
[newclass=.elistyles h2]color:var(--headers);font:bold 12px Poppins;text-transform:uppercase;[/newclass]
[newclass=.elistyles h3]color:var(--primary);font:bold 12px Poppins;text-transform:uppercase;text-align:center;[/newclass]
[newclass=.elistyles:hover .elipic]opacity:0;transition-delay:0.3s;transition-duration:1s;[/newclass]
[newclass=.elistyles:hover .eliclassname]opacity:1;transition-delay:0.3s;transition-duration:1s;[/newclass]
[newclass=.elistyles:hover .eliclasslvl]opacity:1;transition-delay:0.3s;transition-duration:1s;[/newclass]
[newclass=.elistyles:hover .elistatname]opacity:1;transition-delay:0.3s;transition-duration:1s;[/newclass]
[newclass=.elistyles:hover .elistatval]opacity:1;transition-delay:0.3s;transition-duration:1s;[/newclass]
[newclass=.elistyles:hover .elicds]opacity:1;transition-delay:0.3s;transition-duration:1s;[/newclass]
[newclass=.elistyles:hover .eliabilname]opacity:1;transition-delay:0.3s;transition-duration:1s;[/newclass]
[newclass=.elistyles:hover .eliabilcd]opacity:1;transition-delay:0.3s;transition-duration:1s;[/newclass]
[newclass=.elisysbox]margin:0px auto;width:300px;padding:10px;background:var(--primary);border:1px solid #232323;text-align:justify;[/newclass]
[newclass=.elisysbar]width:280px;padding:10px;background:#232323;[/newclass]
[newclass=.elisysbox b]color:#232323;[/newclass]
[newclass=.delicred]text-align:center;font:bold 8px Poppins;text-transform:uppercase;[/newclass]
[newclass=.delicred a]color:var(--primary);font:bold 8px Poppins;text-transform:uppercase;[/newclass] |
|
AGE
Twenty-Two
PRONOUNS
Feminine
SEXUALITY
Bisexual
CLASS
Astrologer
UNSORTED
|
Aug 30, 2022 11:21:11 GMT
Post by Elisande Kiaris on Aug 30, 2022 11:21:11 GMT
[nospaces] [attr="class","elitstyles] [attr="class","elitbox"] threads[attr="class","elitbody"] thread name ft. First Last [STATUS][attr="class","elitsynopsis"]A brief synopsis of the thread can go here. Try not to make it too long or things might look weird. When there are too many threads this section will scroll. thread name ft. First Last [STATUS][attr="class","elitsynopsis"]A brief synopsis of the thread can go here. Try not to make it too long or things might look weird. When there are too many threads this section will scroll. thread name ft. First Last [STATUS][attr="class","elitsynopsis"]A brief synopsis of the thread can go here. Try not to make it too long or things might look weird. When there are too many threads this section will scroll. thread name ft. First Last [STATUS][attr="class","elitsynopsis"]A brief synopsis of the thread can go here. Try not to make it too long or things might look weird. When there are too many threads this section will scroll. thread name ft. First Last [STATUS][attr="class","elitsynopsis"]A brief synopsis of the thread can go here. Try not to make it too long or things might look weird. When there are too many threads this section will scroll. [attr="class","elitbox"] missions[attr="class","elitbody"] thread name ft. First Last [STATUS][attr="class","elitsynopsis"]A brief synopsis of the thread can go here. Try not to make it too long or things might look weird. When there are too many threads this section will scroll. thread name ft. First Last [STATUS][attr="class","elitsynopsis"]A brief synopsis of the thread can go here. Try not to make it too long or things might look weird. When there are too many threads this section will scroll. thread name ft. First Last [STATUS][attr="class","elitsynopsis"]A brief synopsis of the thread can go here. Try not to make it too long or things might look weird. When there are too many threads this section will scroll. thread name ft. First Last [STATUS][attr="class","elitsynopsis"]A brief synopsis of the thread can go here. Try not to make it too long or things might look weird. When there are too many threads this section will scroll. thread name ft. First Last [STATUS][attr="class","elitsynopsis"]A brief synopsis of the thread can go here. Try not to make it too long or things might look weird. When there are too many threads this section will scroll. [attr="class","elitbox"] events[attr="class","elitbody"] thread name ft. First Last [STATUS][attr="class","elitsynopsis"]A brief synopsis of the thread can go here. Try not to make it too long or things might look weird. When there are too many threads this section will scroll. thread name ft. First Last [STATUS][attr="class","elitsynopsis"]A brief synopsis of the thread can go here. Try not to make it too long or things might look weird. When there are too many threads this section will scroll. thread name ft. First Last [STATUS][attr="class","elitsynopsis"]A brief synopsis of the thread can go here. Try not to make it too long or things might look weird. When there are too many threads this section will scroll. thread name ft. First Last [STATUS][attr="class","elitsynopsis"]A brief synopsis of the thread can go here. Try not to make it too long or things might look weird. When there are too many threads this section will scroll. thread name ft. First Last [STATUS][attr="class","elitsynopsis"]A brief synopsis of the thread can go here. Try not to make it too long or things might look weird. When there are too many threads this section will scroll. thread name ft. First Last [STATUS][attr="class","elitsynopsis"]A brief synopsis of the thread can go here. Try not to make it too long or things might look weird. When there are too many threads this section will scroll. [attr="class","elitbox"] [break] [newclass=.elitbox]margin:0px auto;width:500px;padding:10px;background:var(--primary);border:1px solid #232323;[/newclass] [newclass=.elitbody]margin:0px auto;width:500px;height:300px;overflow-y:scroll;padding:10px;background:#f5f5f5;border-left:1px solid #232323;border-right:1px solid #232323;text-align:justify;[/newclass] [newclass=.elitsynopsis]margin:0px auto;width:478px;padding:10px;text-align:justify;[/newclass] [newclass=.elitstyles]--primary:#ff84e4;--accent:#ff5383;--headers:#fff;[/newclass] [newclass=.elitstyles b]color:var(--primary);[/newclass] [newclass=.elitstyles i]color:var(--accent);[/newclass] [newclass=.elitstyles a]color:var(--accent);font:bold 20px Poppins;text-transform:uppercase;[/newclass] [newclass=.elitstyles h1]color:var(--headers);font:800 30px Poppins;text-transform:uppercase;[/newclass] [newclass=.elitstyles h2]color:var(--headers);font:800 30px Poppins;text-transform:uppercase;text-align:right;[/newclass] [newclass=.elitstyles h3]color:var(--primary);font:bold 14px Poppins;[/newclass] [newclass=.elitstyles div::-webkit-scrollbar-thumb]background:var(--primary);border:none;[/newclass] [newclass=.elitstyles div::-webkit-scrollbar-track]background:transparent;border:none;[/newclass] [newclass=.elitstyles div::-webkit-scrollbar]width: 2px;background: transparent;border:none;[/newclass] [newclass=.delicred]text-align:center;font:bold 8px Poppins;text-transform:uppercase;[/newclass] [newclass=.delicred a]color:var(--primary);font:bold 8px Poppins;text-transform:uppercase;[/newclass] [nospaces][div][attr="class","elitstyles][div][attr="class","elitbox"][h1]threads[/h1][/div]
[div][attr="class","elitbody"][a href=""]thread name[/a] [h3]ft. First Last [STATUS][/h3]
[div][attr="class","elitsynopsis"]A brief synopsis of the thread can go here. Try not to make it too long or things might look weird.[/div][/div]
[div][attr="class","elitbox"][h2]missions[/h2][/div]
[div][attr="class","elitbody"][a href=""]thread name[/a] [h3]ft. First Last [STATUS][/h3]
[div][attr="class","elitsynopsis"]A brief synopsis of the thread can go here. Try not to make it too long or things might look weird.[/div][/div]
[div][attr="class","elitbox"][h1]events[/h1][/div]
[div][attr="class","elitbody"][a href=""]thread name[/a] [h3]ft. First Last [STATUS][/h3]
[div][attr="class","elitsynopsis"]A brief synopsis of the thread can go here. Try not to make it too long or things might look weird.[/div][/div]
[div][attr="class","elitbox"][/div]
[div][attr="class","delicred"]coded by [a href="https://hotspot.boards.net/post/508/thread"]delirious[/a][/div][/div]
[newclass=.elitbox]margin:0px auto;width:500px;padding:10px;background:var(--primary);border:1px solid #232323;[/newclass]
[newclass=.elitbody]margin:0px auto;width:500px;height:300px;overflow-y:scroll;padding:10px;background:#f5f5f5;border-left:1px solid #232323;border-right:1px solid #232323;text-align:justify;[/newclass]
[newclass=.elitsynopsis]margin:0px auto;width:478px;padding:10px;text-align:justify;[/newclass]
[newclass=.elitstyles]--primary:#ff84e4;--accent:#ff5383;--headers:#fff;[/newclass]
[newclass=.elitstyles b]color:var(--primary);[/newclass]
[newclass=.elitstyles i]color:var(--accent);[/newclass]
[newclass=.elitstyles a]color:var(--accent);font:bold 20px Poppins;text-transform:uppercase;[/newclass]
[newclass=.elitstyles h1]color:var(--headers);font:800 30px Poppins;text-transform:uppercase;[/newclass]
[newclass=.elitstyles h2]color:var(--headers);font:800 30px Poppins;text-transform:uppercase;text-align:right;[/newclass]
[newclass=.elitstyles h3]color:var(--primary);font:bold 14px Poppins;[/newclass]
[newclass=.elitstyles div::-webkit-scrollbar-thumb]background:var(--primary);border:none;[/newclass]
[newclass=.elitstyles div::-webkit-scrollbar-track]background:transparent;border:none;[/newclass]
[newclass=.elitstyles div::-webkit-scrollbar]width: 2px;background: transparent;border:none;[/newclass]
[newclass=.delicred]text-align:center;font:bold 8px Poppins;text-transform:uppercase;[/newclass]
[newclass=.delicred a]color:var(--primary);font:bold 8px Poppins;text-transform:uppercase;[/newclass] |
|
AGE
Twenty-Two
PRONOUNS
Feminine
SEXUALITY
Bisexual
CLASS
Astrologer
UNSORTED
|
Aug 30, 2022 11:21:27 GMT
Post by Elisande Kiaris on Aug 30, 2022 11:21:27 GMT
[nospaces] [attr="class","elitlstyles] [attr="class","elievent"] [attr="class","elisys"] You have selected the ?? class![attr="class","elitimelinem] [attr="class","elievent"] [attr="class","elithread"] Thread Title[attr="class","elitimelinem] [attr="class","elievent"] [attr="class","elisys"] You have reached level 2![attr="class","elitimelinem] [attr="class","elievent"] [attr="class","elithread"] Thread Title[attr="class","elitimelinem] [attr="class","elievent"] [attr="class","elisys"] Present Day[break][break] WIP [newclass=.elitimelines]margin:0px auto;width:3px;height:20px;background:#232323;[/newclass] [newclass=.elitimelinem]margin:0px auto;width:3px;height:40px;background:#232323;[/newclass] [newclass=.elitimelinel]margin:0px auto;width:3px;height:80px;background:#232323;[/newclass] [newclass=.elievent]margin:0px auto;width:20px;height:20px;border:3px solid #232323;border-radius:50%;z-index:1;[/newclass] [newclass=.elisys]margin-top:-18px;margin-left:432px;width:300px;[/newclass] [newclass=.elithread]margin-top:-18px;margin-left:94px;width:300px;[/newclass] [newclass=.elitlstyles]--primary:#ff84e4;--accent:#ff5383;--system:#232323;--threads:#fff;[/newclass] [newclass=.elitlstyles b]color:var(--primary);[/newclass] [newclass=.elitlstyles i]color:var(--accent);[/newclass] [newclass=.elitlstyles a]color:var(--accent);font:800 16px Poppins;[/newclass] [newclass=.elitlstyles h1]color:var(--system);font:800 16px Courier New;[/newclass] [newclass=.elitlstyles h2]color:var(--accent);font:800 16px Poppins;text-align:right;[/newclass] |
|
AGE
Twenty-Two
PRONOUNS
Feminine
SEXUALITY
Bisexual
CLASS
Astrologer
UNSORTED
|
Aug 30, 2022 11:21:41 GMT
Post by Elisande Kiaris on Aug 30, 2022 11:21:41 GMT
[nospaces] [attr="class","elirstyles] [attr="class","elirbox"] relationship key[attr="class","elirkey"]🖤 hate 🖤 💙 dislike 💙 💛 neutral 💛 🧡 like 🧡 ❤️ love ❤️ [attr="class","elirbox"] relationship status[attr="class","elirads"] [attr="class","eliricon] [attr="class","elirinfo] 🖤💙💛🧡❤️ First Last Some words about your relationship can go here. Make this as long or as short as you like. However, if these get too long, the template might look weird.[attr="class","elirbox"] relationships[attr="class","elirbody] [attr="class","eliricon] [attr="class","elirinfo] 🖤💙💛🧡❤️ First Last Some words about your relationship can go here. Make this as long or as short as you like. However, if these get too long, the template might look weird.[attr="class","eliricon] [attr="class","elirinfo] 🖤💙💛🧡❤️ First Last Some words about your relationship can go here. Make this as long or as short as you like. However, if these get too long, the template might look weird.[attr="class","eliricon] [attr="class","elirinfo] 🖤💙💛🧡❤️ First Last Some words about your relationship can go here. Make this as long or as short as you like. However, if these get too long, the template might look weird.[attr="class","eliricon] [attr="class","elirinfo] 🖤💙💛🧡❤️ First Last Some words about your relationship can go here. Make this as long or as short as you like. However, if these get too long, the template might look weird.[attr="class","eliricon] [attr="class","elirinfo] 🖤💙💛🧡❤️ First Last Some words about your relationship can go here. Make this as long or as short as you like. However, if these get too long, the template might look weird.[attr="class","eliricon] [attr="class","elirinfo] 🖤💙💛🧡❤️ First Last Some words about your relationship can go here. Make this as long or as short as you like. However, if these get too long, the template might look weird.[attr="class","eliricon] [attr="class","elirinfo] 🖤💙💛🧡❤️ First Last Some words about your relationship can go here. Make this as long or as short as you like. However, if these get too long, the template might look weird.[attr="class","eliricon] [attr="class","elirinfo] 🖤💙💛🧡❤️ First Last Some words about your relationship can go here. Make this as long or as short as you like. However, if these get too long, the template might look weird.[attr="class","elirbox"] wanteds[attr="class","elirads] [attr="class","eliricon] [attr="class","elirinfo] 🖤💙💛🧡❤️ First Last Some words about your relationship can go here. Make this as long or as short as you like. However, if these get too long, the template might look weird.[attr="class","elirbox"] [break] [newclass=.elirbox]margin:0px auto;width:500px;padding:10px;background:var(--primary);border:1px solid #232323;[/newclass] [newclass=.elirkey]margin:0px auto;width:500px;padding:10px;background:#f5f5f5;border-left:1px solid #232323;border-right:1px solid #232323;font:bold 14px Poppins;text-transform:uppercase;text-align:center;[/newclass] [newclass=.elirbody]margin:0px auto;width:500px;height:480px;overflow-y:scroll;padding:10px;background:#f5f5f5;border-left:1px solid #232323;border-right:1px solid #232323;text-align:justify;[/newclass] [newclass=.elirads]margin:0px auto;width:500px;padding:10px;background:#f5f5f5;border-left:1px solid #232323;border-right:1px solid #232323;text-align:justify;[/newclass] [newclass=.elirinfo]width:428px;margin-left:60px;margin-top:-65px;padding:5px;[/newclass] [newclass=.eliricon]width:58px;height:58px;background-image:url(https://placehold.jp/60x60.png);background-position:center;background-repeat:no-repeat;border:1px solid #232323;[/newclass] [newclass=.elirstyles]--primary:#ff84e4;--accent:#ff5383;--headers:#fff;[/newclass] [newclass=.elirstyles b]color:var(--primary);[/newclass] [newclass=.elirstyles i]color:var(--accent);[/newclass] [newclass=.elirstyles a]color:var(--accent);font:bold 20px Poppins;text-transform:uppercase;[/newclass] [newclass=.elirstyles h1]color:var(--headers);font:800 30px Poppins;text-transform:uppercase;[/newclass] [newclass=.elirstyles h2]color:var(--headers);font:800 22px Poppins;text-transform:uppercase;[/newclass] [newclass=.elirstyles h3]color:var(--primary);font:bold 18px Poppins;[/newclass] [newclass=.elirstyles div::-webkit-scrollbar-thumb]background:var(--primary);border:none;[/newclass] [newclass=.elirstyles div::-webkit-scrollbar-track]background:transparent;border:none;[/newclass] [newclass=.elirstyles div::-webkit-scrollbar]width: 2px;background: transparent;border:none;[/newclass] [newclass=.delicred]text-align:center;font:bold 8px Poppins;text-transform:uppercase;[/newclass] [newclass=.delicred a]color:var(--primary);font:bold 8px Poppins;text-transform:uppercase;[/newclass] [nospaces][div][attr="class","elirstyles][div][attr="class","elirbox"][div align="center"][h2]relationship key[/h2][/div][/div]
[div][attr="class","elirkey"]🖤 hate 🖤 💙 dislike 💙 💛 neutral 💛 🧡 like 🧡 ❤️ love ❤️[/div]
[div][attr="class","elirbox"][h2]relationship status[/h2][/div]
[div][attr="class","elirads"][div][attr="class","eliricon][/div][div][attr="class","elirinfo][h3]🖤💙💛🧡❤️ First Last[/h3] Some words about your relationship can go here. Make this as long or as short as you like. However, if these get too long, the template might look weird.[/div][/div]
[div][attr="class","elirbox"][div align="right"][h2]relationships[/h2][/div][/div]
[div][attr="class","elirbody][div][attr="class","eliricon][/div][div][attr="class","elirinfo][h3]🖤💙💛🧡❤️ First Last[/h3] Some words about your relationship can go here. Make this as long or as short as you like. However, if these get too long, the template might look weird.[/div]
[div][attr="class","eliricon][/div][div][attr="class","elirinfo][h3]🖤💙💛🧡❤️ First Last[/h3] Some words about your relationship can go here. Make this as long or as short as you like. However, if these get too long, the template might look weird.[/div]
[div][attr="class","eliricon][/div][div][attr="class","elirinfo][h3]🖤💙💛🧡❤️ First Last[/h3] Some words about your relationship can go here. Make this as long or as short as you like. However, if these get too long, the template might look weird.[/div]
[div][attr="class","eliricon][/div][div][attr="class","elirinfo][h3]🖤💙💛🧡❤️ First Last[/h3] Some words about your relationship can go here. Make this as long or as short as you like. However, if these get too long, the template might look weird.[/div]
[div][attr="class","eliricon][/div][div][attr="class","elirinfo][h3]🖤💙💛🧡❤️ First Last[/h3] Some words about your relationship can go here. Make this as long or as short as you like. However, if these get too long, the template might look weird.[/div]
[div][attr="class","eliricon][/div][div][attr="class","elirinfo][h3]🖤💙💛🧡❤️ First Last[/h3] Some words about your relationship can go here. Make this as long or as short as you like. However, if these get too long, the template might look weird.[/div]
[div][attr="class","eliricon][/div][div][attr="class","elirinfo][h3]🖤💙💛🧡❤️ First Last[/h3] Some words about your relationship can go here. Make this as long or as short as you like. However, if these get too long, the template might look weird.[/div]
[div][attr="class","eliricon][/div][div][attr="class","elirinfo][h3]🖤💙💛🧡❤️ First Last[/h3] Some words about your relationship can go here. Make this as long or as short as you like. However, if these get too long, the template might look weird.[/div][/div]
[div][attr="class","elirbox"][h2]wanteds[/h2][/div]
[div][attr="class","elirads][div][attr="class","eliricon][/div][div][attr="class","elirinfo][h3]🖤💙💛🧡❤️ First Last[/h3] Some words about your relationship can go here. Make this as long or as short as you like. However, if these get too long, the template might look weird.[/div][/div]
[div][attr="class","elirbox"][/div]
[div][attr="class","delicred"]coded by [a href="https://hotspot.boards.net/post/508/thread"]delirious[/a][/div][/div][break]
[newclass=.elirbox]margin:0px auto;width:500px;padding:10px;background:var(--primary);border:1px solid #232323;[/newclass]
[newclass=.elirkey]margin:0px auto;width:500px;padding:10px;background:#f5f5f5;border-left:1px solid #232323;border-right:1px solid #232323;font:bold 14px Poppins;text-transform:uppercase;text-align:center;[/newclass]
[newclass=.elirbody]margin:0px auto;width:500px;height:480px;overflow-y:scroll;padding:10px;background:#f5f5f5;border-left:1px solid #232323;border-right:1px solid #232323;text-align:justify;[/newclass]
[newclass=.elirads]margin:0px auto;width:500px;padding:10px;background:#f5f5f5;border-left:1px solid #232323;border-right:1px solid #232323;text-align:justify;[/newclass]
[newclass=.elirinfo]width:428px;margin-left:60px;margin-top:-65px;padding:5px;[/newclass]
[newclass=.eliricon]width:58px;height:58px;background-image:url(https://placehold.jp/60x60.png);background-position:center;background-repeat:no-repeat;border:1px solid #232323;[/newclass]
[newclass=.elirstyles]--primary:#ff84e4;--accent:#ff5383;--headers:#fff;[/newclass]
[newclass=.elirstyles b]color:var(--primary);[/newclass]
[newclass=.elirstyles i]color:var(--accent);[/newclass]
[newclass=.elirstyles a]color:var(--accent);font:bold 20px Poppins;text-transform:uppercase;[/newclass]
[newclass=.elirstyles h1]color:var(--headers);font:800 30px Poppins;text-transform:uppercase;[/newclass]
[newclass=.elirstyles h2]color:var(--headers);font:800 22px Poppins;text-transform:uppercase;[/newclass]
[newclass=.elirstyles h3]color:var(--primary);font:bold 18px Poppins;[/newclass]
[newclass=.elirstyles div::-webkit-scrollbar-thumb]background:var(--primary);border:none;[/newclass]
[newclass=.elirstyles div::-webkit-scrollbar-track]background:transparent;border:none;[/newclass]
[newclass=.elirstyles div::-webkit-scrollbar]width: 2px;background: transparent;border:none;[/newclass]
[newclass=.delicred]text-align:center;font:bold 8px Poppins;text-transform:uppercase;[/newclass]
[newclass=.delicred a]color:var(--primary);font:bold 8px Poppins;text-transform:uppercase;[/newclass] |
|
AGE
Twenty-Two
PRONOUNS
Feminine
SEXUALITY
Bisexual
CLASS
Astrologer
UNSORTED
|
Sept 11, 2022 17:26:57 GMT
Post by Elisande Kiaris on Sept 11, 2022 17:26:57 GMT
Guild template placeholder.
|
|
