ShadyAce
โฅ memes โฅ
[class=variables]
cursor: url('http://i.imgur.com/ZOrzC.png'), auto !important;
--color: #e34f4f;
[/class]
[class=container]
height: 400px;
width: 730px;
margin: auto;
display: flex;
[/class]
[class=left]
width: 220px;
height: 400px;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
padding-left: 80px;
box-sizing: border-box;
[/class]
[class=titleContainer]
height: 100px;
width: 270px;
text-transform: uppercase;
text-align: center;
line-height: 1;
margin-left: -15px;
[/class]
[class=title1]
font-size: 20px;
[/class]
[class=title2]
font-size: 68px;
[/class]
[class=image1]
height: 280px;
width: 300px;
clip-path: polygon(0 0%, 100% 0%, 95% 0%, 85% 100%, 0% 100%);
-webkit-clip-path: polygon(0 0%, 100% 0%, 95% 0%, 85% 100%, 0% 100%);
background-image: url('https://66.media.tumblr.com/a303b42be69a164830d756f0f1149f73/tumblr_pad2laHzZc1rw5qjso2_1280.png');
background-size: cover;
transition: 0.7s;
[/class]
[class=right]
height: 400px;
width: 510px;
padding-left: 50px;
box-sizing: border-box;
position: relative;
[/class]
[class=line]
width: 1px;
height: 350px;
background-color: black;
transform: rotate(6.5deg);
position: absolute;
left: 30px;
top: -10px;
[/class]
[class=tabsContainer]
width: 480px;
height: 70px;
display: flex;
justify-content: space-evenly;
align-items: center;
[/class]
[class=tab]
border: 1px solid black;
font-size: 12px;
text-transform: uppercase;
padding: 2px 10px 2px 10px;
transition: 0.7s;
[/class]
[class name=tab state=hover]
cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important;
border: 1px solid var(--color);
letter-spacing: 1px;
[/class]
[class=selected]
background-color: var(--color);
border: 1px solid var(--color);
color: white;
letter-spacing: 1px;
[/class]
[class=contentContainer]
position: relative;
height: 330px;
width: 480px;
[/class]
[class=content]
position: absolute;
opacity: 0;
height: 100%;
width: 100%;
transition: 0.7s;
overflow: hidden;
[/class]
[class=image2]
height: 330px;
width: 460px;
clip-path: polygon(8% 0%, 100% 0%, 100% 100%, 0% 100%);
-webkit-clip-path: polygon(8% 0%, 100% 0%, 100% 100%, 0% 100%);
background-image: url('https://66.media.tumblr.com/c4282d6f62daa7b8ad15dc4be5fd27f2/tumblr_pad2laHzZc1rw5qjso1_400.png');
background-size: cover;
[/class]
[class=subtitle]
border-bottom: 4px solid var(--color);
font-size: 14px;
text-transform: uppercase;
width: 80%;
line-height: 1;
margin-left: 60px;
[/class]
[class=roleContainer]
width: 380px;
height: 130px;
display: flex;
justify-content: space-between;
margin-left: 60px;
[/class]
[class=roleImage]
height: 130px;
width: 130px;
background-size: cover;
[/class]
[class=roleText]
height: 130px;
width: 240px;
display: flex;
flex-direction: column;
justify-content: space-between;
[/class]
[class=roleTitle]
font-size: 14px;
height: 20px;
[/class]
[class=roleDescription]
height: 105px;
width: 240px;
overflow: hidden;
text-align: justify;
[/class]
[class=row]
width: 80%;
margin-left: 60px;
display: flex;
[/class]
[class=columnLeft]
width: 25%;
line-height: 1.8;
font-weight: 900;
[/class]
[class=columnRight]
width: 70%;
text-align: justify;
[/class]
[class=show]
opacity: 1;
z-index: 1;
[/class]
[class=scroll]
height: 100%;
width: 100%;
padding-right: 30px;
overflow-y: scroll;
font-size: 12px;
padding-left: 2px;
[/class]
[class=img2]
background-image: url('https://66.media.tumblr.com/63f64daeee80347b230f277de796bb77/tumblr_pkiilzkxie1vxt811_500.jpg');
[/class]
[class=img3]
background-image: url('https://66.media.tumblr.com/b8cb3c38f427cb20ef14d50754cbc69b/tumblr_pnraoglXr11vxt811_500.jpg');
[/class]
[class=img4]
background-image: url('https://66.media.tumblr.com/de600e9b158c9c542243d2d6ce1d87b8/tumblr_pk3hsecWP01vxt811_500.jpg');
[/class]
[script class=tab01 on=click]
addClass selected tab01
removeClass selected tab02
removeClass selected tab03
removeClass selected tab04
addClass show content01
removeClass show content02
removeClass show content03
removeClass show content04
removeClass img2 image1
removeClass img3 image1
removeClass img4 image1
[/script]
[script class=tab02 on=click]
addClass selected tab02
removeClass selected tab01
removeClass selected tab03
removeClass selected tab04
addClass show content02
removeClass show content01
removeClass show content03
removeClass show content04
addClass img2 image1
removeClass img3 image1
removeClass img4 image1
[/script]
[script class=tab03 on=click]
addClass selected tab03
removeClass selected tab01
removeClass selected tab02
removeClass selected tab04
addClass show content03
removeClass show content01
removeClass show content02
removeClass show content04
addClass img3 image1
removeClass img2 image1
removeClass img4 image1
[/script]
[script class=tab04 on=click]
addClass selected tab04
removeClass selected tab01
removeClass selected tab02
removeClass selected tab03
addClass show content04
removeClass show content01
removeClass show content02
removeClass show content03
addClass img4 image1
removeClass img2 image1
removeClass img3 image1
[/script]
[div class=variables]
[div class=container]
[div class=left]
[div class=titleContainer]
[div class=title1]worlds[/div]
[div class=title2]collide[/div]
[/div]
[div class=image1][/div]
[/div]
[div class=right]
[div class=contentContainer]
[div class="content content01 show"]
[div class=image2][/div]
[/div]
[div class="content content02"]
[div class=line][/div]
[div class=scroll]
[div class=subtitle]greek demigods[/div]
[div class=roleContainer] [div class=roleImage style="background-image: url('https://68.media.tumblr.com/9279c307ecc5bba1d7a8e8ce0cd337ba/tumblr_inline_otoqatUDfI1slfjc1_250.png');"][/div] [div class=roleText] [div class=roleTitle] SON OF ZEUS โ the leader [/div] [div class=roleDescription] [div class=scroll] the child of zeus, the king of the gods and god of the sky, is a natural leader being decisive, yet demanding and domineering. a child of the big three, he's arguably the strongest of the group alongside his fighting ability.(open).
powers: air manipulation, weather manipulation, lightning manipulation. [/div] [/div] [/div] [/div] [div class=roleContainer] [div class=roleImage style="background-image: url('https://68.media.tumblr.com/ad2d74d62713e3beea6eec94974084a2/tumblr_inline_otos6qNwJu1slfjc1_540.png');"][/div] [div class=roleText] [div class=roleTitle] DAUGHTER OF ATHENA โ the warrior [/div] [div class=roleDescription] [div class=scroll] a girl who knows her own abilities, this demigod is the daughter of the greek goddess of wisdom and warfare. she's got the high intelligence indicative of a child of athena, and is a skilled fighter but often not the greatest in the heat of the moment. (open).
powers: omnilingualism, enhanced combat. [/div] [/div] [/div] [/div] [div class=roleContainer] [div class=roleImage style="background-image: url('https://68.media.tumblr.com/7e12211a0f40f0f1d12e07ba71c35bd6/tumblr_inline_otoqb2o3581slfjc1_250.png');"][/div] [div class=roleText] [div class=roleTitle] SON OF HEPHAESTUS โ the mechanic [/div] [div class=roleDescription] [div class=scroll] hephaestus is the god of fire and the forge, and his son has been immense skill in the forge both from his father, and from hard work practising and refining his ability. he is a tinkerer and problem solver, preferring to be hands on. (open).
powers: fire manipulation, metal manipulation. [/div] [/div] [/div] [/div] [div class=subtitle]norse demigods[/div]
[div class=roleContainer] [div class=roleImage style="background-image: url('https://68.media.tumblr.com/f7b7216ec6981606872d98d773742201/tumblr_inline_otoqaeW54b1slfjc1_250.png');"][/div] [div class=roleText] [div class=roleTitle] DAUGHTER OF IDUNN โ the medic [/div] [div class=roleDescription] [div class=scroll] the daughter of idunn might seem weaker or useless in a battle, but she's invaluable. she heals wounds โ not just the physical ones. she tends to act as a mediator for her friends, trying to ensure they remain a cohesive unit. (open).
powers: healing, plant manipulation, immortality bestowal. [/div] [/div] [/div] [/div] [div class=roleContainer] [div class=roleImage style="background-image: url('https://68.media.tumblr.com/81c5ce4127d2248bc6daa29ec70df208/tumblr_inline_otoq6hAQRx1slfjc1_250.png');"][/div] [div class=roleText] [div class=roleTitle] SON OF HEIMDALL โ the protector [/div] [div class=roleDescription] [div class=scroll] heimdall is a god with advanced senses, the protector of asgard and the bifrost. this demigod is unshakeable and dedicated, a person you'd love to have by your side. he's always on the lookout for danger, being rather protective. (open).
powers: light manipulation, enhanced senses, teleportation. [/div] [/div] [/div] [/div] [div class=roleContainer] [div class=roleImage style="background-image: url('https://68.media.tumblr.com/16a6c7eecbdfe48713cf003ec140ecc5/tumblr_inline_otoqa85sDF1slfjc1_250.png');"][/div] [div class=roleText] [div class=roleTitle] DAUGHTER OF LOKI โ the trickster [/div] [div class=roleDescription] [div class=scroll] loki is the god of mischief, magic and fire. this demigod is a trickster born from a trickster, and the kind of girl you'd trust to get you out of an impossible situation. she's a quick thinker and not great with authority. (taken).
powers: shapeshifting, persuasion, invisibility/intangibility. [/div] [/div] [/div] [/div] [/div] [/div] [div class="content content03"] [div class=line][/div] [div class=scroll] [div class=row style="text-align: justify; flex-direction: column;"] i've really just got little blurbs of what these powers are, and some weaknesses that must be included (e.g. contact is necessary for the daughter of idunn's healing). you are totally welcome to take your own spin and add interesting weaknesses or uses, because i'd absolutely love to see it. feel free to ask me questions about your ideas for the powers if you're unsure! [/div]
[div class=subtitle]son of zeus' powers[/div]
[div class=row style="text-align: justify; flex-direction: column;"]
[div class=subtitle]daughter of athena's powers[/div]
[div class=row style="text-align: justify; flex-direction: column;"]
[div class=subtitle]son of hephaestus' powers[/div]
[div class=row style="text-align: justify; flex-direction: column;"]
[div class=subtitle]daughter of idunn's powers[/div]
[div class=row style="text-align: justify; flex-direction: column;"]
[div class=subtitle]son of heimdall's powers[/div]
[div class=row style="text-align: justify; flex-direction: column;"]
[div class=subtitle]daughter of loki's powers[/div]
[div class=row style="text-align: justify; flex-direction: column;"]
[div class=row style="text-align: justify;"] [div class=columnLeft]full name[/div] [/div]
[div class=row style="text-align: justify;"] [div class=columnLeft]nickname[/div] (you can provide reasons for nicknames if you want) [/div]
[div class=row style="text-align: justify;"] [div class=columnLeft]age[/div] [div class=columnRight](17-19)[/div] [/div]
[div class=row style="text-align: justify;"] [div class=columnLeft]gender[/div] [/div]
[div class=row style="text-align: justify;"] [div class=columnLeft]d.o.b + p.o.b[/div] [/div]
[div class=row style="text-align: justify;"] [div class=columnLeft]sexuality[/div] [/div]
[div class=subtitle]appearance[/div]
[div class=row style="text-align: justify;"] [div class=columnLeft]faceclaim[/div] [/div]
[div class=row style="text-align: justify;"] [div class=columnLeft]ethnicity[/div] [/div]
[div class=row style="text-align: justify;"] [div class=columnLeft]height[/div] [/div]
[div class=row style="text-align: justify;"] [div class=columnLeft]distinguishing features[/div] [/div]
[div class=subtitle]persona[/div]
[div class=row style="text-align: justify;"] [div class=columnLeft]virtues[/div] [div class=columnRight](3+ positive traits with an explanation)[/div] [/div]
[div class=row style="text-align: justify;"] [div class=columnLeft]neutral[/div] [div class=columnRight](2+ traits with an explanation) (meaning traits that could be both positive and negative, dependent on scenarios)[/div] [/div]
[div class=row style="text-align: justify;"] [div class=columnLeft]vices[/div] [div class=columnRight](3+ negative traits with an explanation)[/div] [/div]
[div class=subtitle]background[/div]
[div class=row] [div class=columnLeft]family + important relations[/div] [/div]
[div class=row style="text-align: justify;"] [div class=columnLeft]backstory[/div] [div class=columnRight](you can do this in either dot points or fully paragraph written, as long as it's fleshed out)[/div] [/div]
[div class=subtitle]demigod info[/div]
[div class=row] [div class=columnLeft]godly parent[/div] (role) [/div]
[div class=row style="text-align: justify;"] [div class=columnLeft]preferred weapon[/div] [div class=columnRight](what weapon would they use in a fight/what weapons do they have?)[/div] [/div]
[div class=row style="text-align: justify;"] [div class=columnLeft]powers[/div] [div class=columnRight](include what they can do and the weaknesses of these powers)[/div] [/div]
[div class=row style="text-align: justify;"] [div class=columnLeft]strengths[/div] [div class=columnRight](2+)[/div] [/div]
[div class=row style="text-align: justify;"] [div class=columnLeft]weaknesses[/div] [div class=columnRight](2+)[/div] [/div] [/div] [/div] [/div] [div class=tabsContainer] [div class="tab tab01 selected"]home[/div] [div class="tab tab02"]roles[/div] [div class="tab tab03"]powers[/div] [div class="tab tab04"]template[/div] [/div] [/div] [/div] [/div]
[div class=roleContainer] [div class=roleImage style="background-image: url('https://68.media.tumblr.com/9279c307ecc5bba1d7a8e8ce0cd337ba/tumblr_inline_otoqatUDfI1slfjc1_250.png');"][/div] [div class=roleText] [div class=roleTitle] SON OF ZEUS โ the leader [/div] [div class=roleDescription] [div class=scroll] the child of zeus, the king of the gods and god of the sky, is a natural leader being decisive, yet demanding and domineering. a child of the big three, he's arguably the strongest of the group alongside his fighting ability.(open).
powers: air manipulation, weather manipulation, lightning manipulation. [/div] [/div] [/div] [/div] [div class=roleContainer] [div class=roleImage style="background-image: url('https://68.media.tumblr.com/ad2d74d62713e3beea6eec94974084a2/tumblr_inline_otos6qNwJu1slfjc1_540.png');"][/div] [div class=roleText] [div class=roleTitle] DAUGHTER OF ATHENA โ the warrior [/div] [div class=roleDescription] [div class=scroll] a girl who knows her own abilities, this demigod is the daughter of the greek goddess of wisdom and warfare. she's got the high intelligence indicative of a child of athena, and is a skilled fighter but often not the greatest in the heat of the moment. (open).
powers: omnilingualism, enhanced combat. [/div] [/div] [/div] [/div] [div class=roleContainer] [div class=roleImage style="background-image: url('https://68.media.tumblr.com/7e12211a0f40f0f1d12e07ba71c35bd6/tumblr_inline_otoqb2o3581slfjc1_250.png');"][/div] [div class=roleText] [div class=roleTitle] SON OF HEPHAESTUS โ the mechanic [/div] [div class=roleDescription] [div class=scroll] hephaestus is the god of fire and the forge, and his son has been immense skill in the forge both from his father, and from hard work practising and refining his ability. he is a tinkerer and problem solver, preferring to be hands on. (open).
powers: fire manipulation, metal manipulation. [/div] [/div] [/div] [/div] [div class=subtitle]norse demigods[/div]
[div class=roleContainer] [div class=roleImage style="background-image: url('https://68.media.tumblr.com/f7b7216ec6981606872d98d773742201/tumblr_inline_otoqaeW54b1slfjc1_250.png');"][/div] [div class=roleText] [div class=roleTitle] DAUGHTER OF IDUNN โ the medic [/div] [div class=roleDescription] [div class=scroll] the daughter of idunn might seem weaker or useless in a battle, but she's invaluable. she heals wounds โ not just the physical ones. she tends to act as a mediator for her friends, trying to ensure they remain a cohesive unit. (open).
powers: healing, plant manipulation, immortality bestowal. [/div] [/div] [/div] [/div] [div class=roleContainer] [div class=roleImage style="background-image: url('https://68.media.tumblr.com/81c5ce4127d2248bc6daa29ec70df208/tumblr_inline_otoq6hAQRx1slfjc1_250.png');"][/div] [div class=roleText] [div class=roleTitle] SON OF HEIMDALL โ the protector [/div] [div class=roleDescription] [div class=scroll] heimdall is a god with advanced senses, the protector of asgard and the bifrost. this demigod is unshakeable and dedicated, a person you'd love to have by your side. he's always on the lookout for danger, being rather protective. (open).
powers: light manipulation, enhanced senses, teleportation. [/div] [/div] [/div] [/div] [div class=roleContainer] [div class=roleImage style="background-image: url('https://68.media.tumblr.com/16a6c7eecbdfe48713cf003ec140ecc5/tumblr_inline_otoqa85sDF1slfjc1_250.png');"][/div] [div class=roleText] [div class=roleTitle] DAUGHTER OF LOKI โ the trickster [/div] [div class=roleDescription] [div class=scroll] loki is the god of mischief, magic and fire. this demigod is a trickster born from a trickster, and the kind of girl you'd trust to get you out of an impossible situation. she's a quick thinker and not great with authority. (taken).
powers: shapeshifting, persuasion, invisibility/intangibility. [/div] [/div] [/div] [/div] [/div] [/div] [div class="content content03"] [div class=line][/div] [div class=scroll] [div class=row style="text-align: justify; flex-direction: column;"] i've really just got little blurbs of what these powers are, and some weaknesses that must be included (e.g. contact is necessary for the daughter of idunn's healing). you are totally welcome to take your own spin and add interesting weaknesses or uses, because i'd absolutely love to see it. feel free to ask me questions about your ideas for the powers if you're unsure! [/div]
[div class=subtitle]son of zeus' powers[/div]
[div class=row style="text-align: justify; flex-direction: column;"]
air manipulation the power to manipulate air, which can also be used to fly for short periods of time.
weather manipulation the ability to induce storms and other change the weather. once a storm is created, then this demigod can summon lightning strikes, though they are not very reliable.
lightning manipulation without needing to create a storm, the son of zeus will be able to throw arcs of lightning and shock people. (acquired later)
[/div]
[div class=subtitle]daughter of athena's powers[/div]
[div class=row style="text-align: justify; flex-direction: column;"]
enhanced combat the daughter of athena has this in a minor form, for when she picks up a weapon, she is intuitively able to wield it effectively. though not as well as someone who has trained with it. this demigod can learn fighting skills within a short time.
omnilingualism able to speak, understand and interpret any language. (acquired later)
[/div]
[div class=subtitle]son of hephaestus' powers[/div]
[div class=row style="text-align: justify; flex-direction: column;"]
fire manipulation the ability to shape and manipulate fire. this demigod is unable to create their own fire, but will develop that skill later.
metal manipulation currently, this power only manifests as a simple ability to push and pull metal objects from the male's position. later on, it will develop significantly.
[/div]
[div class=subtitle]daughter of idunn's powers[/div]
[div class=row style="text-align: justify; flex-direction: column;"]
healing through contact, the daughter of idunn is capable of healing.
plant manipulation apples and apple trees come easiest, but this female can manipulate all plants and will become more skilled with all plants in time.
immortality bestowal the daughter of idunn can grow some apples with intense concentration, and taking a bite of them will infuse that person with immortality for two minutes. (acquired later)
[/div]
[div class=subtitle]son of heimdall's powers[/div]
[div class=row style="text-align: justify; flex-direction: column;"]
light manipulation a mostly minor ability to create flashes of blinding light (that don't affect him, due to his advanced senses). he's also able to use blasts of concentrated light offensively.
enhanced senses this demigod will be able to hear, see, feel and taste things no other human can. it's almost impossible to sneak up on him. in the future, he'll be able to amplify these affects temporarily.
teleportation summoning the powers of the bifrost, this demigod will be able to blink (albeit in the colors of the rainbow) and teleport around. also, he'll learn how to take others with him, and the distance he'll be able to go will grow with practice. it's a disorientating experience to teleport. (acquired later)
[/div]
[div class=subtitle]daughter of loki's powers[/div]
[div class=row style="text-align: justify; flex-direction: column;"]
shapeshifting the ability to change ones form into that of either an animal or other human appearances.
persuasion this demigod can compel people to do things with the power of their voice. though only things they're capable of.
invisibility/intangibility the power to either pass through matter or become invisible to the naked eye. until mastered, only one aspect of the power is able to be activated at once. (acquired later)
[/div]
[/div]
[/div]
[div class="content content04"]
[div class=line][/div]
[div class=scroll]
[div class=subtitle]basics[/div]
[div class=row style="text-align: justify;"] [div class=columnLeft]full name[/div] [/div]
[div class=row style="text-align: justify;"] [div class=columnLeft]nickname[/div] (you can provide reasons for nicknames if you want) [/div]
[div class=row style="text-align: justify;"] [div class=columnLeft]age[/div] [div class=columnRight](17-19)[/div] [/div]
[div class=row style="text-align: justify;"] [div class=columnLeft]gender[/div] [/div]
[div class=row style="text-align: justify;"] [div class=columnLeft]d.o.b + p.o.b[/div] [/div]
[div class=row style="text-align: justify;"] [div class=columnLeft]sexuality[/div] [/div]
[div class=subtitle]appearance[/div]
[div class=row style="text-align: justify;"] [div class=columnLeft]faceclaim[/div] [/div]
[div class=row style="text-align: justify;"] [div class=columnLeft]ethnicity[/div] [/div]
[div class=row style="text-align: justify;"] [div class=columnLeft]height[/div] [/div]
[div class=row style="text-align: justify;"] [div class=columnLeft]distinguishing features[/div] [/div]
[div class=subtitle]persona[/div]
[div class=row style="text-align: justify;"] [div class=columnLeft]virtues[/div] [div class=columnRight](3+ positive traits with an explanation)[/div] [/div]
[div class=row style="text-align: justify;"] [div class=columnLeft]neutral[/div] [div class=columnRight](2+ traits with an explanation) (meaning traits that could be both positive and negative, dependent on scenarios)[/div] [/div]
[div class=row style="text-align: justify;"] [div class=columnLeft]vices[/div] [div class=columnRight](3+ negative traits with an explanation)[/div] [/div]
[div class=subtitle]background[/div]
[div class=row] [div class=columnLeft]family + important relations[/div] [/div]
[div class=row style="text-align: justify;"] [div class=columnLeft]backstory[/div] [div class=columnRight](you can do this in either dot points or fully paragraph written, as long as it's fleshed out)[/div] [/div]
[div class=subtitle]demigod info[/div]
[div class=row] [div class=columnLeft]godly parent[/div] (role) [/div]
[div class=row style="text-align: justify;"] [div class=columnLeft]preferred weapon[/div] [div class=columnRight](what weapon would they use in a fight/what weapons do they have?)[/div] [/div]
[div class=row style="text-align: justify;"] [div class=columnLeft]powers[/div] [div class=columnRight](include what they can do and the weaknesses of these powers)[/div] [/div]
[div class=row style="text-align: justify;"] [div class=columnLeft]strengths[/div] [div class=columnRight](2+)[/div] [/div]
[div class=row style="text-align: justify;"] [div class=columnLeft]weaknesses[/div] [div class=columnRight](2+)[/div] [/div] [/div] [/div] [/div] [div class=tabsContainer] [div class="tab tab01 selected"]home[/div] [div class="tab tab02"]roles[/div] [div class="tab tab03"]powers[/div] [div class="tab tab04"]template[/div] [/div] [/div] [/div] [/div]