Fantasy SerenityAngel & Chrestomanci Idea Storage

[Cat.Chrestomanci]

This is a thread for brainstorming~

Spoiler: Code

[nobr][class=Background]
background:url('https://static.zerochan.net/Rin-shiba.full.1337008.jpg');
position:relative;
padding:20px;
height:25vh;
width:35vh;
transition: width 3s, height 3s;
[/class]

[class=BackgroundFull]
height:60vh;
width:100vh;
transition: width 1s, height 1s;
[/class]

[class=Hide]
display: none;
[/class]

[class=Image]
float:left;
margin-right:20px;
border:2px SOLID #92C9ED;
line-height:0;
width:25vh;
height:25vh;
border-radius:50%;
overflow:hidden;
background:url('');
background-size:100%;background-position:center;background-repeat:no-repeat;
background-position: 20% 5%;
cursor:pointer;
transition: width 3s, border-radius 3s, height 3s;
[/class]

[class=ImageFull]
width:40vh;
height: 60vh;
border-radius:10px;
overflow:hidden;
background-position: 20% 5%;
background-size:cover;
background-position: 20% 5%;
background-repeat:no-repeat;
transition: width 3s , border-radius 3s, height 3s;
[/class]

[class=Name]
float:left;
width:53vh;
font-size:3em;
text-align:center;
color:#92C9ED;
[/class]

[class=Title]
font-family:Noto Serif SC;
font-size:1.5em;
color:#92C9ED;
text-align:center;
position:absolute;
margin:auto;center;
margin-left:30vh;
z-index:25px;
opacity:0.9;
[/class]

[class=Text]
float:left;
background-color:rgba(77,77,76,0.7);
width:53vh;
height:47vh;
overflow:scroll;
overflow-x:hidden;
padding:10px;
font-size:1em;
color:#92C9ED;
box-shadow: 0px 0px 5px 10px rgba(77,77,76,0.6);
[/class]

[Script class=Image]
set addedClass 0
set fadedIn 0
[/script]

[Script class=Image on=click]
if (eq ${addedClass} 0) (addClass ImageFull) (removeClass ImageFull)
if (eq ${addedClass} 0) (addClass BackgroundFull Background) (removeClass BackgroundFull Background)
if (eq ${addedClass} 0) (set addedClass 1) (set addedClass 0)
if (eq ${fadedIn} 0) (fadeIn  1000 Name) (fadeOut 1000 Name)
if (eq ${fadedIn} 0) (fadeIn  1000 Text) (fadeOut 1000 Text)
if (eq ${fadedIn} 0) (fadeOut  1000 Title) (fadeIn 1000 Title)
if (eq ${fadedIn} 0) (set fadedIn 1) (set fadedIn 0)
[/script]


[div class="Background"]
[div class="Image"][/div]
[div class=Title]세[br][/br]레[br][/br]니[br][/br]티[br][/br]앤[br][/br]젤[/div]
[div class="Name Hide"]
[font=Indie Flower]Race[/font]
[/div]
[div class="Text Hide"]
[font=Simonetta]
Information Here
[/font][/div][/div]
[div class="Line"][/div]
[div=float:left;][FONT=courier new]Code by [USER=44533]@AgWordSmith[/USER][USER=44533][/USER][/FONT]
[/div][/nobr]

Spoiler: Code

[div=width:330px;background:#eee;margin:auto;]
[div=height:155px;width:290px;background:#fff;margin:auto;center;border:1px solid #ccc;][div=height:130px;width:130px;background:url('https://i-h1.pinimg.com/564x/9d/99/8f/9d998ff683f188594480ec4291609d39.jpg');background-size:cover;border:1px solid #fff;position:relative;left:10px; top:10px;][/div][div=width:80px;height:25px;background:#fff;border:1px solid #ccc;margin:auto:center;position:relative;top:-110px;left:150px;][div=font-size:12px;color:#666;text-align:center;text-transform:uppercase;position:relative;top:5px;]Position[/div][/div][div=width:25px;height:25px;border:1px solid #ccc;background:#fff;margin:auto:center;position:relative;top:-137px;left:240px;][div=font-size:10px;color:#666;text-align:center;text-transform:uppercase;position:relative;top:5px;]G[/div][/div][div=width:25px;height:25px;border:1px solid #ccc;background:#fff;margin:auto:center;position:relative;top:-129px;left:150px;][div=font-size:12px;color:#666;text-align:center;text-transform:uppercase;position:relative;top:5px;]Yr[/div][/div][div=width:80px;height:25px;border:1px solid #ccc;background:#fff;margin:auto:center;position:relative;top:-156px;left:186px][div=font-size:12px;color:#666;text-align:center;text-transform:uppercase;position:relative;top:5px;]Race[/div][/div][div=width:116px;height:25px;border:1px solid #ccc;background:#fff;margin:auto:center;position:relative;top:-146px;left:150px][div=font-size:12px;color:#666;text-align:center;text-transform:uppercase;position:relative;top:5px;]Type[/div][/div][/div]
[div=height:135px;width:290px;background:#fff;margin:auto;center;border:1px solid #ccc;][div=height:115px;width:270px;position:relative;top:8px;margin:auto;overflow:hidden;][div=width: calc(100%); height: calc(100%); overflow: scroll; box-sizing: border-box; text-align: justify;][div=font-family:'lao ui', calibri, arial, sans-serif;font-size:10px;text-align:justify;text-transform:uppercase;letter-spacing:.4px;margin:5px 0px;color:#666;line-height:11px;]Population details
[/div][/div][/div][/div]
[div=height:135px;width:290px;background:#fff;margin:auto;center;border:1px solid #ccc;][div=height:115px;width:270px;position:relative;top:8px;margin:auto;overflow:hidden;][div=width: calc(100%); height: calc(100%); overflow: scroll; box-sizing: border-box; text-align: justify;][div=font-family:'lao ui', calibri, arial, sans-serif;font-size:10px;text-align:justify;text-transform:uppercase;letter-spacing:.4px;margin:5px 0px;color:#666;line-height:11px;]Country details[/div][/div][/div][/div]
[/div]

code by @pasta​

 

[SerenityAngel]

Yay! Happy to have you as a friend!

 

[SerenityAngel]

[class=Background] background:url('https://static.zerochan.net/Rin-shiba.full.1337008.jpg'); position:relative; padding:20px; height:25vh; width:35vh; transition: width 3s, height 3s; [/class] [class=BackgroundFull] height:60vh; width:100vh; transition: width 1s, height 1s; [/class] [class=Hide] display: none; [/class] [class=Image] float:left; margin-right:20px; border:2px SOLID #92C9ED; line-height:0; width:25vh; height:25vh; border-radius:50%; overflow:hidden; background:url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/intermediary/f/84e0031e-5c9e-4b58-8706-a118ca2ad45e/dcy7j63-6d79fa7e-0fe1-4433-8150-53ef12da072b.png'); background-size:100%;background-position:center;background-repeat:no-repeat; background-position: 20% 5%; cursor:pointer; transition: width 3s, border-radius 3s, height 3s; [/class] [class=ImageFull] width:40vh; height: 60vh; border-radius:10px; overflow:hidden; background-position: 20% 5%; background-size:cover; background-position: 20% 5%; background-repeat:no-repeat; transition: width 3s , border-radius 3s, height 3s; [/class] [class=Name] float:left; width:53vh; font-size:3em; text-align:center; color:#92C9ED; [/class] [class=Title] font-family:Noto Serif SC; font-size:1.5em; color:#92C9ED; text-align:center; position:absolute; margin:auto;center; margin-left:30vh; z-index:25px; opacity:0.9; [/class] [class=Text] float:left; background-color:rgba(77,77,76,0.7); width:53vh; height:47vh; overflow:scroll; overflow-x:hidden; padding:10px; font-size:1em; color:#92C9ED; box-shadow: 0px 0px 5px 10px rgba(77,77,76,0.6); [/class] [Script class=Image] set addedClass 0 set fadedIn 0 [/script] [Script class=Image on=click] if (eq ${addedClass} 0) (addClass ImageFull) (removeClass ImageFull) if (eq ${addedClass} 0) (addClass BackgroundFull Background) (removeClass BackgroundFull Background) if (eq ${addedClass} 0) (set addedClass 1) (set addedClass 0) if (eq ${fadedIn} 0) (fadeIn 1000 Name) (fadeOut 1000 Name) if (eq ${fadedIn} 0) (fadeIn 1000 Text) (fadeOut 1000 Text) if (eq ${fadedIn} 0) (fadeOut 1000 Title) (fadeIn 1000 Title) if (eq ${fadedIn} 0) (set fadedIn 1) (set fadedIn 0) [/script] [div class="Background"] [div class="Image"][/div] [div class=Title]세
레
니
티
앤
젤[/div] [div class="Name Hide"] Unalicorthan [/div] [div class="Text Hide"] There is a kingdom deep in the forest called Unial Corentha, where the Unalcorthans live. This magic is stored in their bodies as children and only surface until the body becomes able to withstand the transformation into a physical trait. A single horn that grows from their foreheads. The horns they grow can come at any age. It all depends on the body of the vessel. It is rare, but some babies are even born with horns and they grow as the child grows. Their talent and their element takes physical form as the color of the horn in the middle of their forehead. In this kingdom, peace reigns and is governed by a benevolent king and queen with the longest horns ever seen. However, this was not to last forever. There have been hearings of horns being removed, leaving the Unicorthians hornless but their magic removed, making them mundanes. Who is doing this? Any creature other than an Unalcorthan. Why are they doing this? To take the magic that lay inside the horns and the horns themselves are said to have healing properties if made into a fine powder and drunk with honeywater. There have been sightings of Unicorthans without their horns and only a scar remaining where their horns should be. The legend goes that when time began Unalcorthans were once mundanes. People with no magic or horns at all. That was, until a man fell in love with a pure white unicorn from the forest. Knowing that the two could never be together like they were now, the Unicorn pleaded with the gods to change her shape so that she may be with him. The gods were so moved by the pure creature's plea of love, that they granted the creature the form of a human female, but her magic would always manifest as her horn so she would never forget what she truly was. Her descendants would inherit her magic. Because of this, the mundanes became greedy and tried to steal her power away by trying to take away her horn for themselves. The gods, seeing the mundanes would not let up and seeing how the one mundane loved the Unicorn so much he would sacrifice anything for her, they made him into a unicorn as well, but his horn was black as night. The two fled into the forest to live out their immortal days in peace. The rest of the world, on the other hand, was becoming more and more dreadful. The humans were killing each other left and right and other mystical creatures started wars with one another. Corruption and darkness filled their hearts. This saddened the gods and decided to give the world a clean slate after one last chance. Upon twelve more human children the gods granted the gift of magic and made them into Unalcorthans. Each with their own color and power affinity. A deep green horn was gifted to a child of ten with the power over Earth. A seventeen year old girl was given a red horn with a yellow tip and gifted with the power of fire. A soft-spoken eleven year old boy was given a thin yellow horn and held the power of wind. A studious boy at the age of eighteen was given a blue horn with the power of water. A stubborn little girl at age five was given a silver horn and had the power of metal. A pair of twin children with opposite coloring and personality were given horns as well. One was white with a black tip and the other black with a white tip and given the powers of light and dark. One child was given a brown horn and the power of wood. Another was given a light greenhorn with the power over plant, Yet another was given the lightest of yellow horns and given the power of lightening. One was given a bright orange horn and granted the power of incomparable speed. One was given a vibrant purple horn to represent the power of energy. One was given a peach colored horn and the power of creation. The last child was given a light lavender colored horn and the power of destruction. The original two Unalcorthans were given the powers of light and dark with their representative colors. These twelve children were guided to the forest where they met with the two adult Unalcorthans and raised there. When their powers all developed and matured as their bodies aged to all the same limit. The same as the black and white ones, they were told to cast a spell. One that would change their world forever. They all stood in a large circle, on a grassy hill, in a clearing in the middle of the forest. They cast their magic together in the center. Their powers were aided by the gods and amplified to transform every human into an Unalcorthan with one of the fourteen colored horns and their representative magic. This spell and power had a sacrifice requirement. Each and every one of the original Unalcorthans turned to crystal where they stood. Each crystal was the same color as their horn and in the center was a single rose. A rose with a petal of each color. It would never wither, nor would it ever die. This was the god's promise to the first. They would be immortal and their sacrifice, never forgotten. This monument is the very heart of the Unial Corentha kingdom and their most sacred place, only accessible inside the palace where all Unalcorthans are welcome to see and visit. Now, these days things have become quite peaceful and connected with nature and and one another, but they still don't venture out much beyond their kingdom with the mundanes and other creatures. However, even this society is not as perfect as it should be. In this kingdom, an Unalcorthan's status is judged by their magic and their horn is the only way to see it. The longer and bigger the horn, the more magic they have. Their element doesn't matter, just the amount they have. Unfortunately, the horns do not grow back if they are cut off or broken off. Fortunately the horns are the strongest part of them and their magic keeps them from breaking. The horns have to be either removed with a purpose or so much power to double back and destroy themselves. [/div][/div] [div class="Line"][/div]

Code by @AgWordSmith

 

[SerenityAngel]

[class=Background] background:url('https://static.zerochan.net/Rin-shiba.full.1337008.jpg'); position:relative; padding:20px; height:25vh; width:35vh; transition: width 3s, height 3s; [/class] [class=BackgroundFull] height:60vh; width:100vh; transition: width 1s, height 1s; [/class] [class=Hide] display: none; [/class] [class=Image] float:left; margin-right:20px; border:2px SOLID #92C9ED; line-height:0; width:25vh; height:25vh; border-radius:50%; overflow:hidden; background:url('https://steemitimages.com/0x0/http://www.thepurewatercompany.com/v/vspfiles/assets/images/bodywater.jpg'); background-size:100%;background-position:center;background-repeat:no-repeat; background-position: 20% 5%; cursor:pointer; transition: width 3s, border-radius 3s, height 3s; [/class] [class=ImageFull] width:40vh; height: 60vh; border-radius:10px; overflow:hidden; background-position: 20% 5%; background-size:cover; background-position: 20% 5%; background-repeat:no-repeat; transition: width 3s , border-radius 3s, height 3s; [/class] [class=Name] float:left; width:53vh; font-size:3em; text-align:center; color:#92C9ED; [/class] [class=Title] font-family:Noto Serif SC; font-size:1.5em; color:#92C9ED; text-align:center; position:absolute; margin:auto;center; margin-left:30vh; z-index:25px; opacity:0.9; [/class] [class=Text] float:left; background-color:rgba(77,77,76,0.7); width:53vh; height:47vh; overflow:scroll; overflow-x:hidden; padding:10px; font-size:1em; color:#92C9ED; box-shadow: 0px 0px 5px 10px rgba(77,77,76,0.6); [/class] [Script class=Image] set addedClass 0 set fadedIn 0 [/script] [Script class=Image on=click] if (eq ${addedClass} 0) (addClass ImageFull) (removeClass ImageFull) if (eq ${addedClass} 0) (addClass BackgroundFull Background) (removeClass BackgroundFull Background) if (eq ${addedClass} 0) (set addedClass 1) (set addedClass 0) if (eq ${fadedIn} 0) (fadeIn 1000 Name) (fadeOut 1000 Name) if (eq ${fadedIn} 0) (fadeIn 1000 Text) (fadeOut 1000 Text) if (eq ${fadedIn} 0) (fadeOut 1000 Title) (fadeIn 1000 Title) if (eq ${fadedIn} 0) (set fadedIn 1) (set fadedIn 0) [/script] [div class="Background"] [div class="Image"][/div] [div class=Title]세
레
니
티
앤
젤[/div] [div class="Name Hide"] Naiad [/div] [div class="Text Hide"] Naiads are a very small race that could be compared to elemental fairies. They are shapeless and formless but appear to be floating elements like water, fire, earth or air, even light or shadows. They don't much care for mundanes or any other creature really, but they love to eat and munch on magical energies that are given off by many creatures. Each creature's magic tastes different and depending on the Naiad's tastes, they might even appear when asked and lend a helping hand for a price. The price being a meal that will fill them up. These creatures don't eat much but they can be mischievous but not harmful. The Naida are considered elusive but not avoiding other beings. They come when they are called upon and will help when asked. They don't particularly fight but they will aid their summoners. [/div][/div] [div class="Line"][/div]

Code by @AgWordSmith