Table Testing

css

<link href="https://fonts.googleapis.com/css2?family=Chonburi&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap" rel="stylesheet">
<link href="https://nagoshiashumari.github.io/Rpg-Awesome/stylesheets/rpg-awesome.min.css" rel="stylesheet" type="text/css">


<style type="text/css">
.ark2Outer {
display: flex;
width: 100%;
max-width: 700px;
margin: auto;
border: 1px solid #000;
background: linear-gradient(to bottom, #423232, #423232, #080809, #080809);
overflow: hidden;
}

.ark2Inner {
display: flex;
flex-direction: column;
width: calc(100% - 30px);
padding: 30px 20px 20px 20px;
}

.ark2PostContent {
padding: 20px;
margin: auto;
position: relative;
font-family: 'Nunito Sans', sans-serif;
font-size: 16px;
text-align: justify;
background-color: rgba(18, 10, 10, 0.8);
color: #b4a9a4;
margin-bottom: -17px;
}

.ark2Sunray {
display: flex;
width: 100%;
position: relative;
}

.ark2SunrayInner {
display: flex;
width: 100%;
justify-content: flex-end;
position: absolute;
margin-left: 60px;
}

.ark2ImgBox {
width: 50%;
display: inline-block;
z-index: 99;
}

.ark2Img {
max-width: 300px;
margin-top: 20px;
margin-left: 15px;
}

.ark2Quote {
width: 50%;
font-family: 'Chonburi', serif;
font-size: 60px;
line-height: 55px;
display: inline-block;
z-index: 99;
margin-top: 12%;
margin-left: 15%;
color: #e2ad5b;
text-shadow: 2px 1px 0px #5664a2;
}

.ark2Icon {
font-size: 500px;
color: #412424;
}

.ark2Speech {
background: linear-gradient(to right, #b0b4b9 0%, #ddb87e 50%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.ark2Footer {
display: flex;
width: 100%;
max-width: 700px;
margin: auto;
column-gap: 150px;
justify-content: center;
text-align: center;
background-color: rgba(0, 0, 0, 0.4);
padding: 3px;
font-size: 10px;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
color: #303030;
}

.ark2Footer a:link, .ark2Footer a:active, .ark2Footer a:visited {
color: #464646;
}

.ark2Footer a:hover {
color: #656565;
}

@media (max-width: 1000px) {
.ark2Icon {
font-size: 400px;
}

.ark2Quote {
font-size: 40px;
line-height: 35px;
margin-top: 15%;
}

.ark2Img {
max-width: 250px;
}

}
</style>

table header

<div class="ark2Outer"><div class="ark2Inner"><div class="ark2PostContent">

table footer

</div><div class="ark2Sunray"><div class="ark2SunrayInner"><i class="ra ra-sunbeams ark2Icon"></i></div><div class="ark2ImgBox"><img src="https://i.ibb.co/ycLtmkfD/arkaideus-2.png" class="ark2Img"></div><div class="ark2Quote">RED<br>RIGHT<br><span style="padding-left: 20px;">HAND</span></div></div></div></div><div class="ark2Footer"><div>code © <a href="/member.php?action=profile&uid=582">koi</a></div><div>art © <a href="https://www.deviantart.com/eightysichs">eightysichs</a></div></div>

pre speech

<span class="ark2Speech">

post speech

</span>

LOTHLÓRIEN

Her knight stood in silent vigil outside of the room where the scent of death and sickness grew heavy in the air. Lysander knew the weight of grief, had silently accepted the passing of both parents without letting it interfere with his duties. The unhealthy obsession with being the perfect knight was all consuming. There were times he would dream of his parents and the unresolved grief would shake his subconscious and disturb his rest. The few regimented hours he did allow himself were few and far between, enough to keep him from feeling groggy, but never long enough to keep him away from Lady Senua.

Lysander's pale features stiffened as he listened to the news of the lord of the house’s demise. What words could soothe the loss of a parent? Nothing. His scarred lips tugged at the corners, a nervous tic when he was at a loss for words. The knight lingered on the periphery, letting the Hellebore family have a moment together before he approached.

His heart panged with cruel desire, wanting to brush those tears from her cheeks with his unworthy calloused paws. No matter how disciplined he acted beneath the self righteous superiority was a sin that he dared not give a name to.

Nero was quick to step forwards to offer his own and Lysander's aid in dealing with matters. Not without a dig at Lysander's attentiveness to Lady Senua, of course. "Lady Senua. Young Master Archibald. I offer to thee mine sincerest condolences for thy loss," he finally spoke, bowing his head to each of them. "Shouldst there be aught I can do thou needst but request. I believe mine own services wouldst be sufficient, unless thou doth favour mine brother's humble offerings,” he suggested, giving his half-brother a skeptical glance. He did not like the idea of Nero helping Lady Senua at all. It was like playing with a sword and expecting the blade not to pierce flesh. Nero was unruly and Lysander was determined to bring him to heel.

<link href="https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Questrial&display=swap" rel="stylesheet">
<center>
<style>.cigarette_LYS {width: 350px; background-image:url('https://i.imgur.com/nLBgbGE.png'); background-color:#0F0F0F; padding: 60px; margin-top: -95px; border: 2px solid #000000;} .wisp_LYS {width: 350px; background-color:#000000; opacity: 0.9; padding: 30px; margin-top: 50px; margin-left: -30px; border: 2px solid #000000;} .smokey_LYS {font-family: 'Lato', sans-serif; color: #ffffff; font-size: 12px; text-align: justify; line-height: 15px;} .smokey_LYS h {font-weight: 300; color: #f4f1dd; font-size: 13px;  text-shadow: 0px 0px 2px #dcd28c; font-family: 'Questrial', sans-serif; transition: 0.4s} .smokey_LYS h:hover {color: #ebebeb; text-shadow: 0px 0px 4px #d8d8d8; transition: 0.4s} .quote { font-size: 26px; border-bottom: 1px solid #8A8686; text-align: center; padding: 10px; margin-bottom: 20px; letter-spacing: 6px; transition: 0.4s;} </style>
<img src="https://i.imgur.com/ycB30Sb.png" style="width: 350px; height: 300px;">
<div class="cigarette_LYS"><div class="wisp_LYS"><div class="smokey_LYS">
<div class="quote">LOTHLÓRIEN</div>
Her knight stood in silent vigil outside of the room where the scent of death and sickness grew heavy in the air. Lysander knew the weight of grief, had silently accepted the passing of both parents without letting it interfere with his duties. The unhealthy obsession with being the perfect knight was all consuming. There were times he would dream of his parents and the unresolved grief would shake his subconscious and disturb his rest. The few regimented hours he did allow himself were few and far between, enough to keep him from feeling groggy, but never long enough to keep him away from Lady Senua.

Lysander's pale features stiffened as he listened to the news of the lord of the house’s demise. What words could soothe the loss of a parent? Nothing. His scarred lips tugged at the corners, a nervous tic when he was at a loss for words. The knight lingered on the periphery, letting the Hellebore family have a moment together before he approached.

His heart panged with cruel desire, wanting to brush those tears from her cheeks with his unworthy calloused paws. No matter how disciplined he acted beneath the self righteous superiority was a sin that he dared not give a name to.

Nero was quick to step forwards to offer his own and Lysander's aid in dealing with matters. Not without a dig at Lysander's attentiveness to Lady Senua, of course. <h>"Lady Senua. Young Master Archibald. I offer to thee mine sincerest condolences for thy loss,"</h> he finally spoke, bowing his head to each of them. <h>"Shouldst there be aught I can do thou needst but request. I believe mine own services wouldst be sufficient, unless thou doth favour mine brother's humble offerings,”</h> he suggested, giving his half-brother a skeptical glance. He did not like the idea of Nero helping Lady Senua at all. It was like playing with a sword and expecting the blade not to pierce flesh. Nero was unruly and Lysander was determined to bring him to heel.
</div></div></div>
</center>

Satisfaction oozed from every pore, pride proffered for a profession completed - if pride was the slick slide of poison through veins blackened by sin and sundry. Notably, however, his gaze was turned not towards the vapid buildings, but rather the walking corpse who stood before him.

A dead man, turned living again. A fascinating circumstance, but one whose mechanism eluded him. The damned Fae Fog had made a mockery of science, and a fool of every scholar. But Nero had never known a world that had not been tainted by the magic miasma. Mystery was a truth unmitigated, a reality unmarred by nostalgia. It defied expectation, true, but the mold had long since split to accommodate its new model. Only fools and fogeys clung still to the past.

And thus his client surveyed his newly reborn domain, and Nero surveyed his client. The job itself had been simple, routine - boring, even. It had been the connection that had truly roused his interest, the whisper of a name once lost. He'd accepted the terms on a whim, but the prospect of further entertainment was still in question. And so when a question of payment was posed, the consultant hummed, as if granting acknowledgement.

Careful consideration was given due, all the weight inherent of future prospects pressing upon the scale. Acid green met frigid blue, peering within - and then the mask cracked into a charming smile, sharpened bone teased from behind alabaster curtains. "I operate upon a system of obligations. A service rendered, to be repaid at a future juncture - a favor, granted commiserate to the effort spent." A pause, to give appropriate weight to each word. His head tilted slightly - hands tucked into pockets, a casual lean back. "Doth that meet with thine approval, sir?"

Not that he required as much to consider the deal struck. But it was the principle of the thing, to be sure. It was only polite; they were both gentlemen here.

Satisfaction oozed from every pore, pride proffered for a profession completed - if pride was the slick slide of poison through veins blackened by sin and sundry. Notably, however, his gaze was turned not towards the vapid buildings, but rather the walking corpse who stood before him.

A dead man, turned living again. A fascinating circumstance, but one whose mechanism eluded him. The damned Fae Fog had made a mockery of science, and a fool of every scholar. But Nero had never known a world that had not been tainted by the magic miasma. Mystery was a truth unmitigated, a reality unmarred by nostalgia. It defied expectation, true, but the mold had long since split to accommodate its new model. Only fools and fogeys clung still to the past.

And thus his client surveyed his newly reborn domain, and Nero surveyed his client. The job itself had been simple, routine - boring, even. It had been the connection that had truly roused his interest, the whisper of a name once lost. He'd accepted the terms on a whim, but the prospect of further entertainment was still in question. And so when a question of payment was posed, the consultant hummed, as if granting acknowledgement.

Careful consideration was given due, all the weight inherent of future prospects pressing upon the scale. Acid green met frigid blue, peering within - and then the mask cracked into a charming smile, sharpened bone teased from behind alabaster curtains. "I operate upon a system of obligations. A service rendered, to be repaid at a future juncture - a favor, granted commiserate to the effort spent." A pause, to give appropriate weight to each word. His head tilted slightly - hands tucked into pockets, a casual lean back. "Doth that meet with thine approval, sir?"

Not that he required as much to consider the deal struck. But it was the principle of the thing, to be sure. It was only polite; they were both gentlemen here.

THE NIGHT COMES DOWN LIKE HEAVEN

talk to me call me pretty kiss me hug me tuck me into a blanket and sing me a lullaby. Press your lips to my neck and leave roses there to bloom. Shower me in petals and robe me in silk. Promise never—never ever. Lock the door and take the key, slide it down my throat and never leave me. "We are all young and naive still." talk to me call me pretty kiss me hug me tuck me into a blanket and sing me a lullaby. Press your lips to my neck and leave roses there to bloom. Shower me in petals and robe me in silk. Promise never—never ever. Lock the door and take the key, slide it down my throat and never leave me. talk to me call me pretty kiss me hug me tuck me into a blanket and sing me a lullaby. Press your lips to my neck and leave roses there to bloom. Shower me in petals and robe me in silk. Promise never—never ever. Lock the door and take the key, slide it down my throat and never leave me.

talk to me call me pretty kiss me hug me tuck me into a blanket and sing me a lullaby. Press your lips to my neck and leave roses there to bloom. Shower me in petals and robe me in silk. Promise never—never ever. Lock the door and take the key, slide it down my throat and never leave me. "We are all young and naive still." talk to me call me pretty kiss me hug me tuck me into a blanket and sing me a lullaby. Press your lips to my neck and leave roses there to bloom. Shower me in petals and robe me in silk. Promise never—never ever. Lock the door and take the key, slide it down my throat and never leave me. talk to me call me pretty kiss me hug me tuck me into a blanket and sing me a lullaby. Press your lips to my neck and leave roses there to bloom. Shower me in petals and robe me in silk. Promise never—never ever. Lock the door and take the key, slide it down my throat and never leave me.

"So give me the night."

code by claerie

you broke a tooth on the bullet when you bit it

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent libero nunc, sagittis pretium pharetra vel, efficitur nec metus. Morbi at odio sed velit condimentum iaculis. Duis porttitor tempus velit in rutrum. Suspendisse imperdiet tortor ut lectus blandit venenatis. Donec vel erat nec dui rhoncus gravida. Nam sit amet felis elit. Vestibulum tincidunt odio ligula, non venenatis neque varius sit amet. Proin vitae placerat ligula. Morbi imperdiet in urna eget euismod. Pellentesque sed sodales nisl. Vivamus ipsum nisl, dictum sed aliquam id, semper et elit. Duis laoreet nisl eget nunc porttitor dignissim. Nullam lacinia tellus lacinia mollis tempor.

Nunc mi orci, malesuada sed lorem vitae, bibendum bibendum velit. In felis leo, pulvinar at viverra non, facilisis ac ligula. Nullam eu diam vitae lorem mattis iaculis. Nam lacinia condimentum ligula, id placerat augue laoreet eu. "Mauris lacinia, justo sed feugiat pulvinar, odio nisi auctor tortor, quis rhoncus risus est id ipsum. Ut dui urna, vestibulum eu risus quis, tincidunt commodo neque." Vestibulum sodales, nibh ac aliquam suscipit, ante mauris eleifend tortor, at porttitor ante ante at massa. Nam vehicula eros in turpis egestas, non vehicula odio luctus. Duis pretium nec magna in faucibus. Morbi posuere ligula sed rhoncus aliquam. Sed ut gravida augue. Fusce id sem pellentesque, porta nunc eu, convallis sapien. Cras ultrices lacus ante, laoreet sodales justo porta aliquet. Duis turpis eros, ornare sed orci vitae, consequat semper dolor. Pellentesque sit amet lacus sit amet magna semper congue pellentesque at ante.

Vivamus id metus in neque egestas scelerisque quis vitae lectus. Aliquam quis cursus nunc. Nulla facilisi. Ut pellentesque est ac arcu laoreet bibendum. Integer vitae ullamcorper ex. Aenean rhoncus sodales tortor, sit amet lacinia enim. Maecenas hendrerit gravida urna at sodales. Proin sed rhoncus eros. Phasellus eget euismod purus, ut vestibulum nisl. Duis vitae ante id tortor lobortis congue.

code // art


table header

<link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Oswald:wght@200..700&family=El+Messiri:wght@400..700&display=swap" rel="stylesheet"><center><div style="display: flex; flex-direction: column; width: 100%; max-width: 700px; background-image: url('https://i.ibb.co/Y7zQNF3M/denya.png'); background-repeat: no-repeat; background-position: top left; background-color: #03040c; border: 14px solid #000;"><div style="display: flex; flex-direction: column; border: 2px solid #5b4948;"><div style="position: inherit; z-index: 85; margin: auto; margin-top: 420px; padding-bottom: 5px; font-size: 17px; font-family: georgia; text-transform: uppercase; text-shadow: 0px 1px #000; font-weight: bold; color: #7c6861;">you broke a tooth on the bullet when you bit it</div><div style="margin: auto; background-color: rgba(17, 4, 8, .65); border-top: 8px solid #000; border-left: 8px solid #000; border-right: 8px solid #000; width: calc(70% - 60px); text-align: justify; padding: 30px 60px; font-family: 'Quicksand', sans-serif; font-size: 17px; line-height: 21px; color: #4b3c41;">

table footer

</div></div></div><font style="font-size: 12px;"><a href="/member.php?action=profile&uid=582">code</a> // <a href="https://www.deviantart.com/nesla">art</a></font></center>

pre speech

<font style="font-family: 'DM Serif Display', serif; color: #7f6961;">

post speech

</font>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent libero nunc, sagittis pretium pharetra vel, efficitur nec metus. Morbi at odio sed velit condimentum iaculis. Duis porttitor tempus velit in rutrum. Suspendisse imperdiet tortor ut lectus blandit venenatis. Donec vel erat nec dui rhoncus gravida. Nam sit amet felis elit. Vestibulum tincidunt odio ligula, non venenatis neque varius sit amet. Proin vitae placerat ligula. Morbi imperdiet in urna eget euismod. Pellentesque sed sodales nisl. Vivamus ipsum nisl, dictum sed aliquam id, semper et elit. Duis laoreet nisl eget nunc porttitor dignissim. Nullam lacinia tellus lacinia mollis tempor.

Nunc mi orci, malesuada sed lorem vitae, bibendum bibendum velit. In felis leo, pulvinar at viverra non, facilisis ac ligula. Nullam eu diam vitae lorem mattis iaculis. Nam lacinia condimentum ligula, id placerat augue laoreet eu. "Mauris lacinia, justo sed feugiat pulvinar, odio nisi auctor tortor, quis rhoncus risus est id ipsum. Ut dui urna, vestibulum eu risus quis, tincidunt commodo neque." Vestibulum sodales, nibh ac aliquam suscipit, ante mauris eleifend tortor, at porttitor ante ante at massa. Nam vehicula eros in turpis egestas, non vehicula odio luctus. Duis pretium nec magna in faucibus. Morbi posuere ligula sed rhoncus aliquam. Sed ut gravida augue. Fusce id sem pellentesque, porta nunc eu, convallis sapien. Cras ultrices lacus ante, laoreet sodales justo porta aliquet. Duis turpis eros, ornare sed orci vitae, consequat semper dolor. Pellentesque sit amet lacus sit amet magna semper congue pellentesque at ante.

Vivamus id metus in neque egestas scelerisque quis vitae lectus. Aliquam quis cursus nunc. Nulla facilisi. Ut pellentesque est ac arcu laoreet bibendum. Integer vitae ullamcorper ex. Aenean rhoncus sodales tortor, sit amet lacinia enim. Maecenas hendrerit gravida urna at sodales. Proin sed rhoncus eros. Phasellus eget euismod purus, ut vestibulum nisl. Duis vitae ante id tortor lobortis congue.

code by koi

art