Celaira's CSS testing thread

Discussion in 'THE TEST CHAMBERS' started by Celaira, Aug 7, 2016.

  1. Testing


    Code:
    [div=font-family: Georgia; font-size: 32px; letter-spacing: 5px; text-transform: uppercase;]Testing[/div]
     
    #1 Celaira, Aug 7, 2016
    Last edited: Aug 7, 2016
  2. Hello World


    Code:
    [div=margin: auto auto; max-width: 100px; min-width: 100px; background-color: #999; outline: 4px solid red; border: 5px dashed #265258; font-family: Georgia; font-size: 32px;]Hello World[/div]
     
  3. Hello World


    Code:
    [div=text-align: center; font-family: Georgia; font-weight: bold; font-variant: small-caps; font-size: 32px; letter-spacing: 10px;]Hello World[/div]
     


  4. Code:
    [div=margin: auto auto; width: 100px; height: 20px; text-align: center; padding: 5px;  background: #999; font-family: Georgia; text-decoration: none; color: #e5c992;][URL='http://link.com'][COLOR=#e5c992]don't click me[/COLOR][/URL] test[/div]
     
    #4 Celaira, Aug 7, 2016
    Last edited: Aug 7, 2016
  5. Hello World


    Code:
    [div=margin: auto auto; width: 250px; height: 250px; background-color: #999; border-radius: 0 100px 0;]Hello World[/div]
     
    #5 Celaira, Aug 7, 2016
    Last edited: Aug 7, 2016
  6. The harsh mid-afternoon sun beat down on the backs of a group of Scavengers as they trekked across an arid strip of land in search of any scraps of metal they could get their hands on. There was one in particular that trailed slightly behind the group. A girl of roughly eighteen walked in a relatively slouched manner. The girl’s long and mussed copper colored hair darkened her softly rounded face as hardened amber eyes danced across the dry and broken ground in search of anything with a sheen.

    After a moment, the girl let out a disappointed sigh. She was much more useful at night, why couldn’t they just let her search then? They’d been searching all day and come up with nothing. It was irritating.

    When the sigh caught up to the head of the group, his head whipped around to look at her. His six foot stature shadowed her small five foot two frame, causing her to look at him much in the same way a pup might look at an angry alpha. “What’s wrong today, Talina?” The man’s baritone voice boomed with impatience as he waited for the girl to speak. She always seemed to have something to say about the way he ran their family, and frankly, he was tired of it.

    At hearing her name the false, fear stricken demeanor fell away to one with a more diplomatic intent. “Vos, I’m better suited ta the night group! I can’t rightly see much durin’ the day. It’s too bright.” Her voice was hoarse, but not so much so that it lost its softness, nor did it lose the determination that her whole body now held. She was sick and tired of being treated like a child. She wasn’t able to help in the day group, why didn’t he see that?

    In response to the girl, Vos simply rolled his eyes and turned away. “We’ll talk about it when we get home.” His words held a tone of absolution to them that sent Tali’s hands into fists.

    That’s it. Their leader was incompetent. It was the only explanation for this shit.

    The day continued to pass without much success in the way of finding metal, but they were able to catch a few small wild animals. By the time the sun had started to dye the clouds in different colors the group had returned to their camp, food in hand and ready to be cooked. After they had eaten, and the night group had departed to search for their share of precious commodities, Talina tried one more time to initiate a conversation with Vos to get moved to the night group.

    Much like all her prior attempts, he ignored her. This was the last straw.

    When the day group was finally ready to lay to rest Talina stayed awake, lying in wait. An hour passed before she was ready to implement her plan. When she was sure that all of her group was asleep–including the man who was supposed to be watching out by the fire for the Night group’s signal–she slipped from her modest tent and dashed out into the early night air. She would prove to Vos that she could be more useful at night than she was during the day. She would show all of them where she belonged.

    It didn’t take her long at all to find something.

    After only about ten minutes of searching, Talina found a strange metal sphere. It hadn’t even gotten that dark yet, and already she had proved her worth, or so she thought. When she started to pick up the sphere it grew hot to the touch, causing her to drop it almost immediately. Once on the ground the orb began to shudder and rattle, it even rolled for a few moments before everything just… stopped. Thinking it was over, Tali reached for the orb again, only to have it burst in a cloud of steam and smoke. She almost wasn’t able to stop herself from screaming, her curiosity about what this thing was was getting the better of her.

    When the smoke and steam cleared, a much larger sphere sat where the smaller one had once been. The girl blinked. What…? As the thought flitted through her mind, she walked toward the object, only to watch as it opened to reveal what looked to be a chair and a lot of strange buttons.

    Unable to help herself Tali climbed on to the object and peered inside. As she looked within one of her hands slipped and sent her tumbling into chair. “Shi–” She wasn’t even able to finish the word before the door to the sphere closed itself and the unfamiliar sound of engines began to whirr to life. Within moments the scavenger found herself feeling as if she was being pushed somewhere. “Hello? Hello!” She called out helplessly, her chest beginning to heave as her breathing staggered. Talina did not like small spaces. Not. At. All.

    She continued to call out, pounding on the interior until she heard the sound of screeching, and then shattering. What the hell was going on?

    However, just as she was about to call out again, the door that had trapped her inside was opened. Instantly, the terrified girl tore out of chair and tumbled into another body before finally dropping to the pavement. After a few moments she collected herself enough to look around, but not enough to understand where she was. Fear was causing her body to shake uncontrollably as she took in her surroundings. “W-where in the world am I…?” She questioned no one in particular, until she registered the fact that there was a person in front of her.

    At this, her eyes rose up and up before they finally came to rest on the face of a man. Presumably the one that had let her out of that death trap she’d gotten stuck in. Maybe he could help her. “Hello? Can you help me? What is this place? I don’ understand…” Her voice was shrill, scared, she didn’t even think about the fact that he might not understand her. To her they looked the same, so they should speak the same… right?


    Code:
    [div=margin: auto auto; background-image: url(http://i.kinja-img.com/gawker-media/image/upload/s--FtdV0VDc--/c_fit,fl_progressive,q_80,w_636/18npmzmlpcq3yjpg.jpg); background-repeat: no-repeat; background-size: 636px 400px; border-radius: 25px 25px 0 0; width: 636px; height: 400px; padding-top: 10px; padding-bottom: 5px;][div=margin: auto auto; width: 600px; height:360px; padding: 10px; background-color: #2a2a2a; color: darkgrey; overflow-y: auto; opacity: 0.9; border-radius: 25px 25px 0 0;][/div][/div]
     
    #6 Celaira, Aug 7, 2016
    Last edited: Aug 7, 2016
  7. Welcome To Hell
    The harsh mid-afternoon sun beat down on the backs of a group of Scavengers as they trekked across an arid strip of land in search of any scraps of metal they could get their hands on. There was one in particular that trailed slightly behind the group. A girl of roughly eighteen walked in a relatively slouched manner. The girl’s long and mussed copper colored hair darkened her softly rounded face as hardened amber eyes danced across the dry and broken ground in search of anything with a sheen.

    After a moment, the girl let out a disappointed sigh. She was much more useful at night, why couldn’t they just let her search then? They’d been searching all day and come up with nothing. It was irritating.

    When the sigh caught up to the head of the group, his head whipped around to look at her. His six foot stature shadowed her small five foot two frame, causing her to look at him much in the same way a pup might look at an angry alpha. “What’s wrong today, Talina?” The man’s baritone voice boomed with impatience as he waited for the girl to speak. She always seemed to have something to say about the way he ran their family, and frankly, he was tired of it.

    At hearing her name the false, fear stricken demeanor fell away to one with a more diplomatic intent. “Vos, I’m better suited ta the night group! I can’t rightly see much durin’ the day. It’s too bright.” Her voice was hoarse, but not so much so that it lost its softness, nor did it lose the determination that her whole body now held. She was sick and tired of being treated like a child. She wasn’t able to help in the day group, why didn’t he see that?

    In response to the girl, Vos simply rolled his eyes and turned away. “We’ll talk about it when we get home.” His words held a tone of absolution to them that sent Tali’s hands into fists.

    That’s it. Their leader was incompetent. It was the only explanation for this shit.

    The day continued to pass without much success in the way of finding metal, but they were able to catch a few small wild animals. By the time the sun had started to dye the clouds in different colors the group had returned to their camp, food in hand and ready to be cooked. After they had eaten, and the night group had departed to search for their share of precious commodities, Talina tried one more time to initiate a conversation with Vos to get moved to the night group.

    Much like all her prior attempts, he ignored her. This was the last straw.

    When the day group was finally ready to lay to rest Talina stayed awake, lying in wait. An hour passed before she was ready to implement her plan. When she was sure that all of her group was asleep–including the man who was supposed to be watching out by the fire for the Night group’s signal–she slipped from her modest tent and dashed out into the early night air. She would prove to Vos that she could be more useful at night than she was during the day. She would show all of them where she belonged.

    It didn’t take her long at all to find something.

    After only about ten minutes of searching, Talina found a strange metal sphere. It hadn’t even gotten that dark yet, and already she had proved her worth, or so she thought. When she started to pick up the sphere it grew hot to the touch, causing her to drop it almost immediately. Once on the ground the orb began to shudder and rattle, it even rolled for a few moments before everything just… stopped. Thinking it was over, Tali reached for the orb again, only to have it burst in a cloud of steam and smoke. She almost wasn’t able to stop herself from screaming, her curiosity about what this thing was was getting the better of her.

    When the smoke and steam cleared, a much larger sphere sat where the smaller one had once been. The girl blinked. What…? As the thought flitted through her mind, she walked toward the object, only to watch as it opened to reveal what looked to be a chair and a lot of strange buttons.

    Unable to help herself Tali climbed on to the object and peered inside. As she looked within one of her hands slipped and sent her tumbling into chair. “Shi–” She wasn’t even able to finish the word before the door to the sphere closed itself and the unfamiliar sound of engines began to whirr to life. Within moments the scavenger found herself feeling as if she was being pushed somewhere. “Hello? Hello!” She called out helplessly, her chest beginning to heave as her breathing staggered. Talina did not like small spaces. Not. At. All.

    She continued to call out, pounding on the interior until she heard the sound of screeching, and then shattering. What the hell was going on?

    However, just as she was about to call out again, the door that had trapped her inside was opened. Instantly, the terrified girl tore out of chair and tumbled into another body before finally dropping to the pavement. After a few moments she collected herself enough to look around, but not enough to understand where she was. Fear was causing her body to shake uncontrollably as she took in her surroundings. “W-where in the world am I…?” She questioned no one in particular, until she registered the fact that there was a person in front of her.

    At this, her eyes rose up and up before they finally came to rest on the face of a man. Presumably the one that had let her out of that death trap she’d gotten stuck in. Maybe he could help her. “Hello? Can you help me? What is this place? I don’ understand…” Her voice was shrill, scared, she didn’t even think about the fact that he might not understand her. To her they looked the same, so they should speak the same… right?


    Code:
    [div=margin: auto auto; background-image: url(http://i.kinja-img.com/gawker-media/image/upload/s--FtdV0VDc--/c_fit,fl_progressive,q_80,w_636/18npmzmlpcq3yjpg.jpg); background-repeat: no-repeat; background-size: 636px 620px; border-radius: 25px 25px 0 0; width: 636px; height: 620px;  padding-bottom: 5px; padding-top: 10px;][div=text-align: center; font-family: Georgia; font-size: 32px; margin: auto auto; width: 560px; height: 50px; color:#c8985f; margin-bottom: 20px; text-shadow: 2px 2px 4px #000; font-variant: small-caps;]Welcome To Hell[/div][div=margin: auto auto; width: 600px; height:500px; padding: 10px; background-color: #2a2a2a; color: darkgrey; overflow-y: auto; opacity: 0.9; border-radius: 25px 25px 0 0;][/div][/div]
     
    #7 Celaira, Aug 7, 2016
    Last edited: Aug 7, 2016
  8. Hello World
     

  9. General Information

    Alias:
    Title:
    Skills:


    Personality

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce elementum, magna vitae hendrerit lobortis, dolor nibh volutpat urna, eget condimentum nunc turpis in mauris. Nam sit amet dapibus ante, vitae interdum odio. Ut sollicitudin turpis nisl, cursus imperdiet odio tristique vitae. Ut sagittis enim ipsum, a placerat arcu consequat at. Morbi quis ante vulputate, pulvinar urna ut, feugiat risus. Proin efficitur pellentesque lacus, sed venenatis sapien. Suspendisse suscipit efficitur sem eget interdum.

    Quisque finibus mattis eros, sit amet sollicitudin tortor tempus non. Morbi non vulputate lorem. Proin lobortis commodo est, id aliquet dui fermentum vitae. Fusce et odio sit amet orci rutrum viverra. Phasellus ullamcorper efficitur nunc eget iaculis. Nulla facilisi. Ut nibh neque, accumsan id lacinia et, posuere eget sapien. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer vel ligula ac elit tristique gravida. Nam aliquam massa sed eros euismod, quis elementum dui vulputate. Etiam et ante non leo porttitor varius. Sed tincidunt tellus a arcu posuere fermentum. Phasellus in lacinia eros. Maecenas sed mi efficitur, maximus ex id, interdum velit.

    Appearance

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce elementum, magna vitae hendrerit lobortis, dolor nibh volutpat urna, eget condimentum nunc turpis in mauris. Nam sit amet dapibus ante, vitae interdum odio. Ut sollicitudin turpis nisl, cursus imperdiet odio tristique vitae. Ut sagittis enim ipsum, a placerat arcu consequat at. Morbi quis ante vulputate, pulvinar urna ut, feugiat risus. Proin efficitur pellentesque lacus, sed venenatis sapien. Suspendisse suscipit efficitur sem eget interdum.

    Quisque finibus mattis eros, sit amet sollicitudin tortor tempus non. Morbi non vulputate lorem. Proin lobortis commodo est, id aliquet dui fermentum vitae. Fusce et odio sit amet orci rutrum viverra. Phasellus ullamcorper efficitur nunc eget iaculis. Nulla facilisi. Ut nibh neque, accumsan id lacinia et, posuere eget sapien. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer vel ligula ac elit tristique gravida. Nam aliquam massa sed eros euismod, quis elementum dui vulputate. Etiam et ante non leo porttitor varius. Sed tincidunt tellus a arcu posuere fermentum. Phasellus in lacinia eros. Maecenas sed mi efficitur, maximus ex id, interdum velit.

    History

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce elementum, magna vitae hendrerit lobortis, dolor nibh volutpat urna, eget condimentum nunc turpis in mauris. Nam sit amet dapibus ante, vitae interdum odio. Ut sollicitudin turpis nisl, cursus imperdiet odio tristique vitae. Ut sagittis enim ipsum, a placerat arcu consequat at. Morbi quis ante vulputate, pulvinar urna ut, feugiat risus. Proin efficitur pellentesque lacus, sed venenatis sapien. Suspendisse suscipit efficitur sem eget interdum.

    Quisque finibus mattis eros, sit amet sollicitudin tortor tempus non. Morbi non vulputate lorem. Proin lobortis commodo est, id aliquet dui fermentum vitae. Fusce et odio sit amet orci rutrum viverra. Phasellus ullamcorper efficitur nunc eget iaculis. Nulla facilisi. Ut nibh neque, accumsan id lacinia et, posuere eget sapien. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer vel ligula ac elit tristique gravida. Nam aliquam massa sed eros euismod, quis elementum dui vulputate. Etiam et ante non leo porttitor varius. Sed tincidunt tellus a arcu posuere fermentum. Phasellus in lacinia eros. Maecenas sed mi efficitur, maximus ex id, interdum velit.

    ♞ • First Name
    ♠ Gender ♠ Age ♠ Sexuality

    "quote/lyrics"



    Code:
    [div=margin: auto auto; width: 800px; height: 620px; background-image: url(http://i.imgur.com/CEAkwHB.jpg); background-repeat: no-repeat; background-size: 800px 620px; padding-top: 15px; border-radius: 50px 0 0 0;][div=width: 475px; height: 580px; overflow-y: auto; color: #756A79; background-color: #3B2B40; opacity: 0.9; float: right; margin-right: 10px; padding-left: 15px; padding-right: 15px; font-family: Times New Roman;]
    [div=margin: auto auto; text-align: center; width: 460px; background-color: #2F2233; border: 1px solid #0E0A0F; color: #756A79; font-variant: small-caps; font-size: 28px;]General Information[/div]
    Alias:
    Title:
    Skills:
     
    [div=margin: auto auto; text-align: center; width: 460px; background-color: #2F2233; border: 1px solid #0E0A0F; color: #756A79; font-variant: small-caps; font-size: 28px;]Personality[/div]
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce elementum, magna vitae hendrerit lobortis, dolor nibh volutpat urna, eget condimentum nunc turpis in mauris. Nam sit amet dapibus ante, vitae interdum odio. Ut sollicitudin turpis nisl, cursus imperdiet odio tristique vitae. Ut sagittis enim ipsum, a placerat arcu consequat at. Morbi quis ante vulputate, pulvinar urna ut, feugiat risus. Proin efficitur pellentesque lacus, sed venenatis sapien. Suspendisse suscipit efficitur sem eget interdum.
     
    Quisque finibus mattis eros, sit amet sollicitudin tortor tempus non. Morbi non vulputate lorem. Proin lobortis commodo est, id aliquet dui fermentum vitae. Fusce et odio sit amet orci rutrum viverra. Phasellus ullamcorper efficitur nunc eget iaculis. Nulla facilisi. Ut nibh neque, accumsan id lacinia et, posuere eget sapien. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer vel ligula ac elit tristique gravida. Nam aliquam massa sed eros euismod, quis elementum dui vulputate. Etiam et ante non leo porttitor varius. Sed tincidunt tellus a arcu posuere fermentum. Phasellus in lacinia eros. Maecenas sed mi efficitur, maximus ex id, interdum velit.
     
    [div=margin: auto auto; text-align: center; width: 460px; background-color: #2F2233; border: 1px solid #0E0A0F; color: #756A79; font-variant: small-caps; font-size: 28px;]Appearance[/div]
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce elementum, magna vitae hendrerit lobortis, dolor nibh volutpat urna, eget condimentum nunc turpis in mauris. Nam sit amet dapibus ante, vitae interdum odio. Ut sollicitudin turpis nisl, cursus imperdiet odio tristique vitae. Ut sagittis enim ipsum, a placerat arcu consequat at. Morbi quis ante vulputate, pulvinar urna ut, feugiat risus. Proin efficitur pellentesque lacus, sed venenatis sapien. Suspendisse suscipit efficitur sem eget interdum.
     
    Quisque finibus mattis eros, sit amet sollicitudin tortor tempus non. Morbi non vulputate lorem. Proin lobortis commodo est, id aliquet dui fermentum vitae. Fusce et odio sit amet orci rutrum viverra. Phasellus ullamcorper efficitur nunc eget iaculis. Nulla facilisi. Ut nibh neque, accumsan id lacinia et, posuere eget sapien. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer vel ligula ac elit tristique gravida. Nam aliquam massa sed eros euismod, quis elementum dui vulputate. Etiam et ante non leo porttitor varius. Sed tincidunt tellus a arcu posuere fermentum. Phasellus in lacinia eros. Maecenas sed mi efficitur, maximus ex id, interdum velit.
     
    [div=margin: auto auto; text-align: center; width: 460px; background-color: #2F2233; border: 1px solid #0E0A0F; color: #756A79; font-variant: small-caps; font-size: 28px;]History[/div]
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce elementum, magna vitae hendrerit lobortis, dolor nibh volutpat urna, eget condimentum nunc turpis in mauris. Nam sit amet dapibus ante, vitae interdum odio. Ut sollicitudin turpis nisl, cursus imperdiet odio tristique vitae. Ut sagittis enim ipsum, a placerat arcu consequat at. Morbi quis ante vulputate, pulvinar urna ut, feugiat risus. Proin efficitur pellentesque lacus, sed venenatis sapien. Suspendisse suscipit efficitur sem eget interdum.
     
    Quisque finibus mattis eros, sit amet sollicitudin tortor tempus non. Morbi non vulputate lorem. Proin lobortis commodo est, id aliquet dui fermentum vitae. Fusce et odio sit amet orci rutrum viverra. Phasellus ullamcorper efficitur nunc eget iaculis. Nulla facilisi. Ut nibh neque, accumsan id lacinia et, posuere eget sapien. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer vel ligula ac elit tristique gravida. Nam aliquam massa sed eros euismod, quis elementum dui vulputate. Etiam et ante non leo porttitor varius. Sed tincidunt tellus a arcu posuere fermentum. Phasellus in lacinia eros. Maecenas sed mi efficitur, maximus ex id, interdum velit.
    [/div][div=border: 2px solid #BCCEBE; border-radius: 50px 0 0 0; width: 250px; height: 415px; margin-left: 10px;][/div]
    [div=background-color: #3B2B40; opacity: 0.9; width: 250px; height: 140px; margin-left: 10px; color: #60B5FD; font-family: Georgia; font-size: 28px; text-align: center; text-shadow: 2px 2px 4px #000; letter-spacing: 2px;]♞ • First Name [hr=div-align: center; border: 3px double #60B5FD; width: 200px;][/hr] [div=font-size: 12px;]♠ Gender ♠ Age ♠ Sexuality
     
    "quote/lyrics"[/div]
    [/div]
     
    #9 Celaira, Aug 31, 2016
    Last edited: Sep 4, 2016
  10. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce elementum, magna vitae hendrerit lobortis, dolor nibh volutpat urna, eget condimentum nunc turpis in mauris. Nam sit amet dapibus ante, vitae interdum odio. Ut sollicitudin turpis nisl, cursus imperdiet odio tristique vitae. Ut sagittis enim ipsum, a placerat arcu consequat at. Morbi quis ante vulputate, pulvinar urna ut, feugiat risus. Proin efficitur pellentesque lacus, sed venenatis sapien. Suspendisse suscipit efficitur sem eget interdum.

    Quisque finibus mattis eros, sit amet sollicitudin tortor tempus non. Morbi non vulputate lorem. Proin lobortis commodo est, id aliquet dui fermentum vitae. Fusce et odio sit amet orci rutrum viverra. Phasellus ullamcorper efficitur nunc eget iaculis. Nulla facilisi. Ut nibh neque, accumsan id lacinia et, posuere eget sapien. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer vel ligula ac elit tristique gravida. Nam aliquam massa sed eros euismod, quis elementum dui vulputate. Etiam et ante non leo porttitor varius. Sed tincidunt tellus a arcu posuere fermentum. Phasellus in lacinia eros. Maecenas sed mi efficitur, maximus ex id, interdum velit.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce elementum, magna vitae hendrerit lobortis, dolor nibh volutpat urna, eget condimentum nunc turpis in mauris. Nam sit amet dapibus ante, vitae interdum odio. Ut sollicitudin turpis nisl, cursus imperdiet odio tristique vitae. Ut sagittis enim ipsum, a placerat arcu consequat at. Morbi quis ante vulputate, pulvinar urna ut, feugiat risus. Proin efficitur pellentesque lacus, sed venenatis sapien. Suspendisse suscipit efficitur sem eget interdum.

    Quisque finibus mattis eros, sit amet sollicitudin tortor tempus non. Morbi non vulputate lorem. Proin lobortis commodo est, id aliquet dui fermentum vitae. Fusce et odio sit amet orci rutrum viverra. Phasellus ullamcorper efficitur nunc eget iaculis. Nulla facilisi. Ut nibh neque, accumsan id lacinia et, posuere eget sapien. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer vel ligula ac elit tristique gravida. Nam aliquam massa sed eros euismod, quis elementum dui vulputate. Etiam et ante non leo porttitor varius. Sed tincidunt tellus a arcu posuere fermentum. Phasellus in lacinia eros. Maecenas sed mi efficitur, maximus ex id, interdum velit.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce elementum, magna vitae hendrerit lobortis, dolor nibh volutpat urna, eget condimentum nunc turpis in mauris. Nam sit amet dapibus ante, vitae interdum odio. Ut sollicitudin turpis nisl, cursus imperdiet odio tristique vitae. Ut sagittis enim ipsum, a placerat arcu consequat at. Morbi quis ante vulputate, pulvinar urna ut, feugiat risus. Proin efficitur pellentesque lacus, sed venenatis sapien. Suspendisse suscipit efficitur sem eget interdum.

    Quisque finibus mattis eros, sit amet sollicitudin tortor tempus non. Morbi non vulputate lorem. Proin lobortis commodo est, id aliquet dui fermentum vitae. Fusce et odio sit amet orci rutrum viverra. Phasellus ullamcorper efficitur nunc eget iaculis. Nulla facilisi. Ut nibh neque, accumsan id lacinia et, posuere eget sapien. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer vel ligula ac elit tristique gravida. Nam aliquam massa sed eros euismod, quis elementum dui vulputate. Etiam et ante non leo porttitor varius. Sed tincidunt tellus a arcu posuere fermentum. Phasellus in lacinia eros. Maecenas sed mi efficitur, maximus ex id, interdum velit.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce elementum, magna vitae hendrerit lobortis, dolor nibh volutpat urna, eget condimentum nunc turpis in mauris. Nam sit amet dapibus ante, vitae interdum odio. Ut sollicitudin turpis nisl, cursus imperdiet odio tristique vitae. Ut sagittis enim ipsum, a placerat arcu consequat at. Morbi quis ante vulputate, pulvinar urna ut, feugiat risus. Proin efficitur pellentesque lacus, sed venenatis sapien. Suspendisse suscipit efficitur sem eget interdum.

    Quisque finibus mattis eros, sit amet sollicitudin tortor tempus non. Morbi non vulputate lorem. Proin lobortis commodo est, id aliquet dui fermentum vitae. Fusce et odio sit amet orci rutrum viverra. Phasellus ullamcorper efficitur nunc eget iaculis. Nulla facilisi. Ut nibh neque, accumsan id lacinia et, posuere eget sapien. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer vel ligula ac elit tristique gravida. Nam aliquam massa sed eros euismod, quis elementum dui vulputate. Etiam et ante non leo porttitor varius. Sed tincidunt tellus a arcu posuere fermentum. Phasellus in lacinia eros. Maecenas sed mi efficitur, maximus ex id, interdum velit.


    Code:
    [div=margin: 0 auto;
    width: 45%;
    height: 250px;
    background-color: #222;
    color: #CCC;][div=
    float: right;
    background-color: #222;
    width: 20px;
    height: 250px;
    z-index: 1;
    margin-left: -20px;][/div]
    [div=overflow-y: scroll;
    padding: 15px;
    height: 220px;]TEXT HERE[/div][/div]
     
    #10 Celaira, Oct 2, 2016
    Last edited: Nov 20, 2016
  11. Header Title



    Lorem ipsum dolor sit amet, consectetur adipiscing elit. In malesuada semper mauris. Quisque sagittis magna eu mattis bibendum. Proin risus ligula, ultricies nec risus nec, lacinia vestibulum ipsum. Quisque lorem augue, pretium a hendrerit sit amet, auctor finibus diam. Proin eget lectus sed ligula semper bibendum ac at turpis. Donec vitae dolor nec odio dictum auctor. Donec sit amet felis urna. Nulla ullamcorper vulputate bibendum. Donec tempus blandit dui ut sodales. Curabitur nunc magna, suscipit ut velit quis, congue scelerisque nibh. Suspendisse ultricies magna eu dolor congue convallis.

    Praesent enim ligula, imperdiet id molestie at, auctor a mi. Curabitur laoreet, diam vitae semper blandit, mi nunc tristique metus, a vulputate dolor erat eu ante. Mauris a erat non mi condimentum placerat a egestas urna. Nulla at malesuada ex, et fringilla dui. Nunc sed nunc consequat, lobortis neque a, porttitor sapien. Duis semper mi in aliquet cursus. Nulla facilisis lobortis justo a feugiat. Aliquam cursus in risus in luctus. Integer facilisis elit fermentum egestas congue. Sed eros velit, sodales eu urna ut, cursus posuere dui.

    Pellentesque a nisi sit amet mauris porta rutrum non a mauris. Quisque a nunc sit amet risus sollicitudin pellentesque ut eu massa. Nam venenatis magna vel nisi tristique sodales. Aenean sed lacinia felis. Praesent et leo hendrerit, mattis nunc at, ultricies diam. Sed ornare, urna at laoreet posuere, mauris dui cursus magna, non fermentum elit tortor eget justo. Etiam maximus lacinia rutrum. Vestibulum feugiat, elit sed ornare ultrices, neque lectus ultrices augue, elementum consequat urna ligula ut sem. Aenean auctor, lectus quis porttitor aliquam, nisl mi iaculis dui, id lacinia quam leo sit amet mauris. Etiam turpis ante, imperdiet vitae pretium id, aliquet nec ex.

    Nam iaculis nec justo et commodo. Cras varius feugiat elit, eu dignissim mauris aliquet eget. Praesent ut purus vel ligula gravida lacinia. Fusce porttitor mollis risus, vel venenatis mi efficitur nec. Maecenas vitae enim non libero elementum volutpat et a dolor. Nunc pretium condimentum lorem at efficitur. Aenean euismod volutpat mi, eu tempus nisl pretium sit amet.

    Sed ultricies est ut velit ultrices, at congue enim feugiat. Suspendisse felis nulla, vestibulum non pulvinar nec, viverra in sapien. Donec gravida egestas ipsum id consequat. Phasellus tincidunt odio id libero ullamcorper tempor. Maecenas consectetur augue nec lorem tempor posuere. Nulla ornare molestie magna vel vehicula. Quisque vel dolor odio. Integer mattis justo id urna venenatis luctus. Ut cursus risus at magna porta auctor.

    Donec mattis hendrerit sollicitudin. Pellentesque blandit egestas feugiat. Fusce pharetra augue sed nunc maximus mattis. Fusce vitae quam arcu. Phasellus a dolor tortor. Phasellus nec quam quis purus malesuada pharetra ut eget orci. Integer quam metus, condimentum ac commodo at, dignissim eu justo. Donec vestibulum massa sed tempus scelerisque. Morbi et est ut orci semper rutrum eu quis odio. Duis ac elit posuere, accumsan mauris et, rhoncus urna. In tellus nunc, fringilla sodales turpis pharetra, commodo consectetur justo. Nunc porta quam tortor, ac vulputate lacus tempus et. Praesent at mauris nec nibh vulputate interdum. In feugiat id ligula vitae sollicitudin. Aliquam rutrum neque quis massa auctor, eget dapibus leo pharetra. Integer massa nulla, feugiat quis viverra sed, egestas at erat.

    Ut vitae dapibus nunc. In lacus metus, fermentum vel augue in, feugiat cursus odio. Ut eu ex rutrum, molestie purus non, pellentesque ligula. Vestibulum ut vehicula nulla, et pretium tortor. Nulla non lobortis nulla. Quisque elementum varius sapien ut sodales. Duis iaculis, felis eget finibus placerat, erat enim mollis tellus, eget luctus mi lorem luctus lectus. Proin vel efficitur sapien. Maecenas ac mollis massa.

    In in tristique neque. Integer convallis ex sit amet tortor rhoncus fringilla. Duis sit amet mollis ex. Nam non ornare magna. Proin volutpat tortor luctus malesuada ultrices. Aenean gravida enim in justo faucibus, in venenatis lacus pretium. Integer bibendum, odio in varius semper, nibh purus pellentesque felis, ac porta nulla lectus non nunc. Suspendisse mi massa, faucibus quis dignissim eget, scelerisque vitae tellus. Vestibulum quis lacinia dolor, quis malesuada odio. In accumsan ullamcorper dictum.

    Nam sed nisi vitae turpis euismod dapibus sit amet et erat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas sit amet tincidunt lectus, ut varius metus. Fusce consequat orci sed ante aliquam, nec porta diam aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ut lacinia dui. Fusce ornare nulla in lectus vehicula molestie. Duis sed dui mi. Nullam et eleifend nulla, vitae rutrum felis. Cras id urna volutpat, faucibus urna in, finibus erat. Nunc iaculis urna vel pharetra interdum. Nunc vulputate lacus eros, et tincidunt erat euismod quis. Sed hendrerit mi vitae tortor hendrerit feugiat. Morbi at dui ante. In et imperdiet leo. Mauris cursus euismod augue nec rutrum.

    Aenean nec risus a urna lobortis dapibus. Donec laoreet rhoncus nulla ac ultrices. Pellentesque semper vestibulum justo eu elementum. Pellentesque tempor vel turpis at aliquet. Donec dictum orci eget magna facilisis sagittis. Aliquam sit amet molestie libero, in interdum arcu. Cras at odio vehicula, aliquam ipsum eget, dapibus sem. Donec in bibendum lectus, eu lacinia dolor. Quisque convallis justo ac quam pharetra lacinia. Vivamus interdum a turpis et bibendum. Integer luctus dignissim gravida.

    Proin feugiat, nunc eget vehicula sollicitudin, mi sapien tincidunt diam, vitae placerat lectus sem et est. Nulla facilisi. Mauris tincidunt gravida leo vitae condimentum. In vitae eros molestie, auctor mi egestas, viverra mauris. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla id dapibus leo, volutpat sollicitudin tellus. Nunc ullamcorper luctus tortor, at viverra ipsum vehicula sit amet. Sed in facilisis nisi. Morbi sed neque eros. Maecenas vitae libero vel nulla consequat condimentum ac fringilla libero. Suspendisse non nisl velit.

    Ut sodales ante sed mauris mollis, in tempor lorem efficitur. Mauris gravida metus purus, ut ultrices sem aliquam sodales. Donec luctus consectetur nisi at euismod. Donec pellentesque velit ut blandit condimentum. Cras aliquet tortor in sem auctor porttitor. Proin vel consectetur lectus. Fusce aliquam ligula quis semper ultrices. Etiam egestas pellentesque risus, quis cursus ex sagittis sed. Pellentesque velit quam, imperdiet sed sem sed, pretium vehicula arcu.

    Fusce libero libero, pellentesque quis tristique vel, gravida et orci. Ut vehicula molestie lacus eget sollicitudin. Suspendisse elementum enim sit amet viverra pulvinar. Integer vel convallis dui. Interdum et malesuada fames ac ante ipsum primis in faucibus. Mauris sem magna, volutpat id neque et, volutpat ornare tellus. Vivamus ultricies luctus erat et sodales. Vivamus id venenatis odio, ut semper arcu.

    Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus non mauris vel nunc dictum hendrerit. Integer arcu lacus, placerat sollicitudin quam eget, gravida suscipit lorem. Phasellus vel ligula lobortis, accumsan quam eu, posuere quam. Sed blandit elit in odio vulputate sollicitudin. In facilisis mi in imperdiet sagittis. Nunc vitae bibendum lorem, malesuada fringilla nulla. Vestibulum auctor magna ut suscipit tincidunt.

    Aenean a dignissim eros. Curabitur ac tempor enim, at porta mauris. Nunc at mi molestie, consequat nunc eu, auctor sapien. Aliquam pharetra facilisis sem nec placerat. Nam non massa dapibus, feugiat justo in, blandit ante. Proin sodales orci at purus placerat, eu finibus justo dignissim. Fusce volutpat lorem urna, suscipit maximus purus fermentum at. Morbi id sagittis dolor. Mauris ornare arcu eget lorem dapibus facilisis. Vivamus viverra turpis at laoreet dictum. Proin consequat massa ac velit tincidunt, non tristique turpis commodo. Vivamus nec ipsum ornare, dictum justo et, iaculis nunc. Praesent facilisis ultricies hendrerit. Integer scelerisque eros diam, et viverra est rhoncus dignissim. Cras vestibulum elementum mauris. Curabitur accumsan auctor neque.



    Template created by Celaira
     
    #11 Celaira, Nov 21, 2016
    Last edited: Nov 21, 2016