Boop's Buddies :)

[BippityBoppityBoop]

Alright here is some info about me before I get into showing off my girls and bois
This first post is about me if you couldn't tell. Read it if you want, if you don't oh well, no hard feelings. Maybe after reading this you'll want to RP!
Anyways this is a WIP, I may or may not change the pictures depending on if I have the energy haha!
I am currently getting over a really bad depressive/ anxiety episode and trying to get back into things on here, so I'm down for more RP's again!
I'm not expecting to get any replies on here or anything, this is honestly mostly for me and maybe one or two people who may or may not stop by
[class=container] width: 560px; position: relative; margin: auto; cursor: url(http://cur.cursors-4u.net/nature/images9/nat852.gif), auto !important; [/class] [class=cover] bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; height: 100%; z-index: 2; [/class] [class=background_two] background-color: #f5f5ef; width: 560px; height: 456px; [/class] [class=border] background-color: #0a4424; width: 110px; height: 416px; padding: 20px; [/class] [class=main_image] position: relative; background: url('https://i.imgur.com/8HDTxJQ.jpg'); width: 180px; height: 304px; border: 8px solid #748b74; margin-left: 30px; margin-top: 45px; [/class] [class=image_one] position: relative; background: url('https://i.imgur.com/diAeJCB.jpg'); border-radius: 100%; border: 1px solid #748b74; background-size: 100%; margin-left: 180px; margin-top: -295px; width: 80px; height: 80px; [/class] [class=image_two] position: relative; background: url('https://i.imgur.com/7ywaQRJ.jpg'); border-radius: 100%; border: 1px solid #748b74; background-size: 100%; margin-left: 180px; margin-top: 15px; width: 80px; height: 80px; [/class] [class=image_three] position: relative; background: url('https://i.imgur.com/05I1YdL.jpg'); border-radius: 100%; border: 1px solid #748b74; background-size: 100%; margin-left: 180px; margin-top: 15px; width: 80px; height: 80px; [/class] [class=textcontainer_two] position: relative; margin-left: 260px; margin-top: -260px; white-space: pre-wrap; [/class] [class=header_one] color: #748b74; text-transform: uppercase; text-align: center; font-size: 20px; [/class] [class=header_two] color: #0a4424; text-transform: uppercase; text-align: center; font-size: 30px; margin-top: -45px; [/class] [class=background] background-color: #FFFFFF; margin: auto; width: 560px; height: 455px; position: relative; [/class] [class=banner] width: 100%; height: 100px; padding: 0px; background-color: #0a4424; [/class] [class=banner_text] position: relative; padding: 30px; font-size: 30px; text-transform: uppercase; font-style: italic; color: white; top: -5px; text-align: right; [/class] [class=divider] position: absolute; width: 50%; line-height: 0; height: 1px; background-color: black; margin-top: -5px; left: 250px; [/class] [class=textcontainer] position: relative; padding: 10px; [/class] [class=side_one] position: relative; width: 210px; [/class] [class=side_two] position: relative; margin-top: -310px; margin-left: 220px; white-space: pre-wrap; [/class] [class=box] position: relative; border: solid 1px #BABCBE; background-color: white; height: 150px; [/class] [class=box_info] position: relative; border-bottom: 1px solid #BABCBE; text-align: right; padding: 5px; background-color: #F2F2F2; font-size: 18px; color: #748b74; text-transform: uppercase; font-style: italic; [/class] [class=box_text] padding: 10px; color: grey; font-size: 12px; font-family: 'Arial'; line-height: 16px; [/class] [class=textinformation] margin-top: -5px; margin-left: 10px; font-size: 18px; color: #748b74; [/class] [class=textinformation_two] margin-top: -10px; margin-left: 20px; font-size: 11px; line-height: 16px; color: grey; text-transform: uppercase; [/class] [class=divider_two] position: absolute; width: 210px; line-height: 0; height: 1px; background-color: black; margin-top: 10px; [/class] [class=icon_border] display: inline-block; border: solid 1px #BABCBE; background-color: #F2F2F2; line-height: 0; padding: 12px; margin: auto; margin-top: -90px; margin-left: 15px; height: 100px; width: 100px; [/class] [class=icon_one] background: url('https://i.imgur.com/6mtSQG2.jpg'); background-size: 100%; border: solid 1px #FBFBFB; height: 100px; width: 100px; [/class] [class name=icon_one state=hover] background: url('https://i.imgur.com/iGgtOfx.jpg') no-repeat; background-size: cover; width: 100%; height: 100%; [/class] [script class=background on=click] slideDown 800 cover [/script] [script class=cover on=click] slideUp 800 [/script] [div class=container][div class=background] [div class=banner][div class=banner_text]Bippity Boppity Boop [div class=divider][/div][/div][/div] [div class=textcontainer][div class=icon_border][div class=icon_one][/div][/div]
[div class=side_one][div class=textinformation] nickname(s)[/div] [div class=textinformation_two]Boop[/div] [div class=divider_two][/div]
[div class=textinformation] age[/div] [div class=textinformation_two]19, about to be 20 this year! Yikes![/div] [div class=divider_two][/div]
[div class=textinformation] gender[/div] [div class=textinformation_two]Female[/div] [div class=divider_two][/div]
[div class=textinformation] sexuality[/div] [div class=textinformation_two]Heterosexual. I have an amazing bf of 2 years now [/div] [div class=divider_two][/div]
[div class=textinformation] role|clan:[/div] [div class=textinformation_two]RPer/ Tired, broke college student.[/div] [div class=divider_two][/div] [/div] [div class=side_two]

[div class=box][div class=box_info]appearance

[div class=box_text] Hair Color: Depends! Originally brunette but usually dye it red or black. Hopefully blue soon! Eye Color: Brown/ Green Height: 5'3??? Distinguishing Features: Hmm... My eyeballs maybe? Body Mods: 3 tattos and 4 piercings! Ailments: Anxiety (If you would call it an ailment xD) Attire: Currently? A black tank top, a light pink cardigan and ripped jeans Feelin' hella cute honestly. Faceclaim: Myself

[/div]

[div class=box][div class=box_info]personality[/div]

[div class=box_text]

+ Open minded + Kind + Willing to work with others + Loyal + Supportive

- Over thinker - Hypocrite - Don't stick to resolutions - Lazyyyy - Anxious AF

❀ Strengths: Kindness, Loyalty, Selfless (Usually!), Psychology, Can speak SOME Spanish I guess! ❀ Weaknesses: Math, Anxiety (My brain), Dark chocolate, Food in general hehe, Hard work, Corona virus ❀ Likes: Dark chocolate, the color yellow, animals, reading horror stories, spooky things, soft aesthetic, my bf, my friends and family obviously!, RPing, making characters ❀ Dislikes: Spiders, the ocean (It scares me ), math, hard work, my real hair color, school, myself, broccoli ❀ Fears: Spiders, heights, being judged, death, people leaving me, small spaces, being broke, the thought of someone being mad at me, and other stuff that's way too much for me to list on here

[/div][/div]

[div class=box][div class=box_info]biography[/div]

[div class=box_text] Occupation: Waitress, also an actress in a haunted house Hometown: Earth (Earth is a town, yes) Little about ME!: Alright ya'll so this is a little about me I'll get this out of the way now, I have major anxiety (In case you couldn't tell by now!) so I will occasionally take a few weeks break from this site to take time for myself and chill. Sometimes it gets worse than other days, so it just depends. I'm super open minded and literally love to RP and learn writing ideas from other people all the time! I also love making friends in the process so don't be scared to PM me about potential RPs, maybe with a character you find interesting on here or maybe a whole new plot with a whole new character!

[/div][/div]

[div class=box][div class=box_info]other[/div]

[div class=box_text] Weapon of Choice: Hmm... A fork maybe. Fav. Song: ( Run for Me by Sebastian, Gallant ) Fandoms: ( I don't have a lot, but I love Supernatural, Sherlock, Pokemon, any Stephan King shit, Sort of MLP??, Disney!, DC/ Marvel ) Blood type: ( A positive ) Alignment: ( Chaotic good ) Other: ( WIP ) Relationships: My bf of 2 years!

[/div][/div] [/div][/div][/div][/div][/div] [div class=cover][div class=background_two][div class=border][div class=main_image][/div] [div class=image_one][/div] [div class=image_two][/div] [div class=image_three][/div][/div][div class=textcontainer_two][div class=header_one]BippityBoppityBoop[/div] [div class=header_two]RPer[/div][/div][/div][/div][/div]

codedbycrucially | click main image, hover icon, hidden scroll​

 

[BippityBoppityBoop]

Ay AY! Finally (Sort of) got a character up Definite WIP as always. This is my girl Aly, love her to death. Softy but also a complete badass. The perfect women except for that... ya know. She's a werewolf. Honestly I think that's even cooler Anyways I will finish this eventually. I feel better that I finally have it started tho!
[class=bkg] height: 405px; width: 600px; position: relative; margin: auto; color: transparent; cursor: url('http://i.imgur.com/ZOrzC.png'), auto !important; [/class] [class=original] position: relative; overflow: hidden; height: 400px; width: 120px; left: 240px; border-radius: 40px; background-image: linear-gradient(rgba(106, 150, 189, 0), rgba(106, 150, 189, 0.8), rgba(106, 150, 189, 1)), url(https://i.mdel.net/i/db/2019/2/1064457/1064457-500w.jpg); background-size: cover; background-position: 65% 40%; [/class] [class=line1] position: absolute; height: 175px; width: 3px; background: white; left: 7px; border-radius: 0px 0px 7px 7px; [/class] [class=line2] position: absolute; height: 135px; width: 3px; background: white; left: 17px; border-radius: 0px 0px 7px 7px; [/class] [class=line3] position: absolute; height: 105px; width: 3px; background: white; left: 27px; border-radius: 0px 0px 7px 7px; [/class] [class=line4] position: absolute; height: 175px; width: 3px; background: white; top: 225px; left: 110px; border-radius: 7px 7px 0px 0px; [/class] [class=line5] position: absolute; height: 145px; width: 3.5px; background: white; top: 255px; left: 100px; border-radius: 7px 7px 0px 0px; [/class] [class=line6] position: absolute; height: 115px; width: 3px; background: white; top: 285px; left: 90px; border-radius: 7px 7px 0px 0px; [/class] [class=circle] position: relative; height: 50px; width: 50px; border-radius: 50px; background: #EAEAEA; left: 35px; top: 175px; [/class] [class=circle2] position: relative; height: 50px; width: 50px; border-radius: 50px; background: #EAEAEA; left: 35px; top: 175px; animation: {post_id}glide 2s; animation-fill-mode: forwards; [/class] [class=circletxt] position: relative; height: 50px; width: 50px; top: -1px; border-radius: 50px; color: black; animation: {post_id}pulse 2s linear infinite; cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important; [/class] [class=original2] position: relative; height: 400px; width: 120px; left: 240px; border-radius: 40px; background: #F5D3C6; animation: {post_id}slide 2s ease-in-out; animation-fill-mode: forwards; background-image: linear-gradient(rgba(106, 150, 189, 0), rgba(106, 150, 189, 0.8), rgba(106, 150, 189, 1)), url(https://i.mdel.net/i/db/2019/2/1064457/1064457-500w.jpg); background-size: cover; background-position: 65% 40%; [/class] [class=container] position: absolute; top: 0px; left: 150px; height: 400px; width: 350px; [/class] [class=outline] position: relative; height: 400px; width: 350px; top: -440px; background: transparent; border: 2px solid #6A96BD; animation: {post_id}drop 3s ease-in-out; animation-fill-mode: forwards; animation-delay: 1.5s; overflow: visible; [/class] [class=real] position: absolute; height: 390px; width: 340px; left: 5px; top: 5px; background: #EFEFEF; font-size: 12px; display: inline-block; color: black; font-family: Calibri; [/class] [class=real2] position: absolute; height: 390px; width: 340px; left: 5px; top: 5px; background: #EFEFEF; font-size: 12px; display: inline-block; color: black; font-family: Calibri; [/class] [class=real3] position: absolute; height: 390px; width: 340px; left: 5px; top: 5px; background: #EFEFEF; font-size: 12px; display: inline-block; color: black; font-family: Calibri; [/class] [class=real4] position: absolute; height: 390px; width: 340px; left: 5px; top: 5px; background: #EFEFEF; font-size: 12px; display: inline-block; color: black; font-family: Calibri; [/class] [class=subtab] position: relative; height: 50px; width: 60px; border-radius: 0px 12px 12px 0px; left: 240px; top: 5px; background: #EFEFEF; animation: {post_id}reveal 3s ease-in-out; animation-fill-mode: forwards; animation-delay: 3.5s; opacity: 0; color: #6A96BD; font-size: 18px; [/class] [class=tab1] position: absolute; height: 15px; width: 15px; border-radius: 50px; left: 360px; top: 5px; background: #EDEDED; border: 1.5px solid #6A96BD; animation: {post_id}tab1 1.5s ease-in-out; animation-fill-mode: forwards; animation-delay: 5.5s; font-size: 18px; opacity: 0; cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important; [/class] [class=tab2] position: absolute; height: 15px; width: 15px; border-radius: 50px; left: 360px; top: 5px; background: #EDEDED; border: 1.5px solid #6A96BD; animation: {post_id}tab2 1.5s ease-in-out; animation-fill-mode: forwards; animation-delay: 6s; font-size: 18px; opacity: 0; cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important; [/class] [class=tab3] position: absolute; height: 15px; width: 15px; border-radius: 50px; left: 360px; top: 5px; background: #EDEDED; border: 1.5px solid #6A96BD; animation: {post_id}tab3 1.5s ease-in-out; animation-fill-mode: forwards; animation-delay: 6.5s; font-size: 18px; opacity: 0; cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important; [/class] [class=tab4] position: absolute; height: 15px; width: 15px; border-radius: 50px; left: 360px; top: 5px; background: #EDEDED; border: 1.5px solid #6A96BD; animation: {post_id}tab4 1.5s ease-in-out; animation-fill-mode: forwards; animation-delay: 7s; font-size: 18px; opacity: 0; cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important; [/class] [class=banner] position: absolute; height: 100px; width: 200px; left: 60px; top: 15px; background: url('https://img.pngio.com/16-blue-watercolor-brush-stroke-banner-png-transparent-onlygfxcom-mint-blue-png-1027_339.png'); background-size: 100%; background-repeat: no-repeat; color: white; font-size: 24px; padding: 7px; padding-left: 27px; [/class] [class=title] position: absolute; height: 150px; width: 180px; left: -26px; top: -55px; background: url('https://i.imgur.com/y5DfIO7.png'); background-size: 140%; background-repeat: no-repeat; [/class] [class=header] width: max-content; height: 15px; font-size: 13px; color: #6A96BD; font-weight: bold; font-family: DM Serif Display; position: relative; left: 8px; margin-bottom: 10px; display: inline; [/class] [class=hidden] display: none; [/class] [animation=button] [keyframe=0] transform: scale(0.9); [/keyframe] [keyframe=50] transform: scale(1.2); box-shadow: 0px 0px 0px 25px rgba(255,255,255, 0); [/keyframe] [keyframe=100] transform: scale(0.9); box-shadow: 0px 0px 0px 0px rgba(255,255,255, 0); [/keyframe] [/animation] [animation=pulse] [keyframe=0] transform: scale(1); [/keyframe] [keyframe=20] transform: scale(1.2); [/keyframe] [keyframe=40] transform: scale(1); [/keyframe] [keyframe=60] transform: scale(1.2); [/keyframe] [keyframe=80] transform: scale(1); [/keyframe] [keyframe=90] transform: scale(1.2); [/keyframe] [keyframe=100] transform: scale(1); [/keyframe] [/animation] [animation=slide] [keyframe=0] left: 240px; [/keyframe] [keyframe=100] left: 0px; [/keyframe] [/animation] [animation=reveal] [keyframe=0] left: 240px; [/keyframe] [keyframe=100] left: 335px; opacity: 1; [/keyframe] [/animation] [animation=tab1] [keyframe=0] top: 5px; opacity: 0; [/keyframe] [keyframe=100] top: 65px; opacity: 1; [/keyframe] [/animation] [animation=tab2] [keyframe=0] opacity: 0; [/keyframe] [keyframe=100] top: 95px; opacity: 1; [/keyframe] [/animation] [animation=tab3] [keyframe=0] opacity: 0; [/keyframe] [keyframe=100] top: 125px; opacity: 1; [/keyframe] [/animation] [animation=tab4] [keyframe=0] opacity: 0; [/keyframe] [keyframe=100] top: 155px; opacity: 1; [/keyframe] [/animation] [animation=grow] [keyframe=0] top: 175px; opacity: 0; [/keyframe] [keyframe=100] top: 190px; transform: scaleY(28); opacity: 1; [/keyframe] [/animation] [animation=glide] [keyframe=0] transform: rotate(0deg); left: 35px; [/keyframe] [keyframe=100] transform: rotate(-90deg); left: 56px; [/keyframe] [/animation] [animation=drop] [keyframe=0] top: -440px; [/keyframe] [keyframe=100] top: 0px; [/keyframe] [/animation] [animation=fade] [keyframe=0] opacity: 0; [/keyframe] [keyframe=100] opacity: 1; [/keyframe] [/animation] [script class=circletxt on=click] hide original show original2 fadeIn 0300 container fadeIn 0400 linecont [/script] [div class=bkg] [div class=original] [div class=line1][/div][div class=line2][/div][div class=line3][/div][div class=line4][/div][div class=line5][/div][div class=line6][/div] [div class=circle] [div class=circletxt]

[/div] [/div] [/div] [div class="original2 hidden"] [div class=line1][/div][div class=line2][/div][div class=line3][/div][div class=line4][/div][div class=line5][/div][div class=line6][/div] [div class=circle2] [div class=circletxt]

[/div] [/div] [/div] [div class="container hidden"] [div class=outline] [div class=tab1][/div] [div class=tab2][/div] [div class=tab3][/div] [div class=tab4][/div] [class=cont] width: 100%; [/class] [script class=tab1 on=click] hide real2 hide real3 hide real4 fadeIn 0700 real [/script] [script class=tab2 on=click] hide real hide real3 hide real4 fadeIn 0700 real2 [/script] [script class=tab3 on=click] hide real2 hide real hide real4 fadeIn 0700 real3 [/script] [script class=tab4 on=click] hide real2 hide real3 hide real fadeIn 0700 real4 [/script] [class=taggies] font-size: 14px; font: Merriweather; font-weight: bold; color: #6A96BD; display: inline-block; margin-bottom: 4px; position: relative; [/class] [div class=subtab]

[/div] [div class=real][div class=banner][div class=title][/div][/div]

[div class=taggies]Name:

here
[div class=taggies]Nickname(s):[/div] here
[div class=taggies]Age:[/div] here
[div class=taggies]Species:[/div] Werewolf
[/div][/div] [div class="real2 hidden"][div class=banner][div class=title][/div][/div]

[div class=taggies]ahere.

here
[div class=taggies]here.[/div] here
[div class=taggies]here.[/div] here
[div class=taggies]here.[/div] here
[/div][/div] [class=extra] width: 310px; left: -10px; height: 120px; border-radius: 17px; background: white; position: relative; overflow: hidden; font-size: 10px; text-tranform: lowercase; text-align: justify; [/class] [div class="real3 hidden"][div class=banner][div class=title][/div][/div]

[div class=taggies]aahere.

here
[div class=taggies]here.[/div] here
[div class=taggies]here.[/div] here
[div class=taggies]here.[/div] here

[div class=extra]

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

[/div][/div] [/div] [div class="real4 hidden"][div class=banner][div class=title][/div][/div]

[div class=taggies]cahere.

here
[div class=taggies]here.[/div] here
[div class=taggies]here.[/div] here
[div class=taggies]here.[/div] here

[div class=extra]

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

[/div] [/div][/div] [/div] [/div] [/div][class=cred] width:100%;text-align:center;font-size:8px;[/class][div class=cred]fated.[/div]