[class="tab1"]
width: 310px;
height: 320px;
box-sizing: border-box;
padding: 20px;
background: #80b3be;
margin: auto;
cursor: url(https://img.icons8.com/metro/11/000000/cursor.png), auto;
[/class]
[class="tab2"]
width: 310px;
height: auto;
margin: auto;
display: none;
cursor: url(https://img.icons8.com/metro/11/000000/cursor.png), auto;
[/class]
[class="tab3"]
width: 310px;
height: auto;
margin: auto;
display: none;
cursor: url(https://img.icons8.com/metro/11/000000/cursor.png), auto;
[/class]
[class="tab4"]
width: 310px;
height: auto;
margin: auto;
display: none;
cursor: url(https://img.icons8.com/metro/11/000000/cursor.png), auto;
[/class]
[class="tab1pic"]
width: 270px;
height: 280px;
background: url(https://data.whicdn.com/images/247565423/original.jpg);
background-size: cover;
transition: 1s;
box-sizing: border-box;
border: 1px solid #dcd6d8;
cursor: url(https://img.icons8.com/small/12/000000/hand-cursor.png), auto;
[/class]
[class name="tab1pic" state="hover"]
opacity: 0.9;
[/CLASS]
[script class="tab1pic" on="click"]
hide tab1
show tab2
hide tab3
hide tab4
[/script]
[class="tab1pictext"]
width: 250px;
position: relative;
transform: rotate(-5deg);
font-size: 15px;
letter-spacing: 3px;
color: #ccbcbb;
top: 16px;
left: 17px;
[/class]
[class="imgcontainer"]
width: 120px;
height: 320px;
background: #80b3be;
[/class]
[class="img1"]
background: url(https://data.whicdn.com/images/338093643/original.jpg);
background-size: cover;
height: 80px;
width: 80px;
position: relative;
margin-left: 20px;
margin-top: 20px;
box-sizing: border-box;
border: 1px solid #dcd6d8;
display: block;
background-position: center;
transition: 1s;
cursor: url(https://img.icons8.com/small/12/000000/hand-cursor.png), auto;
[/CLASS]
[class name="img1" state="hover"]
opacity: 0.8;
[/CLASS]
[script class="img1" on="click"]
hide tab1
show tab2
hide tab3
hide tab4
[/script]
[class="img2"]
background: url(https://data.whicdn.com/images/255500942/original.gif);
background-size: cover;
height: 80px;
width: 80px;
position: relative;
margin-left: 20px;
margin-top: 20px;
box-sizing: border-box;
border: 1px solid #dcd6d8;
display: block;
background-position: center;
transition: 1s;
cursor: url(https://img.icons8.com/small/12/000000/hand-cursor.png), auto;
[/class]
[class name="img2" state="hover"]
opacity: 0.8;
[/class]
[script class="img2" on="click"]
hide tab1
hide tab2
show tab3
hide tab4
[/script]
[class="img3"]
background: url(https://data.whicdn.com/images/218425204/original.jpg);
background-size: cover;
height: 80px;
width: 80px;
position: relative;
margin-left: 20px;
margin-top: 20px;
box-sizing: border-box;
border: 1px solid #dcd6d8;
display: block;
background-position: center;
transition: 1s;
cursor: url(https://img.icons8.com/small/12/000000/hand-cursor.png), auto;
[/class]
[class name="img3" state="hover"]
opacity: 0.8;
[/class]
[script class="img3" on="click"]
hide tab1
hide tab2
hide tab3
show tab4
[/script]
[class="detaildiv"]
width: 190px;
height: 320px;
background: #F3F2F9;
[/class]
[class="name"]
width: 190px;
height: 25px;
background: #F3F2F9;
text-align: center;
line-height: 25px;
font-size: 23px;
color: #00667d;
text-transform: uppercase;
font-weight: bolder;
letter-spacing: 2px;
display: block;
transition: 1s;
cursor: url(https://img.icons8.com/metro/11/000000/cursor.png), auto;
[/class]
[class name="name" state="hover"]
color: #8bbac5;
cursor: url(https://img.icons8.com/small/12/000000/hand-cursor.png), auto;
[/class]
[script class="name" on="click"]
show tab1
hide tab2
hide tab3
hide tab4
[/script]
[class="credits"]
margin: auto;
width: 310px;
height: auto;
font-size: 6px;
text-align: right;
[/class]
[class="postscroll"]
overflow: hidden;
width: 100%;
height: 290px;
border: 2px solid transparent;
[/class]
[class="post"]
width: 120%;
height: 290px;
overflow-Y: scroll;
overflow-X: hidden;
[/class]
[class="text"]
max-width: 185px;
font-size: 10px;
line-height: #px;
text-align: justify;
color: #1C231A;
[/CLASS]
[div class="credits"]code by @fudgecakez[/div]
[div class="tab1"]
[div class="tab1pic"]
[div class="tab1pictext"]
[/div] [/div] [/div] [div class="tab2"]
☇ age ⊢ twenty
☇ gender ⊢ female
☇ race ⊢ demi-god
☇ time era ⊢ 246 BC rome
☇ parents ⊢
⋄ biological father: poseidon
⋄ biological mother: helena
⋄ adopted father: kaeso nipius arvina
⋄ adopted mother: phoibe
[/div] [/div] [/div] [/div] [/div] [/div] [div class="tab3"]
BRIEF HISTORY ⋉
[/div] [/div] [/div] [/div] [/div] [/div] [div class="tab4"]
☇ extras ⊢
⋄ advanced horse rider and tamer
⋄ claimed to be a fast swimmer
⋄ skilled with a spear
HEADCANONS ⋉ TBH
⋄
⋄
⋄
⋄
☇ relationships ⊢ TBA; open to anyone [/div] [/div] [/div] [/div] [/div] [/div]
I'm not sure what I want to do with her backstory. I have ideas, but nothing is set in stone. I still need to fix her personality because I'm absolutely terrible at writing them. I hope the rest is alright though.
[/div] [/div] [/div] [div class="tab2"]
[div class="imgcontainer"]
[div class="img1"]
[div class="img2"][/div]
[div class="img3"][/div]
[/div]
[div class="detaildiv"]
[div class="name"]LOREIA[/div]
[div class="postscroll"]
[div class="post"]
[div class="text"]
NAME ⋉ loreia
⌑ "lora" ⌑ arvina
☇ age ⊢ twenty
☇ gender ⊢ female
☇ race ⊢ demi-god
☇ time era ⊢ 246 BC rome
☇ parents ⊢
⋄ biological father: poseidon
⋄ biological mother: helena
⋄ adopted father: kaeso nipius arvina
⋄ adopted mother: phoibe
[/div] [/div] [/div] [/div] [/div] [/div] [div class="tab3"]
[div class="imgcontainer"]
[div class="img1"]
[div class="img2"][/div]
[div class="img3"][/div]
[/div]
[div class="detaildiv"]
[div class="name"]LOREIA[/div]
[div class="postscroll"]
[div class="post"]
[div class="text"]
PERSONALITY ⋉ BRIEF HISTORY ⋉
TBH
[/div] [/div] [/div] [/div] [/div] [/div] [div class="tab4"]
[div class="imgcontainer"]
[div class="img1"]
[div class="img2"][/div]
[div class="img3"][/div]
[/div]
[div class="detaildiv"]
[div class="name"]LOREIA[/div]
[div class="postscroll"]
[div class="post"]
[div class="text"]
POWERS & ABILITIES ⋉ water and earth manipulation- generally earthquakes
☇ extras ⊢
⋄ advanced horse rider and tamer
⋄ claimed to be a fast swimmer
⋄ skilled with a spear
HEADCANONS ⋉ TBH
⋄
⋄
⋄
⋄
☇ relationships ⊢ TBA; open to anyone [/div] [/div] [/div] [/div] [/div] [/div]
I'm not sure what I want to do with her backstory. I have ideas, but nothing is set in stone. I still need to fix her personality because I'm absolutely terrible at writing them. I hope the rest is alright though.
Last edited: