natasha.
๐ง๐ญ๐ฐ๐ณ๐ฆ๐ด๐ค๐ฆ๐ฏ๐ค๐ฆ
[class=tab]width: 70%; margin: auto; font-family: Avenir; text-transform: uppercase; font-size: 12px; letter-spacing: 3px; color: #fff; background: #000; text-align: center; padding: 20px; border: 1px solid #000; transition: 1s all ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;[/class]
[class name=tab state=hover]color: #000; background: #fff; border: 1px solid #000; transition: 1s all ease-in-out;[/class]
[class=close]font-family: Avenir; font-size: 14px; color: #fff; height: 25px; width: 25px; background: #000; text-align: center; border: 1px solid #000; transition: 1s all ease-in-out; border-radius: 100%; position: relative; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important;[/class]
[class name=close state=hover]color: #000; background: #fff; border: 1px solid #000; transition: 1s all ease-in-out;[/class]
[class=homeTab]position: relative; height: 500px; width: 340px; transition: 3s all ease-in-out; color: 000; text-align: center; box-sizing: border-box; padding: 20px;[/class]
[class=tabContents]position: absolute; height: 500px; width: 340px; opacity: 0; transition: 3s all ease-in-out; color: 000; font-size: 12px; line-height: 22px;[/class]
[class=show]opacity: 1; z-index: 1;[/class]
[class=tag]font-family: Abril Fatface; color: #000; padding-left: 15px; padding-bottom: 5px; font-size: 18px; text-transform: uppercase;[/class]
[class=slide]animation: {post_id}slide 3s ease-in-out; animation-fill-mode: forwards;[/class]
[animation=slide]
[keyframe=0]margin-top: 0px;[/keyframe]
[keyframe=100]margin-top: -500px;[/keyframe]
[/animation]
[class=slidedown]animation: {post_id}slidedown 3s ease-in-out; animation-fill-mode: forwards;[/class]
[animation=slidedown]
[keyframe=0]margin-top: 0px;[/keyframe]
[keyframe=100]margin-top: 500px; opacity: 0;[/keyframe]
[/animation]
[script class=tab on=click]
addClass slide homeTab
addClass show tabContents1
removeClass show tabContents2
[/script]
[script class=close on=click]
addClass slidedown tabContents1
addClass show tabContents2
[/script]
[div class="tabContents tabContents1"]
nickname
age
gender
sexuality
role
appearance (1 para description, or bullets for just specific details, nothing too elaborate)
[div class=tag]persona[/div] virtues (5, no description required)
vices (5, no description required)
likes
dislikes
fears (2 minor, not related to boggart)
[div class=tag]wizarding info[/div] house
species
blood status
wand
pet
best class (only one)
worst class (again, only one)
amortentia
boggart
patronus (yet to be learned, but put it in anyway)
animagus (yet to go to the process, but put down their form)
quidditch (if they play)
[div class=tag]background[/div] list out important parts of their lives in bullet points. [/div][/div] [div class="tabContents tabContents2"]
[/div]
[/div][/div]
[div class="homeTab"]
LUMOS
[div class=tab]click to enter[div class=close]x
[/div]
[div class=tag]general
full namenickname
age
gender
sexuality
role
appearance (1 para description, or bullets for just specific details, nothing too elaborate)
[div class=tag]persona[/div] virtues (5, no description required)
vices (5, no description required)
likes
dislikes
fears (2 minor, not related to boggart)
[div class=tag]wizarding info[/div] house
species
blood status
wand
pet
best class (only one)
worst class (again, only one)
amortentia
boggart
patronus (yet to be learned, but put it in anyway)
animagus (yet to go to the process, but put down their form)
quidditch (if they play)
[div class=tag]background[/div] list out important parts of their lives in bullet points. [/div][/div] [div class="tabContents tabContents2"]
NOX