โ› ๐’‚๐’๐’•๐’Š ๐’—๐’Š๐’๐’๐’‚๐’Š๐’ ๐’๐’†๐’‚๐’ˆ๐’–๐’† โœ

christy

christy

๐™˜๐™–๐™ฃ๐™™๐™ฎ ๐™˜๐™–๐™ฃ๐™š๐™จ
[class=tab2] display: inline; box-sizing: border-box; padding: 4px; text-align: center; transition: 0.5s; font-weight: bold; font-size: 50px; font-family: Playfair Display; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class=tab1] display: inline; box-sizing: border-box; padding: 4px; text-align: center; transition: 0.5s; font-weight: bold; font-size: 20px; font-family: Playfair Display; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class=tag] display: inline; margin-top: 10px; padding: 1px 4px 1px 4px; background: #6559ab; font-family: Avenir; color: #fff; [/class] [class name=tab1 state=hover] color: #6559ab; transition: 0.5s; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class name=tab2 state=hover] color: #6559ab; transition: 0.5s; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class=tabContents] position: absolute; opacity: 0; transition: all .5s; width: 500px; font-size: 11px; line-height: 26px; height: 200px; box-sizing: border-box; [/class] [class=show] opacity: 1; z-index: 1; [/class] [class=hide] opacity: 0; [/class] [script class=tab1 on=click] addClass show tabContents01 addClass hide home removeClass show tabContents02 [/script] [script class=tab2 on=click] addClass show tabContents02 addClass hide home removeClass show tabContents01 [/script]
[div class="tabContents tabContents01 show"]
[div class="tab2"]anti villain league
private roleplay b/w fleur de lis fleur de lis & christy christy
[/div] [div class="tabContents tabContents02"]
[div class=tag]name.

[div class=tag]nicknames.

[div class=tag]age.[/div]
[div class=tag]gender.[/div]
[div class=tag]sexuality.[/div]
[div class=tag]appearance.[/div]
[div class=tag]dist. features.[/div]
[div class=tag]ethnicity.[/div] [/div]
[div class=tag]positive traits.

[div class=tag]neutral traits.[/div]
[div class=tag]negative traits.[/div]
[div class=tag]likes.[/div]
[div class=tag]dislikes.[/div]
[div class=tag]ailments.[/div] [/div]
[div class=tag]abilities.

[div class=tag]strengths.[/div]
[div class=tag]limitations.[/div]
[div class=tag]misc ability info.[/div] [/div]
[div class=tag]family.

[div class=tag]background.[/div]
[div class=tag]misc.[/div] [/div] [/div]
[div class="tab1"]home
[/div] [/div] [/div]
 
[class=tag] background: #222; display: inline; padding: 0px 4px 3px 4px; color: #fff; margin-right: 5px; [/class] [class=tag1] display: inline; font-family: Merriweather; font-weight: bold; [/class] [class=image1] width: 180px; height: 400px; position: absolute; background: url(https://live.staticflickr.com/4327/36052528246_4b8ccab127_b.jpg); background-size: 235px; background-position: 50% 50%; transition: 1s all ease-in-out; opacity: 0; [/class] [class=image2] width: 180px; height: 400px; position: absolute; background: url(https://66.media.tumblr.com/f756b9c1953d4d4a50649bf85ffe6b1b/tumblr_oh41zbMaqT1un8qsqo9_250.png); background-size: cover; background-position: 50% 50%; transition: 1s all ease-in-out; opacity: 0; [/class] [class=image3] width: 180px; height: 400px; position: absolute; background: url(https://66.media.tumblr.com/916bfc9a81e5db0efdc32a7e3e9595e5/tumblr_mkrs9cd7H91qlb5r0o1_640.png); background-size: cover; background-position: 50% 50%; transition: 1s all ease-in-out; opacity: 0; [/class] [class=image4] width: 180px; height: 400px; position: absolute; background: url(https://66.media.tumblr.com/7cde72ca5f60aed00539aef9790f5b76/tumblr_mizkb9lCUs1qbzekto1_500.jpg); background-size: cover; background-position: 50% 50%; transition: 1s all ease-in-out; opacity: 0; [/class] [class=image5] width: 180px; height: 400px; position: absolute; background: url(https://static.yogapantsgirl.com/wp-content/uploads/2019/07/MEME-Winona-Ryder-Killin-it-since-94-brand-new.jpg); background-size: cover; background-position: 50% 50%; transition: 1s all ease-in-out; opacity: 0; [/class] [animation=hover] [keyframe=50] font-size: 11px; [/keyframe] [keyframe=100] font-size: 13px; [/keyframe] [/animation] [class=homeTab] font-family: Merriweather; transform: rotate(90deg); width: 50px; height: 15px; text-transform: lowercase; box-sizing: border-box; margin-top: 25px; margin-right: -40px; color: #888; opacity: 0; font-size: 12px; float: right; transition: .5s all ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class name=homeTab state=hover] animation-name: {post_id}hover; animation-duration: 0.5s; color: #000; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class=dot] font-family: Merriweather; text-transform: uppercase; letter-spacing: 2px; color: #000; font-size: 13px; transition: .5s all ease-in-out; text-align: center; height: 15px; [/class] [class=tab] font-family: Merriweather; text-transform: lowercase; letter-spacing: 2px; color: #888; font-size: 13px; transition: .5s all ease-in-out; text-align: center; height: 15px; width: 45px; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class name=tab state=hover] animation-name: {post_id}hover; animation-duration: 0.5s; color: #000; transition: .5s all ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class=selectedTab] color: #000; transition: .5s all ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class name=selectedTab state=hover] color: #000; transition: .5s all ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class=tabContents] position: absolute; opacity: 0; transition: all 1s; width: 300px; font-size: 11px; line-height: 26px; color: #000; height: 360px; box-sizing: border-box; [/class] [class=show] opacity: 1; z-index: 1; [/class] [script class=tab1 on=click] addClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents05 addClass show homeTab addClass show image1 removeClass show image2 removeClass show image3 removeClass show image4 removeClass show image5 addClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab4 [/script] [script class=tab2 on=click] addClass show tabContents02 removeClass show tabContents01 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents05 addClass show homeTab addClass show image2 removeClass show image1 removeClass show image3 removeClass show image4 removeClass show image5 addClass selectedTab tab2 removeClass selectedTab tab1 removeClass selectedTab tab3 removeClass selectedTab tab4 [/script] [script class=tab3 on=click] addClass show tabContents03 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents04 removeClass show tabContents05 addClass show homeTab addClass show image3 removeClass show image2 removeClass show image1 removeClass show image4 removeClass show image5 addClass selectedTab tab3 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab4 [/script] [script class=tab4 on=click] addClass show tabContents04 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents05 addClass show homeTab addClass show image4 removeClass show image2 removeClass show image3 removeClass show image1 removeClass show image5 addClass selectedTab tab4 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 [/script] [script class=homeTab on=click] addClass show tabContents05 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents04 removeClass show homeTab addClass show image5 removeClass show image2 removeClass show image3 removeClass show image4 removeClass show image1 removeClass selectedTab tab4 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 [/script]
[div class="image5 show"]
[div class="image1"]
[div class="image2"]
[div class="image3"][/div] [div class="image4"][/div] [/div]
[div class="homeTab"]home
[div class="tabContents tabContents05 show"]
theo
your friendly neighbourhood psychic!
[div class="tabContents tabContents01"]
basics
[div class=tag1]name.
theodora miriam kovรกcs.
[div class=tag1]nicknames.
she mainly just prefers to go by theo, since her name can be a bit of a mouthful.
[div class=tag1]age.[/div] eighteen.
[div class=tag1]gender.[/div] female.
[div class=tag1]sexuality.[/div] heterosexual.
[div class=tag1]appearance.[/div] info.
[div class=tag1]dist. features.[/div] info.
[div class=tag1]ethnicity.[/div] russian, romanian + jewish ancestry. [/div] [/div][/div] [div class="tabContents tabContents02"]
psche
[div class=tag1]positive traits.
info.
[div class=tag1]neutral traits.
info.
[div class=tag1]negative traits.[/div] info.
[div class=tag1]likes.[/div] boots , vinyl , coffee , cigarettes , cars , wearing multiple rings , dancing , photography , halloween.
[div class=tag1]dislikes.[/div] overwhelming voices , bossiness , the colour pink , birds (they poop on everything) , condescending tones.
[div class=tag1]ailments.[/div] adhd + dyslexia. [/div] [/div][/div] [div class="tabContents tabContents03"]
abilities
[div class=tag1]abilities.
clairvoyance + psionic energy manipulation ; a combination of these abilities allows theo to accomplish a whole deal โ€” while making it also hard to get out of her own head. with every power, her abilities have their strengths and their limitations.
[div class=tag1]strengths.
info.
[div class=tag1]limitations.[/div] info.
[div class=tag1]misc.[/div] info. [/div] [/div][/div] [div class="tabContents tabContents04"]
background
[div class=tag1]family.
info.
[div class=tag1]background.
info.
[div class=tag1]extras.[/div] info. [/div] [/div][/div] [/div]
[div class="tab tab1"]one
[div class=dot]โ—[/div] [div class="tab tab2"]two[/div] [div class=dot]โ—[/div] [div class="tab tab3"]three[/div] [div class=dot]โ—[/div] [div class="tab tab4"]four[/div] [/div] [/div] [/div][/div]
 
Last edited:
[class=tag] background: #222; display: inline; padding: 0px 4px 3px 4px; color: #fff; margin-right: 5px; [/class] [class=tag1] display: inline; font-family: Merriweather; font-weight: bold; [/class] [class=image1] width: 180px; height: 400px; position: absolute; background: url(https://vignette.wikia.nocookie.net/theoutsiders/images/2/24/Thomas_Howell-01.jpg/revision/latest?cb=20160910152532); background-size: 340px; background-position: 45% 50%; transition: 1s all ease-in-out; opacity: 0; [/class] [class=image2] width: 180px; height: 400px; position: absolute; background: url(https://i.pinimg.com/originals/05/6e/2a/056e2af20263d165d7e074c3b911eb23.jpg); background-size: cover; background-position: 45% 50%; transition: 1s all ease-in-out; opacity: 0; [/class] [class=image3] width: 180px; height: 400px; position: absolute; background: url(https://i.pinimg.com/originals/fb/9b/f9/fb9bf910e868d55cceb261f61acc5dfb.jpg); background-size: cover; background-position: 55% 50%; transition: 1s all ease-in-out; opacity: 0; [/class] [class=image4] width: 180px; height: 400px; position: absolute; background: url(https://ztams.com/wp-content/uploads/tommy34.jpg); background-size: 350px; background-position: 50% 50%; transition: 1s all ease-in-out; opacity: 0; [/class] [class=image5] width: 180px; height: 400px; position: absolute; background: url(http://www.teenidols4you.com/blink/Actors/cthowell/cthowell_1291567255.jpg); background-size: 300px; background-position: 40% 50%; transition: 1s all ease-in-out; opacity: 0; [/class] [animation=hover] [keyframe=50] font-size: 11px; [/keyframe] [keyframe=100] font-size: 13px; [/keyframe] [/animation] [class=homeTab] font-family: Merriweather; transform: rotate(90deg); width: 50px; height: 15px; text-transform: lowercase; box-sizing: border-box; margin-top: 25px; margin-right: -40px; color: #888; opacity: 0; font-size: 12px; float: right; transition: .5s all ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class name=homeTab state=hover] animation-name: {post_id}hover; animation-duration: 0.5s; color: #000; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class=dot] font-family: Merriweather; text-transform: uppercase; letter-spacing: 2px; color: #000; font-size: 13px; transition: .5s all ease-in-out; text-align: center; height: 15px; [/class] [class=tab] font-family: Merriweather; text-transform: lowercase; letter-spacing: 2px; color: #888; font-size: 13px; transition: .5s all ease-in-out; text-align: center; height: 15px; width: 45px; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class name=tab state=hover] animation-name: {post_id}hover; animation-duration: 0.5s; color: #000; transition: .5s all ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class=selectedTab] color: #000; transition: .5s all ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class name=selectedTab state=hover] color: #000; transition: .5s all ease-in-out; cursor: url(https://66.media.tumblr.com/6fb38fc5e97353c67e3fc3a2e2b29bf9/tumblr_inline_ol4nwisGdu1uxxza6_75sq.png), auto!important; [/class] [class=tabContents] position: absolute; opacity: 0; transition: all 1s; width: 300px; font-size: 11px; line-height: 26px; color: #000; height: 360px; box-sizing: border-box; [/class] [class=show] opacity: 1; z-index: 1; [/class] [script class=tab1 on=click] addClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents05 addClass show homeTab addClass show image1 removeClass show image2 removeClass show image3 removeClass show image4 removeClass show image5 addClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 removeClass selectedTab tab4 [/script] [script class=tab2 on=click] addClass show tabContents02 removeClass show tabContents01 removeClass show tabContents03 removeClass show tabContents04 removeClass show tabContents05 addClass show homeTab addClass show image2 removeClass show image1 removeClass show image3 removeClass show image4 removeClass show image5 addClass selectedTab tab2 removeClass selectedTab tab1 removeClass selectedTab tab3 removeClass selectedTab tab4 [/script] [script class=tab3 on=click] addClass show tabContents03 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents04 removeClass show tabContents05 addClass show homeTab addClass show image3 removeClass show image2 removeClass show image1 removeClass show image4 removeClass show image5 addClass selectedTab tab3 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab4 [/script] [script class=tab4 on=click] addClass show tabContents04 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents05 addClass show homeTab addClass show image4 removeClass show image2 removeClass show image3 removeClass show image1 removeClass show image5 addClass selectedTab tab4 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 [/script] [script class=homeTab on=click] addClass show tabContents05 removeClass show tabContents01 removeClass show tabContents02 removeClass show tabContents03 removeClass show tabContents04 removeClass show homeTab addClass show image5 removeClass show image2 removeClass show image3 removeClass show image4 removeClass show image1 removeClass selectedTab tab4 removeClass selectedTab tab1 removeClass selectedTab tab2 removeClass selectedTab tab3 [/script]
[div class="image5 show"]
[div class="image1"]
[div class="image2"]
[div class="image3"][/div] [div class="image4"][/div] [/div]
[div class="homeTab"]home
[div class="tabContents tabContents05 show"]
vinnie
someone call for a hacker?
[div class="tabContents tabContents01"]
basics
[div class=tag1]name.
alvin rhys mitchell.
[div class=tag1]nicknames.
not overly fond of his first name, he has taken to simply introducing himself as vinnie.
[div class=tag1]age.[/div] nineteen.
[div class=tag1]gender.[/div] male.
[div class=tag1]sexuality.[/div] heterosexual.
[div class=tag1]appearance.[/div] info.
[div class=tag1]dist. features.[/div] info.
[div class=tag1]ethnicity.[/div] british + welsh. [/div] [/div][/div] [div class="tabContents tabContents02"]
psche
[div class=tag1]positive traits.
info.
[div class=tag1]neutral traits.
info.
[div class=tag1]negative traits.[/div] info.
[div class=tag1]likes.[/div] info.
[div class=tag1]dislikes.[/div] info.
[div class=tag1]ailments.[/div] info. [/div] [/div][/div] [div class="tabContents tabContents03"]
abilities
[div class=tag1]abilities.
metal + technology manipulation.
[div class=tag1]strengths.
info.
[div class=tag1]limitations.[/div] info.
[div class=tag1]misc.[/div] info. [/div] [/div][/div] [div class="tabContents tabContents04"]
background
[div class=tag1]family.
info.
[div class=tag1]background.
info.
[div class=tag1]extras.[/div] info. [/div] [/div][/div] [/div]
[div class="tab tab1"]one
[div class=dot]โ—[/div] [div class="tab tab2"]two[/div] [div class=dot]โ—[/div] [div class="tab tab3"]three[/div] [div class=dot]โ—[/div] [div class="tab tab4"]four[/div] [/div] [/div] [/div][/div]
 
Last edited:
You must log in or register to reply here.

Users who are viewing this thread

Total: 2 (members: 0, guests: 2)
Back
Top