Closed Ria's -- code dump?

PhoenixMire · Nov 26, 2018

RI.a said:
I've got a tutorial here

Thanks so much!! Finally figured it out thanks to you :')

fIora · Dec 1, 2018

RI.a said:
[class=header] width: 250px; height: 90px; background#ffffff; font-family: Heebo; font-size:12px; color:#666666; align:justify; padding:10px; margin:auto;center; overflow:auto; border:1px solid #dddddd; [/class]
[div class=header]Chique IC Code
Mobile friendly!
So, apparently hiding music players are not allowed anymore (oh wells). So here's the code without any players. You can still add them with the media tag or check out Sugarvine and Alteras tutorial about gdocs here. Feel free to mess with the colours, image and dimensions.
Features: Single hidden scroll
[/div]

Min-So
| Location: |
| With: |
| Mentions: |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vitae sapien eget dolor consectetur ullamcorper et ac nibh. Maecenas a ultricies dui. Etiam ac rhoncus augue. Sed sit amet lacinia nibh. Donec nisi mauris, sollicitudin dapibus diam at, ultrices vehicula nibh. Fusce in ligula vitae neque efficitur volutpat at in lorem. Mauris rutrum lorem gravida semper imperdiet. Mauris luctus massa vel libero accumsan, vitae interdum tellus auctor.

Etiam turpis eros, volutpat vel consectetur eleifend, semper a ipsum. Nullam ligula arcu, ultricies et blandit quis, pulvinar a mi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras id aliquet libero, id tincidunt dolor. Duis facilisis dignissim lorem nec varius. Ut fringilla quis est vel aliquam. Quisque vehicula ultrices nunc sit amet sollicitudin. Nunc eu risus at tellus imperdiet faucibus viverra nec sapien. Duis nec orci risus. Sed sem urna, tempus vitae pulvinar at, pellentesque non dui. Pellentesque id dolor felis. Pellentesque malesuada consequat sem, ac imperdiet erat. Ut eu lacus eget magna sagittis ullamcorper.

Phasellus nec porttitor risus. Suspendisse tristique placerat augue sed dignissim. Aenean faucibus quam eu massa viverra, sit amet consectetur mi eleifend. Ut malesuada nisi in neque tempor, eu ultricies elit luctus. Sed suscipit iaculis risus at vulputate. Curabitur ac augue eget enim egestas tempus. Aenean fermentum velit vel leo tristique, in iaculis justo ullamcorper. Maecenas dictum, massa quis faucibus semper, lectus nunc pharetra turpis, ac tempus lectus orci a ligula. Morbi volutpat mauris nec nibh venenatis elementum. Morbi nec congue dolor. Suspendisse quam orci, ultricies eget iaculis vel, aliquet id libero. Nullam pharetra dictum orci vitae molestie. Nulla ornare dapibus lectus. Nulla vel aliquam velit, molestie gravida quam. Proin suscipit leo ipsum, quis convallis diam molestie ac.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse sagittis dui non vestibulum maximus. Curabitur consequat vitae arcu vitae semper. Praesent vehicula eu nisi id sagittis. Cras euismod tempor diam, quis ultricies libero faucibus tempor. Sed eget bibendum mi, sit amet pulvinar odio. Quisque sit amet nisi euismod, sodales nulla at, egestas nulla. In hac habitasse platea dictumst. In hac habitasse platea dictumst.
code by RI.a

Code:

[div=margin:auto;center;background:#fff;min-width:200px;max-width:600px;overflow:hidden;border:1px solid #ddd;][div=background:url('https://i.pinimg.com/564x/15/04/ad/1504adb78c1c611bd38c265356bc4686.jpg');background-position:0px -6em;background-size:cover;height:35vh;width:100%;background-repeat:no-repeat;][/div][div=height:2em;width:100%;background:#cc6e1c;margin-top:-1em;padding-left:1em;font-size:2em;line-height:1em;][div=text-shadow:1px 1px 1px dimgray;font-size:2em;color:white;transform:rotate(358deg);margin-top:-1em;pointer-events:none;][font= Sacramento][fa]fa-heart[/fa] Min-So[/font][/div][/div][div=width:86%;margin-top:0.8em;margin-left:6em;text-shadow:1px 1px 1px dimgray;font-size:0.8em;color:white;text-align:right;][font=Oxygen]| Location: | | With: | | Mentions: |[/font][/div][div=border-bottom:2em solid #cc6e1c;padding:10px;background:#fff;][div=width:113%;overflow:auto;height:50vh;][div=padding:0em 0.3em 0em 0.2em;height:50vh;width:88%;text-align:justify;font-family:Oxygen;color:#222;font-size:0.8em;]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vitae sapien eget dolor consectetur ullamcorper et ac nibh. Maecenas a ultricies dui. Etiam ac rhoncus augue. Sed sit amet lacinia nibh. Donec nisi mauris, sollicitudin dapibus diam at, ultrices vehicula nibh. Fusce in ligula vitae neque efficitur volutpat at in lorem. Mauris rutrum lorem gravida semper imperdiet. Mauris luctus massa vel libero accumsan, vitae interdum tellus auctor. Etiam turpis eros, volutpat vel consectetur eleifend, semper a ipsum. Nullam ligula arcu, ultricies et blandit quis, pulvinar a mi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras id aliquet libero, id tincidunt dolor. Duis facilisis dignissim lorem nec varius. Ut fringilla quis est vel aliquam. Quisque vehicula ultrices nunc sit amet sollicitudin. Nunc eu risus at tellus imperdiet faucibus viverra nec sapien. Duis nec orci risus. Sed sem urna, tempus vitae pulvinar at, pellentesque non dui. Pellentesque id dolor felis. Pellentesque malesuada consequat sem, ac imperdiet erat. Ut eu lacus eget magna sagittis ullamcorper. Phasellus nec porttitor risus. Suspendisse tristique placerat augue sed dignissim. Aenean faucibus quam eu massa viverra, sit amet consectetur mi eleifend. Ut malesuada nisi in neque tempor, eu ultricies elit luctus. Sed suscipit iaculis risus at vulputate. Curabitur ac augue eget enim egestas tempus. Aenean fermentum velit vel leo tristique, in iaculis justo ullamcorper. Maecenas dictum, massa quis faucibus semper, lectus nunc pharetra turpis, ac tempus lectus orci a ligula. Morbi volutpat mauris nec nibh venenatis elementum. Morbi nec congue dolor. Suspendisse quam orci, ultricies eget iaculis vel, aliquet id libero. Nullam pharetra dictum orci vitae molestie. Nulla ornare dapibus lectus. Nulla vel aliquam velit, molestie gravida quam. Proin suscipit leo ipsum, quis convallis diam molestie ac. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse sagittis dui non vestibulum maximus. Curabitur consequat vitae arcu vitae semper. Praesent vehicula eu nisi id sagittis. Cras euismod tempor diam, quis ultricies libero faucibus tempor. Sed eget bibendum mi, sit amet pulvinar odio. Quisque sit amet nisi euismod, sodales nulla at, egestas nulla. In hac habitasse platea dictumst. In hac habitasse platea dictumst. [/div][/div][/div][/div][div=text-align:center;font-size:0.5em;opacity:0.6;letter-spacing:0.3em;]code by RI.a[/div]

do you mind if i use this code?

RI.a · Dec 1, 2018

fIora said:
do you mind if i use this code?

not at all! ^^

HavocandBobo · Dec 2, 2018

These codes are so awesome, and I may use one some day soon if that's alright with you, since I have absolutely no idea how to code.

RI.a · Dec 3, 2018

Cupcake2007 said:
These codes are so awesome, and I may use one some day soon if that's alright with you, since I have absolutely no idea how to code.

Thank you! Yes, feel free. All my codes here are free to use with credits. :>

Shadow Alpha · Dec 5, 2018

RI.a said:
[class=header] width: 250px; height: 90px; background#ffffff; font-family: Heebo; font-size:12px; color:#666666; align:justify; padding:10px; margin:auto;center; overflow:auto; border:1px solid #dddddd; [/class]
[div class=header]Simple CS Codes 'cont
Made this one for E.R.A.A. RP. Used the same code for Akatsuki no Yona RP.
Click the name to open!
Mobile friendly!
Features: Open button, close button, single scroll, animation.[/div]

[class=openwindow] height:70vh; background:url('https://cdna.artstation.com/p/assets/images/images/003/103/838/large/kang-joo-sung-galgoo-louise-top-web.jpg?1469714011'); background-size:fit; background-position:top; background-repeat:no-repeat; padding:1em; margin:auto;center; [/class] [class=openbutton] margin:auto;center; border:2px solid white; width:150px; padding:.2em; font-family:Unica One; font-size:4em; color:white; text-align:center; text-shadow: 1px 2px 0px #7b78a5; animation:{post_id}loop 2s linear infinite; cursor:pointer; [/class] [animation=loop] [keyframe=0]opacity:0.25[/keyframe] [keyframe=25]opacity:0.5[/keyframe] [keyframe=50]opacity:0.75[/keyframe] [keyframe=75]opacity:0.5[/keyframe] [keyframe=100]opacity:0.25[/keyframe] [/animation] [class=mainpage] height:70vh; padding:1em; overflow:hidden; overflow-y:scroll; background:url('https://i.imgur.com/iZ5LYWJ.png'); background-size:fit; background-position:center; background-lock:fixed; background-repeat:no-repeat; margin:auto;center; font-family:Karla; font-size:0.9em; color:black; text-align:center; [/class] [class=closebutton] font-size:2em; width:10px; cursor:pointer; position:absolute; [/class] [script class=none] hide mainpage hide closebutton [/script] [script class=openbutton on=click] slideUp 500 openwindow show mainpage show closebutton hide openbutton [/script] [script class=closebutton on=click] slideDown 500 openwindow hide closebutton hide mainpage fadeIn 500 openbutton [/script] [class=textbox] margin:auto;center; background:white; opacity:0.9; width:80%; [/class]

[div class=openwindow]

[div class=openbutton]JUZO
[/div][div class=mainpage][div class=closebutton][/div]

[div class=textbox]
basics
Name: Juzo Iida
Code Number: tbd
Age: 17 years old
How long have you been at the facility: 10 years
Gender: Male
Sexuality: Heterosexual
Dream: To find people that won't use him for their own gain.[/div]

[div class=textbox]
appearance
Height: 175cm
Weight: 75kg
Hair Colour: Ash blue
Eye Colour: Black
Complexion: Fair
Features: Diamond skin (currently able to activate at will)[/div]

[div class=textbox]
powers
Natural: Able to produce diamonds (similar to hair growth, but slower), it does not cause him harm when removing the small stones.
Artificial: Self-hardness Manipulation: Juzo is able to harden his entire body and able to take attacks and deflect bullets, but this limits his movement and if an attack hits a pressure point, it will falter this form and revert him back.
Diamond Mimicry:
Juzo is able to harden parts of his body at will (hands up to elbows, feet up to knees) to keep his mobility and use his hardened limbs to attack.

Future: Diamond form-organic: His right arm, left leg, patches on his back, and chest are permanently diamond. Movement of his joints is not limited as it fused with his tissues and ligaments. Giving him the hardness to attack and defend.

Control:
Danger Level: tbd
Experiment Effects: Enhancements applied during early experimentation gave him his powers mentioned above. Future-a strong dosage left his body permanently damaged, with parts of it diamond. He's no longer able to turn it back to normal. It is not yet known if damage to diamond areas are treatable.
Medication Trail: tbd[/div]

[div class=textbox]
abilities
Martial Arts:
Hand-to-Hand Combat: [/div]

[div class=textbox]
weaknesses
Current
Durability: Under immense amounts of pressure and/or at pressure points, his diamond form is liable to crack and will cause Juzo intense pain (varying degrees of pains similar to sprains or broken bones, depending on severity of the damage)
Time Limit: Juzo is only able to activate his powers for a maximum of 10 minutes at a time, and will only able to reactivate it after 30 minutes.

Future (after strong dosage of enhancements)
As parts of his body is permanently diamond, his 'normal' human parts are defenceless and are his weak points
[/div]

[div class=textbox]
personality
- Independent
- Cautious
- Reserved
- Loyal
- Kind
- Empathatic
- Untrusting
- Just
- Disciplined
[/div]

[div class=textbox]
bio
At the age of 5, Juzo's harmless ability to grow diamonds emerged. His family got rich at a very unnatural pace, harvesting his diamonds and selling them. His parents started treating him as their gold mine instead of their son. Within two years, they've limited his interaction to the outside world from not being able to play outside, unable to meet his friends or children his age, to denying him his education. Juzo doesn't know why his parents became so strict with him, he did what he was told, and always gave them the shiny rocks that appeared on his body. One day, during a temper tantrum, he managed to slip by his parents. Laughing as he ran away from them as he thought of it as a game of tag. Just like how he grows, the rate of producing the diamonds increased and would grow at random places. It was no longer possible to hide his shiny composition and he stuck out like a sore thumb in the watchful gaze of the government.

He got taken away from his parents that day. Scared, the scientists told him he would be treated better, that he would be able to go out and play- such simple lies are able to sway a 7 year old. At first, he enjoyed it. He had a roommate, the scientists were nice and only asked for the diamonds which he happily gave. It all changed when greed started to corrupt them and the officials. They started injecting him with enhancements, trying to quicken the production... which only resulted in a mutation and giving him his powers. He now could change his entire body into diamond at will. Chipping off the hard stone now was hell. He didn't want to do it anymore, but if he didn't meet his daily quota, the guards will torture him.

Fed up of being used, Juzo diamond punched a few scientists and threatened them, only to get restrained and detained by the guards soon after. More physical experiments would be done, testing his durability, testing if he could transplant his natural ability to others. They taught him martial arts and hand to hand combat, testing if his diamond form could be useful in a fight. [/div]

[div class=textbox]
extra
Roommate: tbd
Theme:
Faceclaim: Kang Joo Song[/div]

[/div][/div]
code by Ri.a

Code:

[nobr] [class=openwindow] height:70vh; background:url('https://cdna.artstation.com/p/assets/images/images/003/103/838/large/kang-joo-sung-galgoo-louise-top-web.jpg?1469714011'); background-size:fit; background-position:top; background-repeat:no-repeat; padding:1em; margin:auto;center; [/class] [class=openbutton] margin:auto;center; border:2px solid white; width:150px; padding:.2em; font-family:Unica One; font-size:4em; color:white; text-align:center; text-shadow: 1px 2px 0px #7b78a5; animation:{post_id}loop 2s linear infinite; cursor:pointer; [/class] [animation=loop] [keyframe=0]opacity:0.25[/keyframe] [keyframe=25]opacity:0.5[/keyframe] [keyframe=50]opacity:0.75[/keyframe] [keyframe=75]opacity:0.5[/keyframe] [keyframe=100]opacity:0.25[/keyframe] [/animation] [class=mainpage] height:70vh; padding:1em; overflow:hidden; overflow-y:scroll; background:url('https://i.imgur.com/iZ5LYWJ.png'); background-size:fit; background-position:center; background-lock:fixed; background-repeat:no-repeat; margin:auto;center; font-family:Karla; font-size:0.9em; color:black; text-align:center; [/class] [class=closebutton] font-size:2em; width:10px; cursor:pointer; position:absolute; [/class] [script class=none] hide mainpage hide closebutton [/script] [script class=openbutton on=click] slideUp 500 openwindow show mainpage show closebutton hide openbutton [/script] [script class=closebutton on=click] slideDown 500 openwindow hide closebutton hide mainpage fadeIn 500 openbutton [/script] [class=textbox] margin:auto;center; background:white; opacity:0.9; width:80%; [/class] [/nobr] [centerblock=70][div=overflow:hidden;height:70vh;padding:1em;][div class=openwindow] [div class=openbutton][font=Unica One]JUZO[/font][/div][/div][div class=mainpage][div class=closebutton][fa]fa-times-circle[/fa][/div][div=margin:auto;center;width:50%;][img]https://cdna.artstation.com/p/assets/images/images/003/103/840/large/kang-joo-sung-galgoo-louisl01-web.jpg?1469711451jpg[/img][/div] [div class=textbox][div=width:100%;margin:auto;center;background:#43416d;font-family:Unica One;font-size:1.5em;color:white;text-align:center;padding:0.2em;]basics[/div][font=Karla]Name: Juzo Iida[/font] Code Number: tbd Age: 17 years old How long have you been at the facility: 10 years Gender: Male Sexuality: Heterosexual Dream: To find people that won't use him for their own gain.[/div] [div class=textbox][div=width:100%;margin:auto;center;background:#43416d;font-family:Unica One;font-size:1.5em;color:white;text-align:center;padding:0.2em;]appearance[/div]Height: 175cm Weight: 75kg Hair Colour: Ash blue Eye Colour: Black Complexion: Fair Features: Diamond skin (currently able to activate at will)[/div] [div class=textbox][div=width:100%;margin:auto;center;background:#43416d;font-family:Unica One;font-size:1.5em;color:white;text-align:center;padding:0.2em;]powers[/div]Natural: Able to produce diamonds (similar to hair growth, but slower), it does not cause him harm when removing the small stones. Artificial: [url=http://powerlisting.wikia.com/wiki/Self-Hardness_Manipulation]Self-hardness Manipulation[/url]: [color=#43416d][fa]fa-square[/fa][fa]fa-square[/fa][fa]fa-square[/fa][fa]fa-square[/fa][fa]fa-square[/fa][fa]fa-square[/fa][fa]fa-square-o[/fa][fa]fa-square-o[/fa][fa]fa-square-o[/fa][fa]fa-square-o[/fa][/color] Juzo is able to harden his entire body and able to take attacks and deflect bullets, but this limits his movement and if an attack hits a pressure point, it will falter this form and revert him back. [url=http://powerlisting.wikia.com/wiki/Diamond_Mimicry]Diamond Mimicry[/url]: [color=#43416d][fa]fa-square[/fa][fa]fa-square[/fa][fa]fa-square[/fa][fa]fa-square[/fa][fa]fa-square[/fa][fa]fa-square[/fa][fa]fa-square[/fa][fa]fa-square-o[/fa][fa]fa-square-o[/fa][fa]fa-square-o[/fa][/color] Juzo is able to harden parts of his body at will (hands up to elbows, feet up to knees) to keep his mobility and use his hardened limbs to attack. Future: Diamond form-organic: His right arm, left leg, patches on his back, and chest are permanently diamond. Movement of his joints is not limited as it fused with his tissues and ligaments. Giving him the hardness to attack and defend. [div=margin:auto;center;width:100%;][img]https://cdna.artstation.com/p/assets/images/images/003/103/846/large/kang-joo-sung-galgoo-luis02-web.jpg?1469711504[/img][/div] Control: [color=#43416d][fa]fa-square[/fa][fa]fa-square[/fa][fa]fa-square[/fa][fa]fa-square[/fa][fa]fa-square[/fa][fa]fa-square[/fa][fa]fa-square[/fa][fa]fa-square-o[/fa][fa]fa-square-o[/fa][fa]fa-square-o[/fa][/color] Danger Level: tbd Experiment Effects: Enhancements applied during early experimentation gave him his powers mentioned above. [i]Future-a strong dosage left his body permanently damaged, with parts of it diamond. He's no longer able to turn it back to normal. It is not yet known if damage to diamond areas are treatable. Medication Trail: tbd[/i][/div] [div class=textbox][div=width:100%;margin:auto;center;background:#43416d;font-family:Unica One;font-size:1.5em;color:white;text-align:center;padding:0.2em;]abilities[/div]Martial Arts: [color=#43416d][fa]fa-square[/fa][fa]fa-square[/fa][fa]fa-square[/fa][fa]fa-square[/fa][fa]fa-square[/fa][fa]fa-square[/fa][fa]fa-square-o[/fa][fa]fa-square-o[/fa][fa]fa-square-o[/fa][fa]fa-square-o[/fa][/color] Hand-to-Hand Combat: [color=#43416d][fa]fa-square[/fa][fa]fa-square[/fa][fa]fa-square[/fa][fa]fa-square[/fa][fa]fa-square[/fa][fa]fa-square[/fa][fa]fa-square[/fa][fa]fa-square-o[/fa][fa]fa-square-o[/fa][fa]fa-square-o[/fa][/color][/div] [div class=textbox][div=width:100%;margin:auto;center;background:#43416d;font-family:Unica One;font-size:1.5em;color:white;text-align:center;padding:0.2em;]weaknesses[/div][u]Current[/u] Durability: Under immense amounts of pressure and/or at pressure points, his diamond form is liable to crack and will cause Juzo intense pain (varying degrees of pains similar to sprains or broken bones, depending on severity of the damage) Time Limit: Juzo is only able to activate his powers for a maximum of 10 minutes at a time, and will only able to reactivate it after 30 minutes. [u]Future[/u] (after strong dosage of enhancements) As parts of his body is permanently diamond, his 'normal' human parts are defenceless and are his weak points [/div] [div class=textbox][div=width:100%;margin:auto;center;background:#43416d;font-family:Unica One;font-size:1.5em;color:white;text-align:center;padding:0.2em;]personality[/div]- Independent - Cautious - Reserved - Loyal - Kind - Empathatic - Untrusting - Just - Disciplined [/div] [div class=textbox][div=width:100%;margin:auto;center;background:#43416d;font-family:Unica One;font-size:1.5em;color:white;text-align:center;padding:0.2em;]bio[/div]At the age of 5, Juzo's harmless ability to grow diamonds emerged. His family got rich at a very unnatural pace, harvesting his diamonds and selling them. His parents started treating him as their gold mine instead of their son. Within two years, they've limited his interaction to the outside world from not being able to play outside, unable to meet his friends or children his age, to denying him his education. Juzo doesn't know why his parents became so strict with him, he did what he was told, and always gave them the shiny rocks that appeared on his body. One day, during a temper tantrum, he managed to slip by his parents. Laughing as he ran away from them as he thought of it as a game of tag. Just like how he grows, the rate of producing the diamonds increased and would grow at random places. It was no longer possible to hide his shiny composition and he stuck out like a sore thumb in the watchful gaze of the government. He got taken away from his parents that day. Scared, the scientists told him he would be treated better, that he would be able to go out and play- such simple lies are able to sway a 7 year old. At first, he enjoyed it. He had a roommate, the scientists were nice and only asked for the diamonds which he happily gave. It all changed when greed started to corrupt them and the officials. They started injecting him with enhancements, trying to quicken the production... which only resulted in a mutation and giving him his powers. He now could change his entire body into diamond at will. Chipping off the hard stone now was hell. He didn't want to do it anymore, but if he didn't meet his daily quota, the guards will torture him. Fed up of being used, Juzo diamond punched a few scientists and threatened them, only to get restrained and detained by the guards soon after. More physical experiments would be done, testing his durability, testing if he could transplant his natural ability to others. They taught him martial arts and hand to hand combat, testing if his diamond form could be useful in a fight. [/div] [div class=textbox][div=width:100%;margin:auto;center;background:#43416d;font-family:Unica One;font-size:1.5em;color:white;text-align:center;padding:0.2em;]extra[/div]Roommate: tbd Theme: [MEDIA=youtube]WR7U7_cKJw4[/MEDIA] Faceclaim: [url=https://www.artstation.com/galgoo]Kang Joo Song[/url][/div] [/div][/div][div=text-align:center;font-family:Karla;font-size:0.5em;letter-spacing:0.3em;opacity:0.6;]code by Ri.a[/div][/centerblock]

I am in love with all of your codes and wanted to use this one (as ong as it's okay). I was having some trouble with changing the background image

RI.a · Dec 5, 2018

Shadow Alpha said:
I am in love with all of your codes and wanted to use this one (as ong as it's okay). I was having some trouble with changing the background image

Feel free buddy! Pm me if you are still having issues.

graphic_biscuit · Dec 7, 2018

RI.a said:
[class=header] width: 250px; height: 90px; background#ffffff; font-family: Heebo; font-size:12px; color:#666666; align:justify; padding:10px; margin:auto;center; overflow:auto; border:1px solid #dddddd; [/class]
[div class=header]Simple CS Codes 'cont
What's this? More CS codes? Yes... yes it is. I made this for DC/Marvel University RP.
Mobile friendly!
Features: Single hidden scroll, banner/header.[/div]

Raven

Artist: Picolo

Faceclaim: Julia Goldani Telles
Basics
Name: Rachel Roth
Age: 18 years old
Gender: Female
Sexuality: Heterosexual
Character: Raven
Universe: DC
Affliation: Teen Titans

Appearance
Eye Color: Blue
Hair Color: Black
Height: 5' 4"/165cm
Weight: 121 lbs/55 kg
Body Type: Lean
Tattoos/Piercings: None
Distinguishing marks: A small red jewel on her forehead, known as chakra; pale, porcelein skin.

Personality
Likes: Reading | Alone time | Herbal Tea | Meditating
Dislikes: Loud noises | Surprises | Anyone going through her things | Trigon
Vices: Emotionally cold | Distant | Untrusting
Virtues: Independent | Caring | Mature

Powers
Soul-Self: Raven can manifest her "Soul-Self" through astral projection. It normally takes the form of a giant raven.

Astral Projection: Through the use of her soul-self, Raven can project her consciousness into the mind, for therapeutic purposes (to aid in her own meditation, or to help calm an agitated ally), or for offensive attacks, rendering her enemies unconscious.

Empathy: Psionic ability of empathy, the power to absorb emotions, enabling her to feel the feelings of others.

Darkness/Shadows Control: Raven has the power to create and control the element of pure darkness and shadows and bend it to her will; usually using it in conjunction with her telekinesis.

Telekinesis: Raven has the ability to move objects with mind. She is able to move a collative total of one person at a time.

Biography
Arella, Raven's human mother, was chosen to bear the demon Trigon a child. A group of pacifist disciples of Temple Azarath, took Arella in before she could commit suicide. In their inter-dimensional world, the child was born. Among Trigon's children, Raven was the only daughter. The disciples feared that Raven would bring destruction under her father's orders, and a spiritual leader, Azar took her as a disciple. She taught her of her parentage, in pacifism, meditation and push her emotions to resist Trigon's dark influence, while perfecting her powers of astral projection and empathic healing.

After her tutor's death, Raven had dreams of Trigon saying that when she reached adulthood, he would persuade her to be his ally. At the age of 18, she felt a significant surge in Trigon's powers and fled to earth. There, she found an institution for super-powered youths and decided to enrol. Hopefully able to hide away from her father and grow strong enough to defeat him before he could attempt to take over the universe.

Relationships
N/A

Extra
Evanescence - Bring Me To Life
Imagine Dragons - Demons

code by Ri.a

Code:

[centerblock=60][div=border:.1em solid black;overflow:hidden;background:white;padding:.8em;][div=margin:auto;center;width:95%;background:url('http://moziru.com/images/drawn-raven-minimalist-13.jpg');background-size:100%;background-repeat:none;background-position:center;opacity:0.8;text-align:right;font:Skranji;font-size:2em;color:black;padding:.2em;] [font=Skranji]Raven[/font][/div] [div=width:103%;height:70vh;overflow-y:scroll;padding:.3em;][div=width:95%;font:Lato;font-size:.8em;color:black;][div=width:70%;margin:auto;text-align:left;font-size:.5em;color:#aaa;][img]https://s-media-cache-ak0.pinimg.com/originals/fe/b7/e4/feb7e4a0f4f09c1362cae4754a651ec9.jpg[/img] Artist: Picolo[/div] [div=width:50%;float:right;text-align:right;font-size:.5em;color:#aaa;][img]http://s1.lprs1.fr/images/2017/03/23/6789246_000-iu1rv-15d89114033-original_300x356.jpg[/img] Faceclaim: Julia Goldani Telles[/div][font=Skranji]Basics[/font] [font=Lato]Name:[/font] Rachel Roth Age: 18 years old Gender: Female Sexuality: Heterosexual Character: Raven Universe: DC Affliation: Teen Titans [font=Skranji]Appearance[/font] Eye Color: Blue Hair Color: Black Height: 5' 4"/165cm Weight: 121 lbs/55 kg Body Type: Lean Tattoos/Piercings: None Distinguishing marks: A small red jewel on her forehead, known as chakra; pale, porcelein skin. [font=Skranji]Personality[/font] Likes: Reading | Alone time | Herbal Tea | Meditating Dislikes: Loud noises | Surprises | Anyone going through her things | Trigon Vices: Emotionally cold | Distant | Untrusting Virtues: Independent | Caring | Mature [font=Skranji]Powers[/font] Soul-Self: Raven can manifest her "Soul-Self" through astral projection. It normally takes the form of a giant raven. Astral Projection: Through the use of her soul-self, Raven can project her consciousness into the mind, for therapeutic purposes (to aid in her own meditation, or to help calm an agitated ally), or for offensive attacks, rendering her enemies unconscious. Empathy: Psionic ability of empathy, the power to absorb emotions, enabling her to feel the feelings of others. Darkness/Shadows Control: Raven has the power to create and control the element of pure darkness and shadows and bend it to her will; usually using it in conjunction with her telekinesis. Telekinesis: Raven has the ability to move objects with mind. She is able to move a collative total of one person at a time. [font=Skranji]Biography[/font] Arella, Raven's human mother, was chosen to bear the demon Trigon a child. A group of pacifist disciples of Temple Azarath, took Arella in before she could commit suicide. In their inter-dimensional world, the child was born. Among Trigon's children, Raven was the only daughter. The disciples feared that Raven would bring destruction under her father's orders, and a spiritual leader, Azar took her as a disciple. She taught her of her parentage, in pacifism, meditation and push her emotions to resist Trigon's dark influence, while perfecting her powers of astral projection and empathic healing. After her tutor's death, Raven had dreams of Trigon saying that when she reached adulthood, he would persuade her to be his ally. At the age of 18, she felt a significant surge in Trigon's powers and fled to earth. There, she found an institution for super-powered youths and decided to enrol. Hopefully able to hide away from her father and grow strong enough to defeat him before he could attempt to take over the universe. [font=Skranji]Relationships[/font] N/A [font=Skranji]Extra[/font] [url=https://youtu.be/3YxaaGgTQYM]Evanescence - Bring Me To Life[/url] [URL="http://Imagine Dragons - Demons"]Imagine Dragons - Demons[/URL] [/div][/div][/div][div=margin:auto;font-size:.5em;letter-spacing:0.3em;opacity:0.5;]code by Ri.a[/div][/centerblock]

Hi! I was hoping I could use this for a CS.

thefinalgirl · Dec 7, 2018

RI.a said:
[class=background] width:900px; height:60vh; background:url('https://i.imgur.com/tV41r9H.jpg') no-repeat; background-size:100%; overflow:hidden; display:flex; flex-wrap:wrap; margin:auto;center; [/class] [class=loadpage] width:900px; height:60vh; background:black; opacity:0.8; position:absolute; align-self:flex-start; [/class] [class=greeting] width:350px; height:50px; margin:auto; margin-top:20vh; font-family:Gothic A1, regular; font-size:3em; color:#99f3ff; text-align:center; [/class] [class=enter] width:75px; font-family:Unica One, display; font-size;0.5em; color:white; text-align:center; border:1px solid #99f3ff; padding:.3em; cursor:pointer; margin:auto; margin-top:10px; transition:all .3s ease-in; animation:{post_id}flash 3s linear infinite; [/class] [class name=enter state=hover] letter-spacing:0.1em; [/class] [animation=flash] [keyframe=0]opacity:0.2;[/keyframe] [keyframe=25]opacity:0.6;[/keyframe] [keyframe=50]opacity:0.3;[/keyframe] [keyframe=75]opacity:0.7;[/keyframe] [keyframe=100]opacity:0.2;[/keyframe] [/animation] [class=slider] width:270px; height:100%; clip-path: polygon(0 0, 87% 0, 100% 100%, 0 100%); background:white; opacity:0.6; padding:1em; align-self:flex-start; display:flex; flex-direction:column; justify-content:space-evenly; animation-name:{post_id}slideright; animation-duration:1.2s; animation-timing-function:ease-out; animation-delay:0s; animation-direction:normal; [/class] [animation=slideright] [keyframe=0]transform:translateX(-100%);[/keyframe] [keyframe=100]transform:translateX(0);[/keyframe] [/animation] [class=centerimage] clip-path: polygon(100% 0, 94% 100%, 16% 100%, 0 0%); width:230px; height:100%; background-size:100%; background-position:center; background-repeat:no-repeat; opacity:0.5; [/class] [class=contentwrap] width:369px; height:101%; background:white; clip-path: polygon(6% 0, 100% 0, 100% 100%, 3% 100%); opacity:0.9; [/class] [class=slidein] animation:{post_id}slideleft 1.2s ease-in-out 1; [/class] [animation=slideleft] [keyframe=0]transform:translateX(100%);[/keyframe] [keyframe=100]transform:translateX(0);[/keyframe] [/animation] [class=Tabs] width:210px; padding:0.5em; border:1px solid #bbb; font-family:Unica One; font-size:1em; text-align:center; color:#222; text-shadow:1px 1px 0px #99f3ff; letter-spacing:.6em; transition:all 0.3s linear; cursor:pointer; [/class] [class name=Tabs state=hover] letter-spacing:0.8em; [/class] [class=scrollbox] width:338px; height:90%; overflow-y:scroll; padding:.8em; margin-left:15px; [/class] [class=text] font-family:Karla, regular; font-size:0.8em; color:black; display:inline-block; margin-left: 5px; [/class] [class=title] display:inline-block; font-family:Unica One, display; font-size:0.8em; color:black; text-shadow:1px 1px 0px #99f3ff; [/class] [script class=enter on=click] fadeOut 800 loadpage show slider addClass slidein contentwrap show contentwrap show centerimage [/script] [script class=tab01 on=click] fadeIn 500 page01 hide page02 hide page03 hide page04 [/script] [script class=none] hide contentwrap hide slider hide centerimage [/script] [script class=tab02 on=click] fadeIn 500 page02 hide page01 hide page03 hide page04 [/script] [script class=tab03 on=click] fadeIn 500 page03 hide page01 hide page02 hide page04 [/script] [script class=tab04 on=click] fadeIn 500 page04 hide page01 hide page02 hide page03 [/script]
[div class=background][div class=slider][div class="Tabs tab01"]basic[/div][div class="Tabs tab02"]personality[/div][div class="Tabs tab03"]history[/div][div class="Tabs tab04"]other[/div][/div][div class=centerimage][/div][div class=contentwrap][div class="scrollbox page01"][div class=title]requisite[/div]
[div class=title]name[/div][div class=text] something here[/div]
[div class=title]aliases[/div][div class=text] something here[/div]
[div class=title]pronoun[/div][div class=text] something here[/div]
[div class=title]age[/div][div class=text] something here[/div]
[div class=title]gender[/div][div class=text] something here[/div]
[div class=title]race[/div][div class=text] something here[/div]
[div class=title]occupation[/div][div class=text] something here[/div]

[div class=title]appearance[/div]
[div class=title]height[/div][div class=text] something here[/div]
[div class=title]weight[/div][div class=text] something here[/div]
[div class=title]hairstyle[/div][div class=text] something here[/div]
[div class=title]eye colour[/div][div class=text] something here[/div]
[div class=title]outfits[/div][div class=text] something here[/div]
[div class=title]description[/div][div class=text] something here[/div]

[div class=title]stats[/div]
[div class=title]intelligence[/div][div class=text] [/div]
[div class=title]strength[/div][div class=text] [/div]
[div class=title]dexterity[/div][div class=text] [/div][/div][div class="scrollbox page02"][div class=title]likes[/div][div class=text] something here[/div]
[div class=title]dislikes[/div][div class=text] something here[/div]
[div class=title]quirks/habits[/div][div class=text] something here[/div]

[div class=text]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque semper vel lorem sed interdum. Pellentesque bibendum, est nec congue fermentum, risus magna sollicitudin quam, sed vestibulum lacus tortor pellentesque urna. Cras ultrices facilisis tellus nec tristique. Duis nec hendrerit leo, sed mollis orci. Etiam sed ligula nisi. Interdum et malesuada fames ac ante ipsum primis in faucibus. Duis ante lectus, tincidunt in semper id, consectetur vel ex. Nam eu pulvinar magna. Morbi viverra orci odio, vel feugiat ligula commodo a. Cras interdum tortor vel iaculis imperdiet. Quisque pharetra efficitur justo vel consequat. Proin porttitor nisl iaculis sagittis volutpat. Integer ut augue nisi. Sed rutrum consectetur libero, a viverra dui tincidunt eu. Pellentesque vitae libero non mauris tempus luctus vel in lectus. Sed vehicula vestibulum neque sit amet tincidunt.

Quisque dignissim nunc a erat accumsan, in molestie ligula ultricies. Duis ullamcorper risus massa, a facilisis purus gravida id. Aliquam et neque arcu. Suspendisse quis leo metus. Nam gravida tincidunt lorem, vitae mollis mauris condimentum ac. Etiam sed scelerisque quam, et dapibus neque. Maecenas luctus libero sit amet tincidunt accumsan. Ut in arcu leo. Duis in urna lectus. Suspendisse nec nisi odio. Fusce aliquam orci velit, eget vulputate lectus consectetur vel. Sed interdum vulputate purus placerat vestibulum. Phasellus tristique rhoncus tellus, sed vehicula nunc luctus eget. Ut arcu mauris, feugiat quis ullamcorper in, bibendum sed enim. Donec et sagittis neque.[/div][/div][div class="scrollbox page03"][div class=title]relationships[/div][div class=text] something here[/div]
[div class=title]other[/div][div class=text] something here[/div]
[div class=title]biography[/div][div class=text] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mollis dui mauris, a semper lacus dictum sit amet. Ut blandit, quam eu convallis interdum, tortor justo accumsan risus, ut tincidunt lorem sem quis dolor. Ut semper cursus libero vitae dapibus. Donec ut orci sit amet mauris posuere venenatis at non metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nec mauris magna. In porttitor, leo non commodo tincidunt, ipsum turpis lacinia nunc, dictum luctus velit orci eget neque. Aliquam mattis sodales dui nec auctor. Integer ultrices erat vitae ultricies tincidunt. Pellentesque quis ipsum dapibus, tempor enim nec, auctor lacus.

Proin aliquam arcu non dignissim faucibus. Etiam tristique convallis viverra. Phasellus nec massa a velit posuere vulputate in nec nisi. Ut faucibus turpis non lacus mattis ultrices. Quisque maximus, massa quis sodales rutrum, metus ex dignissim nisl, porta laoreet eros augue eget enim. Donec sollicitudin felis ac ex mattis, sed rhoncus ligula cursus. In mauris risus, blandit ac ante ac, venenatis varius augue. Aenean varius leo id metus varius, a aliquet dui viverra. Vestibulum volutpat urna quis felis tincidunt gravida. Sed posuere ullamcorper ante, a tempus lorem pellentesque eu.[/div]
[div class=title]other[/div][div class=text] something here[/div][/div][div class="scrollbox page04"][div class=title]trivia[/div][div class=text] something here[/div]
[div class=title]faceclaim[/div][div class=text] something here[/div]
[div class=title]theme[/div][div class=text] something here[/div]
[div class=title]extra[/div][div class=text] something here[/div]
[div class=text]more text[/div][/div][/div][div class=loadpage][div class=greeting]おはいよう[/div][div class=enter]click me[/div][/div][/div]
code by RI.a

Anyway, enjoy! ^^

May I use this CS code? It looks quite futuristic and pretty!

RI.a · Dec 8, 2018

graphic_biscuit said:
Hi! I was hoping I could use this for a CS.

questioningmind said:
May I use this CS code? It looks quite futuristic and pretty!

All codes are free to use with credits (:

thefinalgirl · Dec 8, 2018

Hey, my information on the right side are not appearing on all the tabs. How to fix it?

RI.a · Dec 16, 2018

questioningmind said:
Hey, my information on the right side are not appearing on all the tabs. How to fix it?

sorry! must have missed this somehow! PM me if you are still having issues.

captain_bumblebee · Dec 24, 2018

ahhh your codes are BEAUTIFUL

I will most definitely use them for my CS - I can't code, like at all xD

RI.a · Jan 8, 2019

[class=header] width: 250px; height: 90px; background#ffffff; font-family: Heebo; font-size:12px; color:#666666; align:justify; padding:10px; margin:auto;center; overflow:auto; border:1px solid #dddddd; [/class]
[div class=header]Become 2.0 CS Code
Mobile friendly!
Happy new year! Hope everyone's had a good holiday! Here's a code for ya! Also, I will be taking requests soon! Will probably be up in a week! This looks like pretty futuristic if not maybe modern xD and it "changes" when on mobile! Not really it just hides when the screen is smaller than a certain width. But it's something new! Also working on another code, but there's still come kinks to iron out. In the mean time, enjoy and please leave the creds!
Features: nobr, hidden scrolls, tabs, script
[/div]

[div class=Container][div class=profilepic][/div][div class=contentContainer]

~~random~~ quote

[div class=tabBox][div class="Tabs tabone"]

[div class="Tabs tabtwo"]

[div class="Tabs tabthree"][/div][div class="Tabs tabfour"][/div][div class="Tabs tabfive"][/div][/div][/div][/div] [div class=miniBox][div class="miniText mini1"] [div class=bar][div class=title]full name[/div][div class=barText]name[/div][/div] [div class=bar][div class=title]alias[/div][div class=barText]name[/div][/div] [div class=bar][div class=title]age[/div][div class=barText]xx[/div][/div] [div class=bar][div class=title]gender[/div][div class=barText]something[/div][/div] [div class=bar][div class=title]sexuality[/div][div class=barText]something[/div][/div] [div class=bar][div class=title]birthday[/div][div class=barText]xx.xx[/div][/div] [/div] [div class="miniText mini2"] [div class=bar][div class=title]height[/div][div class=barText]xx[/div][/div] [div class=bar][div class=title]weight[/div][div class=barText]xx[/div][/div] [div class=bar][div class=title]hair color[/div][div class=barText]clolor[/div][/div] [div class=bar][div class=title]eye color[/div][div class=barText]color[/div][/div] [div class=bar][div class=title]build[/div][div class=barText]i got it from my mama[/div][/div] [div class=bar][div class=title]artist[/div][div class=barText]fitaro art[/div][/div] [/div] [div class="miniText mini3"] [div class=bar][div class=title]alignment[/div][div class=barText]neutral[/div][/div] [div class=bar][div class=title]like[/div][div class=barText]thing[/div][/div] [div class=bar][div class=title]like[/div][div class=barText]something[/div][/div] [div class=bar][div class=title]dislike[/div][div class=barText]something[/div][/div] [div class=bar][div class=title]dislike[/div][div class=barText]something[/div][/div] [div class=bar][div class=title]fear[/div][div class=barText]bowsette[/div][/div] [/div] [div class="miniText mini4"] [div class=bar][div class=title]ability[/div][div class=barText]name[/div][/div] [div class=bar][div class=title]role[/div][div class=barText]title[/div][/div] [div class=bar][div class=title]strength[/div][div class=barText]something[/div][/div] [div class=bar][div class=title]strength[/div][div class=barText]something[/div][/div] [div class=bar][div class=title]weakness[/div][div class=barText]something[/div][/div] [div class=bar][div class=title]weakness[/div][div class=barText]something[/div][/div] [/div] [div class="miniText mini5"] [div class=bar][div class=title]hobbies[/div][div class=barText]hobby[/div][/div] [div class=bar][div class=title]habit[/div][div class=barText]habits[/div][/div] [div class=bar][div class=title]food[/div][div class=barText]fav food[/div][/div] [div class=bar][div class=title]color[/div][div class=barText]fav color[/div][/div] [div class=bar][div class=title]season[/div][div class=barText]fav season[/div][/div] [div class=bar][div class=title]theme[/div][div class=barText]song name[/div][/div] [/div] [/div] [div class=bigBox][div class=bigScroll] [div class="textbox big1"][div class=title]personality[/div] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed feugiat imperdiet lectus, vitae fringilla eros pretium eu. Vivamus at convallis tortor. Duis aliquam quis purus id mattis. Pellentesque condimentum lectus imperdiet nibh ullamcorper luctus eu eget nisl. Aliquam rutrum odio eu massa porttitor, a suscipit erat viverra. Duis nec tristique elit. Integer et est molestie, ultrices eros id, faucibus risus. Aliquam a lectus sit amet urna mattis eleifend in eget augue. Quisque non nisl nec metus condimentum posuere. Suspendisse commodo vitae mi id rutrum. Vestibulum egestas dapibus nibh, eget imperdiet tortor dignissim facilisis. Proin varius, urna non tincidunt vulputate, erat dolor rutrum eros, id eleifend sem dolor ut ante.

Praesent ultricies, magna quis dignissim pulvinar, turpis nibh molestie risus, sit amet luctus ligula tellus id lacus. In lacus justo, dapibus sit amet purus ac, euismod commodo dolor. Phasellus sodales, lectus vel viverra molestie, enim mi fermentum lorem, consectetur iaculis mi est eget nibh. Ut vel ex vitae dolor ultrices semper eu quis eros. Aenean eget justo turpis. Quisque elit massa, porta in orci a, lobortis sodales nibh. Nunc vulputate tincidunt est, et lacinia felis malesuada ullamcorper. Nunc mollis velit ut mattis rhoncus. Nulla facilisi. Morbi tempor nunc eget cursus venenatis. Curabitur id mattis lorem. Praesent rhoncus, risus ut elementum molestie, tellus est consectetur mi, rutrum varius arcu neque vitae lorem. Duis nec dui consequat, gravida magna laoreet, porttitor sapien. Vivamus vitae egestas ex. [/div] [div class="textbox big2"][div class=title]description[/div] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed feugiat imperdiet lectus, vitae fringilla eros pretium eu. Vivamus at convallis tortor. Duis aliquam quis purus id mattis. Pellentesque condimentum lectus imperdiet nibh ullamcorper luctus eu eget nisl. Aliquam rutrum odio eu massa porttitor, a suscipit erat viverra. Duis nec tristique elit. Integer et est molestie, ultrices eros id, faucibus risus. Aliquam a lectus sit amet urna mattis eleifend in eget augue. Quisque non nisl nec metus condimentum posuere. Suspendisse commodo vitae mi id rutrum. Vestibulum egestas dapibus nibh, eget imperdiet tortor dignissim facilisis. Proin varius, urna non tincidunt vulputate, erat dolor rutrum eros, id eleifend sem dolor ut ante.

Praesent ultricies, magna quis dignissim pulvinar, turpis nibh molestie risus, sit amet luctus ligula tellus id lacus. In lacus justo, dapibus sit amet purus ac, euismod commodo dolor. Phasellus sodales, lectus vel viverra molestie, enim mi fermentum lorem, consectetur iaculis mi est eget nibh. Ut vel ex vitae dolor ultrices semper eu quis eros. Aenean eget justo turpis. Quisque elit massa, porta in orci a, lobortis sodales nibh. Nunc vulputate tincidunt est, et lacinia felis malesuada ullamcorper. Nunc mollis velit ut mattis rhoncus. Nulla facilisi. Morbi tempor nunc eget cursus venenatis. Curabitur id mattis lorem. Praesent rhoncus, risus ut elementum molestie, tellus est consectetur mi, rutrum varius arcu neque vitae lorem. Duis nec dui consequat, gravida magna laoreet, porttitor sapien. Vivamus vitae egestas ex. [/div] [div class="textbox big3"][div class=title]backstory[/div] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed feugiat imperdiet lectus, vitae fringilla eros pretium eu. Vivamus at convallis tortor. Duis aliquam quis purus id mattis. Pellentesque condimentum lectus imperdiet nibh ullamcorper luctus eu eget nisl. Aliquam rutrum odio eu massa porttitor, a suscipit erat viverra. Duis nec tristique elit. Integer et est molestie, ultrices eros id, faucibus risus. Aliquam a lectus sit amet urna mattis eleifend in eget augue. Quisque non nisl nec metus condimentum posuere. Suspendisse commodo vitae mi id rutrum. Vestibulum egestas dapibus nibh, eget imperdiet tortor dignissim facilisis. Proin varius, urna non tincidunt vulputate, erat dolor rutrum eros, id eleifend sem dolor ut ante.

Praesent ultricies, magna quis dignissim pulvinar, turpis nibh molestie risus, sit amet luctus ligula tellus id lacus. In lacus justo, dapibus sit amet purus ac, euismod commodo dolor. Phasellus sodales, lectus vel viverra molestie, enim mi fermentum lorem, consectetur iaculis mi est eget nibh. Ut vel ex vitae dolor ultrices semper eu quis eros. Aenean eget justo turpis. Quisque elit massa, porta in orci a, lobortis sodales nibh. Nunc vulputate tincidunt est, et lacinia felis malesuada ullamcorper. Nunc mollis velit ut mattis rhoncus. Nulla facilisi. Morbi tempor nunc eget cursus venenatis. Curabitur id mattis lorem. Praesent rhoncus, risus ut elementum molestie, tellus est consectetur mi, rutrum varius arcu neque vitae lorem. Duis nec dui consequat, gravida magna laoreet, porttitor sapien. Vivamus vitae egestas ex.

Vestibulum tempus felis vel dignissim blandit. Mauris at odio consectetur, varius dui ut, luctus mi. Aenean vestibulum nunc tempor sagittis ullamcorper. Maecenas egestas consectetur dolor quis varius. Praesent pulvinar leo vel arcu ultricies, eu egestas velit tincidunt. Phasellus in tellus varius, rhoncus erat nec, facilisis arcu. Fusce quis velit nulla. Curabitur et maximus mi, ac consectetur felis. Nullam risus sapien, consequat in nisi quis, lacinia tincidunt eros. Sed ornare dolor sit amet lobortis rhoncus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed viverra metus vel sapien pulvinar, et venenatis neque rhoncus. Vivamus ut mattis nulla, ut pharetra turpis. Nunc a felis purus. Ut nisi felis, vulputate quis laoreet id, tempor vel nisl. [/div] [div class="textbox big4"][div class=title]ability description[/div] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed feugiat imperdiet lectus, vitae fringilla eros pretium eu. Vivamus at convallis tortor. Duis aliquam quis purus id mattis. Pellentesque condimentum lectus imperdiet nibh ullamcorper luctus eu eget nisl. Aliquam rutrum odio eu massa porttitor, a suscipit erat viverra. Duis nec tristique elit. Integer et est molestie, ultrices eros id, faucibus risus. Aliquam a lectus sit amet urna mattis eleifend in eget augue. Quisque non nisl nec metus condimentum posuere. Suspendisse commodo vitae mi id rutrum. Vestibulum egestas dapibus nibh, eget imperdiet tortor dignissim facilisis. Proin varius, urna non tincidunt vulputate, erat dolor rutrum eros, id eleifend sem dolor ut ante.

[div class=title]skills[/div]
[div class=title]01[/div]
[div class=title]02[/div]
[div class=title]03[/div]
[div class=title]04[/div] [/div] [div class="textbox big5"][div class=title]relationships[/div]

name here

friend