We'll Let the Fires Just Bathe Us

Tables & Post Log

POSTED: Thu May 16, 2019 12:47 pm

SALENA'S LOG HUB
The Cartel
La Paloma
User avatar
Salena
LuperciChaos Star
Original Code by Kitty
Last edited by Dahlia Winthrop on Mon Jul 15, 2019 11:55 pm, edited 2 times in total.
Del Cenere Gang
El Probado
User avatar
Salena
Luperci Carnicero Mate to Boone Chaos Star You have to love yourself a fire

POSTED: Thu May 16, 2019 1:20 pm

DAHLIA WINTHROP

Raze Art Table
Code: Select all
[html]
<div class="Dahlia01">
   <p class="header">All things truly wicked start from Innocence</p>

<img src="https://i.imgur.com/sLnZjhA.png" style="width:37%; float:right; margin:10px;">

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla id mi lorem. Quisque scelerisque hendrerit purus. Sed mi urna, laoreet nec metus a, sodales ultrices tellus. Pellentesque posuere fermentum laoreet. Quisque in rutrum nulla. Nulla non purus euismod, suscipit est nec, consequat nisi. Nam a tempor leo, id porttitor elit. Ut ullamcorper lobortis dignissim. Praesent lectus sem, eleifend vel semper vitae, pulvinar id enim. Vestibulum vulputate condimentum semper. Nulla egestas mollis purus auctor ultricies. Nullam sollicitudin sapien eu lobortis dignissim. Aenean quis gravida odio. Vivamus pellentesque, neque at commodo feugiat, lorem magna malesuada elit, a pretium ipsum risus eu dolor. Nulla a orci et purus porttitor facilisis. Morbi sed nibh ut augue fermentum scelerisque id non sapien.
</p><p>
Donec at elit nec ipsum tristique fermentum quis id nisl. Praesent aliquam lorem vitae tellus pellentesque, in varius diam rutrum. Maecenas pharetra non erat id fringilla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer eget felis in dui eleifend vulputate vitae quis urna. Nulla sit amet tortor blandit, semper felis ut, tempus tellus. Proin ac dictum massa. Praesent nulla arcu, dapibus sit amet suscipit sit amet, tincidunt et libero. Phasellus convallis placerat congue. Nam convallis tortor et sapien placerat, ac molestie elit ultrices. Donec sagittis tortor dolor, vitae congue ante convallis vel. Maecenas porta fermentum justo in semper. Donec vitae ultrices massa.</p>
   <p class="ooc">OOC text here!</p>
</div>
<style type="text/css">
.Dahlia01 {
   width:80%;
   padding:5px 5px 5px 5px;
   margin:0px auto;
}
.Dahlia01 p.header{
   text-align:center;
   padding:0px 5px 0px 5px;
   font-family:'Bad Script';
   font-size:20px;
   border-bottom:1px dashed black;
}
.Dahlia01 p {
   text-indent:15px;
   font-size:13px;
   line-height:140%;
   text-align:left;
   font-family:'Arial';
   padding:0px 5px 0px 5px;
}
.Dahlia01 p.ooc {
   border-top:1px dashed black;
   padding:2px 5px 2px 5px;
   text-align:right;
   font-family:'Arial';
   font-size:13px;
}
</style>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Bad+Script">
[/html]



Mochiimomo Art Table
Code: Select all
[html]<div class="content"><div class="dahliaoptimetable2"><center><font style="font-family:veranda; font-size:18px; line-height:1px; text-transform: uppercase; letter-spacing:5px;"><span style="color:#312B1F"><i>Innocence, once lost, can never be regained</i></span></font><i><br><font style="font-family:veranda; font-size:12px; line-height:1px; text-transform: uppercase; letter-spacing:5px;"><span style="color:#4B5320">Darkness, once gazed upon, can never be lost</span></font></i></center><font style="font-family:georgia; font-size:12px; line-height:14px; text-transform: none; letter-spacing:1px;"></font><p> 

<img src="https://i.imgur.com/wRyXfXb.png" style="max-width:40%; float:right; margin:10px;">
</p><p><b>OOC</b>: OOC here +000 words.</p><p> 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.<p>

<b>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b> Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.<p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.
 
</p></div><style>
.dahliaoptimetable2 {width:95%; margin:0px auto; padding:10px 0px 0;}
.dahliaoptimetable2 p {font-family:georgia; font-size:12px; line-height:14px; text-transform: none; letter-spacing:1px; text-indent:30px;}
</style>
<link href="http://fonts.googleapis.com/css?family=IM+Fell+Great+Primer+SC" rel="stylesheet" type="text/css"></div>[/html]


Despi Art Table
Code: Select all
[html]
<div class="dahlia3">

<div class="space"><!--leave this blank pls--></div>

<div class="lyric">The best part of getting lost<br/>Is finding yourself</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla id mi lorem. Quisque scelerisque hendrerit purus. Sed mi urna, laoreet nec metus a, sodales ultrices tellus. Pellentesque posuere fermentum laoreet. Quisque in rutrum nulla. Nulla non purus euismod, suscipit est nec, consequat nisi. Nam a tempor leo, id porttitor elit. Ut ullamcorper lobortis dignissim. Praesent lectus sem, eleifend vel semper vitae, pulvinar id enim. Vestibulum vulputate condimentum semper. Nulla egestas mollis purus auctor ultricies. Nullam sollicitudin sapien eu lobortis dignissim. Aenean quis gravida odio. Vivamus pellentesque, neque at commodo feugiat, lorem magna malesuada elit, a pretium ipsum risus eu dolor. Nulla a orci et purus porttitor facilisis. Morbi sed nibh ut augue fermentum scelerisque id non sapien.
</p><p>
Donec at elit nec ipsum tristique fermentum quis id nisl. Praesent aliquam lorem vitae tellus pellentesque, in varius diam rutrum. Maecenas pharetra non erat id fringilla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer eget felis in dui eleifend vulputate vitae quis urna. Nulla sit amet tortor blandit, semper felis ut, tempus tellus. Proin ac dictum massa. Praesent nulla arcu, dapibus sit amet suscipit sit amet, tincidunt et libero. Phasellus convallis placerat congue. Nam convallis tortor et sapien placerat, ac molestie elit ultrices. Donec sagittis tortor dolor, vitae congue ante convallis vel. Maecenas porta fermentum justo in semper. Donec vitae ultrices massa.</p>
<div class="ooc">OOC text here!</div>
</div>

<style>.dahlia3 {
width:95%;
max-width:650px;
margin:0 auto;
font-size:16px;
font-family: 'Palatino Linotype', palatino, georgia, serif;
background-image:url('https://i.imgur.com/TQEvDcW.png');
background-position:top right;
background-repeat:no-repeat;
background-size:200px;
}
.dahlia3 .lyric {
font-family:'Coming Soon', serif;
text-align:center;
font-size:20px;
opacity:.75px;
text-shadow:#000 0px 1px 0px;
margin-left:40px;
}
.dahlia3 .space { height:520px; width:200px; float:right;}
.dahlia3 .ooc {
font-family:verdana, geneva, sans-serif;
font-size:13px;
margin:5px auto;
opacity:0.6;
padding:10px 2px;
border-top:1px dotted;
}
.dahlia3 .ooc:before {
content:'OOC →';
font-weight:bold;
padding:5px;
}
.dahlia3 p {
line-height:25px;
margin:0px;
text-indent:40px;
padding:5px 10px;
}
// put <b class="npc"></b> if you want to distinquish an NPC's speech
.dahlia3 b.npc { opacity:0.75; }
// for word of the day or some shit
.dahlia3 u { text-decoration: none; border-bottom:1px dotted #000000; font-style:italic; font-variant:small-caps; }
</style>
<link href="https://fonts.googleapis.com/css?family=Coming+Soon" rel="stylesheet">
[/html]



Last edited by Dahlia Winthrop on Fri Jul 26, 2019 6:41 pm, edited 3 times in total.
Del Cenere Gang
El Probado
User avatar
Salena
Luperci Carnicero Mate to Boone Chaos Star You have to love yourself a fire

POSTED: Thu May 16, 2019 1:28 pm

IDRIEUS ETERNITY

Sylvey Gift Table
Code: Select all
[html]<center>
<div class="sylCSS2" id="sylCSS2">
<div class="ooc"><span class="count">(000)</span> OOC comment here.</div>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pellentesque tortor ac aliquam blandit. Donec vehicula cursus nulla, nec posuere risus convallis vitae. Vestibulum a vehicula nibh, ut elementum orci. Curabitur eu mauris sit amet felis viverra adipiscing at id purus. Fusce nec neque et purus venenatis vehicula a non nisl. Sed interdum justo ut odio pulvinar tincidunt. Curabitur ultricies vulputate turpis non imperdiet. Vivamus nibh urna, sagittis ac dui id, adipiscing ultricies diam. Phasellus enim nisl, fermentum eleifend elit ut, congue interdum enim. Aenean nec ligula eget dolor blandit volutpat. Vestibulum vulputate sed dolor sit amet porta. Integer et sem ante.</p>

<p>In orci leo, egestas sit amet nunc a, posuere venenatis ligula. Nullam scelerisque dui ac augue commodo dictum. Nunc ornare pulvinar dui id condimentum. In faucibus lectus sed dui aliquam, eget elementum ipsum sodales. Nam sed elit eget lorem consectetur auctor. In sollicitudin, elit scelerisque commodo convallis, ligula dolor placerat lorem, ac tristique tellus mi imperdiet ligula. Integer lobortis non elit nec fermentum. Aliquam adipiscing metus est, a venenatis nisl volutpat quis.</p>

<p>Mauris condimentum gravida turpis, eu ornare tellus sodales quis. Mauris aliquam at metus et pretium. <b>But the stars that marked our starting fall away.</b> Et vestibulum diam volutpat id. Praesent eu nulla eros. Aenean vestibulum volutpat massa id hendrerit. Etiam aliquam dictum lectus, non pellentesque sapien scelerisque ac. Pellentesque quis sapien id sapien lacinia vehicula. Fusce sit amet quam dolor.</p>

<p>Pellentesque eu adipiscing lectus. Praesent ultricies consequat orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ultrices, nisl ut ullamcorper pretium, dolor nisi dictum risus, at adipiscing enim est in diam. Suspendisse fermentum turpis eu porta tristique. Curabitur cursus venenatis quam ut auctor. Etiam commodo mattis tellus in vehicula. Maecenas vel varius tortor, in placerat est. Vestibulum a diam et mi aliquet vestibulum et nec arcu. Etiam posuere est tempor condimentum luctus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam lacus ante, consequat a molestie in, aliquam nec metus. In et nunc dictum, scelerisque nulla ut, ultrices massa. Sed pharetra tincidunt bibendum. Etiam sit amet eros at enim ultricies semper a et risus. Interdum et malesuada fames ac ante ipsum primis in faucibus.</p>

</div>
</center>
<link href='https://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
<style>
.sylCSS2 { width: 525px; margin: 0 auto; background-position: bottom center; background-image: url("http://i.imgur.com/srujiqO.png"); background-size: 566px 666px; background-color: #d8d0c6; background-repeat: no-repeat; padding: 10px 20px 370px 20px; border: 1px dotted #696560; }

.sylCSS2 p { text-align: justify; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 145%; padding: 2px; margin: .25em 0; font-weight: 400; color: #55514c; opacity: 0.75; }

.sylCSS2 .ooc { text-align: left; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 145%; padding: 2px; margin: .25em 0; border-bottom: 1px dotted; opacity: .6; padding-bottom: 10px; font-weight: 400; color: #696560; }

.sylCSS2 .count { font-weight: bold; font-size: 14px; line-height: 145%; }

.sylCSS2 u.word { margin: 0 1px; text-decoration: none; border-bottom: 1px dotted; display: inline-block; filter:alpha(opacity=60%); opacity: .6; } .sylCSS2 u.word:hover, .sylCSS2 u.word:focus, .sylCSS2 u.word:active { cursor: help; }

.sylCSS2 b { font-family: 'Roboto', sans-serif; font-weight: 700; color: #484f78; }

.sylCSS2 b:before { content:open-quote } .sylCSS2 b:after { content:close-quote }

.sylCSS2 S .lang {font-style: italic; }

.sylCSS2 .lang:before { content:'< ' } .sylCSS2 .lang:after { content:' >' }

.sylCSS2 .npclang:before { content:'< ' } .sylCSS2 .npclang:after { content:' >' }

.sylCSS2 .npc, .npclang { filter:alpha(opacity=60%); opacity: .6; font-style: italic; } .sylCSS2 .npc:before { content: open-quote; color: #696560; } .sylCSS2 .npc:after { content: close-quote; }

.sylCSS2 p.time, .sylCSS2 p.time:after { content:'* * *'; font-size: 1.5em; text-align: center; line-height: 1.75em; margin-bottom: -.5em; padding: 0; text-indent: 0; display: block; font-weight: 700; color: #696560; }

.sylCSS2 .block-quote { padding: 10px; margin: 5px; border-left: 5px solid; font-style: italic; }

.sylCSS2 .img { float:right; padding: 10px 0px 10px 10px; max-height: 200px; }
</style>[/html]



Alaine Art Table
Code: Select all
[html]
<div class="Idrieus01">
   <p class="header">Cause I've still got a lot of fight left in me</p>

<img src="http://i.imgur.com/aHtgQcU.png" style="width:37%; float:right; margin:10px;">

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla id mi lorem. Quisque scelerisque hendrerit purus. Sed mi urna, laoreet nec metus a, sodales ultrices tellus. Pellentesque posuere fermentum laoreet. Quisque in rutrum nulla. Nulla non purus euismod, suscipit est nec, consequat nisi. Nam a tempor leo, id porttitor elit. Ut ullamcorper lobortis dignissim. Praesent lectus sem, eleifend vel semper vitae, pulvinar id enim. Vestibulum vulputate condimentum semper. Nulla egestas mollis purus auctor ultricies. Nullam sollicitudin sapien eu lobortis dignissim. Aenean quis gravida odio. Vivamus pellentesque, neque at commodo feugiat, lorem magna malesuada elit, a pretium ipsum risus eu dolor. Nulla a orci et purus porttitor facilisis. Morbi sed nibh ut augue fermentum scelerisque id non sapien.
</p><p>
Donec at elit nec ipsum tristique fermentum quis id nisl. Praesent aliquam lorem vitae tellus pellentesque, in varius diam rutrum. Maecenas pharetra non erat id fringilla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer eget felis in dui eleifend vulputate vitae quis urna. Nulla sit amet tortor blandit, semper felis ut, tempus tellus. Proin ac dictum massa. Praesent nulla arcu, dapibus sit amet suscipit sit amet, tincidunt et libero. Phasellus convallis placerat congue. Nam convallis tortor et sapien placerat, ac molestie elit ultrices. Donec sagittis tortor dolor, vitae congue ante convallis vel. Maecenas porta fermentum justo in semper. Donec vitae ultrices massa.</p>
   <p class="ooc">OOC text here!</p>
</div>
<style type="text/css">
.Idrieus01 {
   width:80%;
   padding:5px 5px 5px 5px;
   margin:0px auto;
}
.Idrieus01 p.header{
   text-align:center;
   padding:0px 5px 0px 5px;
   font-family:'Bad Script';
   font-size:20px;
   border-bottom:1px dashed black;
}
.Idrieus01 p {
   text-indent:15px;
   font-size:13px;
   line-height:140%;
   text-align:left;
   font-family:'Arial';
   padding:0px 5px 0px 5px;
}
.Idrieus01 p.ooc {
   border-top:1px dashed black;
   padding:2px 5px 2px 5px;
   text-align:right;
   font-family:'Arial';
   font-size:13px;
}
</style>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Bad+Script">
[/html]


Saltwaterhermit Art Table
Code: Select all
[html]<div class="idrieusoptimetable"><center><font style="font-family:veranda; font-size:20px; line-height:1px; text-transform: uppercase; letter-spacing:5px;"><span style="color:#312B1F"><i>My power's turned on</span></font><br><font style="font-family:veranda; font-size:14px; line-height:1px; text-transform: uppercase; letter-spacing:5px;"><span style="color:#4B5320">Starting right now I'll be strong</i></span></center></font><font style="font-family:georgia; font-size:12px; line-height:14px; text-transform: none; letter-spacing:1px;"></font><p>

<img src="http://i.imgur.com/8fB1twP.png" style="max-width:45%; float:right; margin:10px;"/>
<p><b>OOC</b>: OOC here. +000 words.</p><p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.<p>

<b>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b> Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.<p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.

</p></div><style>
    .idrieusoptimetable {width:95%; margin:0px auto; padding:10px 0px 0;}
    .idrieusoptimetable p {font-family:georgia; font-size:12px; line-height:14px; text-transform: none; letter-spacing:1px; text-indent:30px;}
    </style>
    <link href='http://fonts.googleapis.com/css?family=IM+Fell+Great+Primer+SC' rel='stylesheet' type='text/css'>[/html]


Nina Art Table
Code: Select all
[html]<div class="content"><div class="idrieusoptimetable2"><center><font style="font-family:veranda; font-size:20px; line-height:1px; text-transform: uppercase; letter-spacing:5px;"><span style="color:#312B1F"><i>I will scream them loud tonight</i></span></font><i><br><font style="font-family:veranda; font-size:14px; line-height:1px; text-transform: uppercase; letter-spacing:5px;"><span style="color:#4B5320">Can you hear my voice this time?</span></font></i></center><font style="font-family:georgia; font-size:12px; line-height:14px; text-transform: none; letter-spacing:1px;"></font><p> 

<img src="http://i.imgur.com/ANQeiuX.png" style="max-width:45%; float:right; margin:10px;">
</p><p><b>OOC</b>: OOC here +000 words.</p><p> 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.<p>

<b>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b> Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.<p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.
 
</p></div><style>
.idrieusoptimetable2 {width:95%; margin:0px auto; padding:10px 0px 0;}
.idrieusoptimetable2 p {font-family:georgia; font-size:12px; line-height:14px; text-transform: none; letter-spacing:1px; text-indent:30px;}
</style>
<link href="http://fonts.googleapis.com/css?family=IM+Fell+Great+Primer+SC" rel="stylesheet" type="text/css"></div>[/html]


Salsola
The Inquisitor
User avatar
Salena
Luperci The Price for Freedom More than a Warning
Karma's Gonna Come Collect Your Debt
smiles of plated GOLD

POSTED: Thu May 16, 2019 1:32 pm

ZURI ACIDIC-TROMBETTA

Alaine Art Table
Code: Select all
[html]<div class="zurioptimetable"><center><font style="font-family:veranda; font-size:14px; line-height:1px; text-transform: uppercase; letter-spacing:9px;"><span style="color:#5A0702"><i>I prefer dangerous freedom</span></font><br><font style="font-family:veranda; font-size:12px; line-height:1px; text-transform: uppercase; letter-spacing:7px;"><span style="color:#0f0701">Over peaceful slavery</i></span></center></font><font style="font-family:georgia; font-size:12px; line-height:14px; text-transform: none; letter-spacing:1px;"></font><p>

<img src="https://i.imgur.com/uTtB1dX.png" style="max-width:40%; float:right; margin:5px;"/>
<p><b>OOC</b>: OOC here.</p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.</p><p>

<b>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b> Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.</p><p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.
</p></div><style>
.zurioptimetable {width:95%; margin:0px auto; padding:10px 0px 0;}
.zurioptimetable p {font-family:georgia; font-size:12px; line-height:14px; text-transform: none; letter-spacing:1px; text-indent:30px;}
</style>
<link href='http://fonts.googleapis.com/css?family=IM+Fell+Great+Primer+SC' rel='stylesheet' type='text/css'>[/html]


Libri Art Table
Code: Select all
[html]<div class="txtNotoSansZuri"><p class="wc"><strong>(+000)</strong></p><p class="ooc">OOC text goes here.</p>
<img src="https://i.imgur.com/zaxKj24.png" style="max-width:35%; float:right; margin:5px;"/>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.</p><p>

<b>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b> Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.</p><p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.
</p>
</div>   
<link href="https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i" rel="stylesheet">
<style>
.txtNotoSansZuri p.ooc { padding:0px 5px 5px 3px; opacity:.75; text-indent:0px; text-align:center; } 
.txtNotoSansZuri p.ooc:after { margin:0 auto; content:''; filter: alpha(opacity=60%); opacity: .30; display: block; border-bottom: 1px solid; padding-bottom: 10px; } 
.txtNotoSansZuri p.wc { padding:0px 5px 5px 3px; opacity:.75; text-indent:0px; text-align:right; } 
.txtNotoSansZuri p { margin:10px 20px 0; font-family:Noto Sans; line-height:23px; font-size:15px; }   
.txtNotoSansZuri b.npc { opacity:.75; } 
.txtNotoSansZuri b.lang:before { content:'< '; }   
.txtNotoSansZuri b.lang:after { content:' >'; } </style>[/html]


Haroro Art Table
Code: Select all
[html]<div class="ZuriBitter"></p><p class="ooc"><strong>[384]</strong> • OOC Text</p>
<img src="https://i.imgur.com/ewPBLfE.png" style="max-width:40%; float:right; margin:5px;"/>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sit amet quam iaculis, cursus magna id, rhoncus nunc. Nullam sed interdum justo. Sed at dignissim purus, eget rutrum libero. Proin ut suscipit elit. Maecenas ultrices purus et lectus vestibulum rhoncus. In suscipit vulputate est, sit amet aliquet neque tempor a. Fusce placerat magna eu mauris condimentum, in tincidunt eros scelerisque.
</p><p>
<b>"Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos."</b> Curabitur ultrices pellentesque purus, a faucibus dui sodales ac.
</p><p>
Nulla sem elit, ornare rhoncus urna ac, luctus placerat lacus. Quisque venenatis eros arcu, a volutpat justo vulputate porta. <i>Integer id nisi at metus ullamcorper imperdiet.</i> Nulla eget viverra felis, eu auctor sem. Sed a metus fermentum, finibus nunc in, laoreet lacus. Aliquam vel eros sit amet elit maximus tempor. In at efficitur sapien, eu euismod sem.
</p><p>
<b class="npc">"Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos."</b> Integer sagittis neque sit amet risus tempus, et rhoncus leo volutpat. Nunc feugiat neque urna, eu ullamcorper mi auctor id. Pellentesque porttitor aliquet sem, eget venenatis dui gravida vel.
</p>
</div>   
<link href="https://fonts.googleapis.com/css?family=Bitter:400,400i,700" rel="stylesheet">
<style>
.ZuriBitter p.ooc { padding:20px 5px 5px 3px; opacity:.75; text-indent:0px; } 
.ZuriBitter p.ooc:after { margin:0 auto; content:''; filter: alpha(opacity=60%); opacity: .30; display: block; border-bottom: 1px solid; padding-bottom: 10px; } 
.ZuriBitter p.wc { padding:0px 5px 5px 3px; opacity:.75; text-indent:0px; text-align:right; } 
.ZuriBitter p { margin:10px 20px 0; font-family:Bitter; line-height:23px; text-indent:25px; font-size:15px; }   
.ZuriBitter b.npc { opacity:.75; } 
.ZuriBitter b.lang:before { content:'< '; }   
.ZuriBitter b.lang:after { content:' >'; } </style>[/html]


Last edited by Zuri Acidic-Trombetta on Tue May 21, 2019 9:39 am, edited 1 time in total.
Mistfell Vale
Risegard
User avatar
Salena
Luperci Mate to Baelish

POSTED: Thu May 16, 2019 1:35 pm

HIBIKI

Kitty Art Table
Code: Select all
[html]
<div class="Kaimu">
   <p class="header">But the more I try to move on, the more I feel alone<br>
So I watch the summer stars to lead me home.</p>

<img src="http://i.imgur.com/WZztEvg.png" style="width:33%; float:right; margin:10px;">

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla id mi lorem. Quisque scelerisque hendrerit purus. Sed mi urna, laoreet nec metus a, sodales ultrices tellus. Pellentesque posuere fermentum laoreet. Quisque in rutrum nulla. Nulla non purus euismod, suscipit est nec, consequat nisi. Nam a tempor leo, id porttitor elit. Ut ullamcorper lobortis dignissim. Praesent lectus sem, eleifend vel semper vitae, pulvinar id enim. Vestibulum vulputate condimentum semper. Nulla egestas mollis purus auctor ultricies. Nullam sollicitudin sapien eu lobortis dignissim. Aenean quis gravida odio. Vivamus pellentesque, neque at commodo feugiat, lorem magna malesuada elit, a pretium ipsum risus eu dolor. Nulla a orci et purus porttitor facilisis. Morbi sed nibh ut augue fermentum scelerisque id non sapien.
</p><p>
Donec at elit nec ipsum tristique fermentum quis id nisl. Praesent aliquam lorem vitae tellus pellentesque, in varius diam rutrum. Maecenas pharetra non erat id fringilla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer eget felis in dui eleifend vulputate vitae quis urna. Nulla sit amet tortor blandit, semper felis ut, tempus tellus. Proin ac dictum massa. Praesent nulla arcu, dapibus sit amet suscipit sit amet, tincidunt et libero. Phasellus convallis placerat congue. Nam convallis tortor et sapien placerat, ac molestie elit ultrices. Donec sagittis tortor dolor, vitae congue ante convallis vel. Maecenas porta fermentum justo in semper. Donec vitae ultrices massa.</p>
   <p class="ooc">OOC text here!</p>
</div>
<style type="text/css">
.Kaimu {
   width:80%;
   padding:5px 5px 5px 5px;
   margin:0px auto;
}
.Kaimu p.header{
   text-align:center;
   padding:0px 5px 0px 5px;
   font-family:'Bad Script';
   font-size:20px;
   border-bottom:1px dashed black;
}
.Kaimu p {
   text-indent:15px;
   font-size:13px;
   line-height:140%;
   text-align:left;
   font-family:'Arial';
   padding:0px 5px 0px 5px;
}
.Kaimu p.ooc {
   border-top:1px dashed black;
   padding:2px 5px 2px 5px;
   text-align:right;
   font-family:'Arial';
   font-size:13px;
}
</style>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Bad+Script">
[/html]



Libri Art Table
Code: Select all
[html]<div class="kaimuoptimetable"><center><font style="font-family:veranda; font-size:20px; line-height:1px; text-transform: uppercase; letter-spacing:5px;"><span style="color:#000000"><i>The fire I began, is burning me alive</span></font><br><font style="font-family:veranda; font-size:13px; line-height:1px; text-transform: uppercase; letter-spacing:5px;"><span style="color:#080808">But I'm no stranger to the heartache and the pain</i></span></center></font><font style="font-family:georgia; font-size:12px; line-height:14px; text-transform: none; letter-spacing:1px;"></font><p>

<img src="https://i.imgur.com/OVMUmLQ.png" style="max-width:35%; float:right; margin:10px;"/>
<p><b>OOC</b>: OOC goes here. +000 words.</p><p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.<p>

<b>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b> Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.<p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.

</p></div><style>
.kaimuoptimetable {width:95%; margin:0px auto; padding:10px 0px 0;}
.kaimuoptimetable p {font-family:georgia; font-size:12px; line-height:14px; text-transform: none; letter-spacing:1px; text-indent:30px;}
</style>
<link href='http://fonts.googleapis.com/css?family=IM+Fell+Great+Primer+SC' rel='stylesheet' type='text/css'>[/html]


Gen Art Table
Code: Select all
[html]<div class="hibikioptimetable"><center><font style="font-family:veranda; font-size:20px; line-height:1px; text-transform: uppercase; letter-spacing:5px;"><span style="color:#000000"><i>The mountain of things that I still regret</span></font><br><font style="font-family:veranda; font-size:13px; line-height:1px; text-transform: uppercase; letter-spacing:5px;"><span style="color:#080808">Is a vile reminder that I would rather just forget</i></span></center></font><font style="font-family:georgia; font-size:12px; line-height:14px; text-transform: none; letter-spacing:1px;"></font><p>

<img src="https://i.imgur.com/VJ92wBh.png" style="max-width:35%; float:right; margin:10px;"/>
<p><b>OOC</b>: OOC goes here. +000 words.</p><p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.<p>

<b>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b> Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.<p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.

</p></div><style>
.hibikioptimetable {width:95%; margin:0px auto; padding:10px 0px 0;}
.hibikioptimetable p {font-family:georgia; font-size:12px; line-height:14px; text-transform: none; letter-spacing:1px; text-indent:30px;}
</style>
<link href='http://fonts.googleapis.com/css?family=IM+Fell+Great+Primer+SC' rel='stylesheet' type='text/css'>[/html]


Jasmae Art Table
Code: Select all
[html]<div class="g-bikiart"><p class="oocstuff">OOC Here. +000 words.</p><div class="g-bikiart-top" title="art by Jasmae"></div>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.</p><p>

<b>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b> Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.</p><p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.
</p>

</div>
<link href="https://fonts.googleapis.com/css?family=Noto+Serif+TC" rel="stylesheet">
<style type="text/css">
.g-bikiart {width:650px; padding:5px; margin:0px auto;}
.g-bikiart p {text-indent: 25px; font-family:'Noto Serif TC', serif; font-size:14px; text-align:justify; line-height:150%;}
.g-bikiart p.oocstuff {border-bottom:dashed 1px; padding-top:0px; padding-left:3px;font-size:11px; text-align:center;}
.g-bikiart npc { letter-spacing:.5px; opacity: .7;font-weight:bold; }
.g-bikiart b:before, npc:before { content:open-quote; }
.g-bikiart b:after, npc:after { content:close-quote; }
.g-bikiart b.lang:before, npc.lang:before { content:'< '; }
.g-bikiart b.lang:after, npc.lang:after { content:' >';}
.g-bikiart-top {background-image:url('https://i.imgur.com/m1t1tJ3.png');background-position:55% 0%; width:100%; height:300px; width:150px;border:1px solid black;float:left;margin:10px;}
</style>
[/html]


Last edited by Hibiki on Mon May 27, 2019 9:31 pm, edited 1 time in total.
Loners
Jackal-Wolf
User avatar
Salena
Luperci
復讐 生まれ変わる
Raggedy Man

POSTED: Thu May 16, 2019 1:38 pm

SILAS DEL MORTE

Nina Art Table
Code: Select all
[html]<div class="content"><div class="silasoptimetable2"><center><font style="font-family:veranda; font-size:20px; line-height:1px; text-transform: uppercase; letter-spacing:5px;"><span style="color:#312B1F"><i>To rise and shine is so hard to do</i></span></font><i><br><font style="font-family:veranda; font-size:14px; line-height:1px; text-transform: uppercase; letter-spacing:5px;"><span style="color:#4B5320">When all the light has been taken from you</span></font></i></center><font style="font-family:georgia; font-size:12px; line-height:14px; text-transform: none; letter-spacing:1px;"></font><p> 

<img src="https://i.imgur.com/YF1J7KH.png" style="max-width:45%; float:right; margin:10px;">
</p><p><b>OOC</b>: OOC here +000 words.</p><p> 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.<p>

<b>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b> Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.<p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.
 
</p></div><style>
.silasoptimetable2 {width:95%; margin:0px auto; padding:10px 0px 0;}
.silasoptimetable2 p {font-family:georgia; font-size:12px; line-height:14px; text-transform: none; letter-spacing:1px; text-indent:30px;}
</style>
<link href="http://fonts.googleapis.com/css?family=IM+Fell+Great+Primer+SC" rel="stylesheet" type="text/css"></div>[/html]



Salsola
Indentured Servant
User avatar
Salena
Luperci Forever Changing Bound to the Raven's Call
SILENCE

POSTED: Thu May 16, 2019 1:40 pm

NORA KNIGHT

Nina Art Table
Code: Select all
[html]<div class="noraoptimetable"><center><font style="font-family:veranda; font-size:10px; line-height:1px; text-transform: uppercase; letter-spacing:9px;"><span style="color:#571B7e"><i>Not the snow not the rain can change my mind</span></font><br><font style="font-family:veranda; font-size:12px; line-height:1px; text-transform: uppercase; letter-spacing:7px;"><span style="color:#98AFC7">The sun will come out, wait and see</i></span></center></font><font style="font-family:georgia; font-size:10px; line-height:14px; text-transform: none; letter-spacing:1px;"></font><p>

<img src="https://i.imgur.com/VruSFVS.png" style="max-width:35%; float:right; margin:5px;"/>
<p><b>OOC</b>: OOC here.</p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.</p><p>

<b>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b> Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.</p><p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.
</p></div><style>
.noraoptimetable {width:95%; margin:0px auto; padding:10px 0px 0;}
.noraoptimetable p {font-family:georgia; font-size:12px; line-height:14px; text-transform: none; letter-spacing:1px; text-indent:30px;}
</style>
<link href='http://fonts.googleapis.com/css?family=IM+Fell+Great+Primer+SC' rel='stylesheet' type='text/css'>[/html]



Casa di Cavalieri
First Officer
User avatar
Salena
Luperci Hunter

POSTED: Thu May 16, 2019 1:52 pm

EDEN DE LE ULRICH

Jasmae Art Table
Code: Select all
[html]<div class="g-edenart"><p class="oocstuff">OOC Here. +000 words.</p><div class="g-edenart-top" title="art by Jasmae"></div>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.</p><p>

<b>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b> Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.</p><p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.
</p>

</div>
<link href="https://fonts.googleapis.com/css?family=Noto+Serif+TC" rel="stylesheet">
<style type="text/css">
.g-edenart {width:650px; padding:5px; margin:0px auto;}
.g-edenart p {text-indent: 25px; font-family:'Noto Serif TC', serif; font-size:14px; text-align:justify; line-height:150%;}
.g-edenart p.oocstuff {border-bottom:dashed 1px; padding-top:0px; padding-left:3px;font-size:11px; text-align:center;}
.g-edenart npc { letter-spacing:.5px; opacity: .7;font-weight:bold; }
.g-edenart b:before, npc:before { content:open-quote; }
.g-edenart b:after, npc:after { content:close-quote; }
.g-edenart b.lang:before, npc.lang:before { content:'< '; }
.g-edenart b.lang:after, npc.lang:after { content:' >';}
.g-edenart-top {background-image:url('https://i.imgur.com/ZgQ28GU.png');background-position:75% 0%; width:100%; height:300px; width:150px;border:1px solid black;float:left;margin:10px;}
</style>
[/html]



Despi Art Table
Code: Select all
[html]<div class="edenop">
<div class="ooc"><span class="wc">Word Count &rarr; +000 </span> :: OOC Here </div>
<img src="https://i.imgur.com/2FyJjHI.png" class="img">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.<p>

<b>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b> Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.<p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.</p>

</div>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab');
.edenop {width:90%; margin:15px;}
.edenop p {font:14px 'Roboto Slab', serif; line-height:180%; text-indent:50px; text-align:justify; }
.edenop NPC {font-weight: bold; filter:alpha(opacity=55%); opacity:.55; }
.edenop .ooc {opacity:0.7; text-indent:15px; padding:0px; border-bottom:1px dotted #000; margin-bottom:10px;}
.edenop .ooc + p {padding:0px 5px;}
.edenop .wc {text-transform: uppercase; font-weight:bold;}
.img {width:350px; padding:5px; float:left;}
</style>[/html]


If-fi Art Table
Code: Select all
[html]<div class="eden2op">
<div class="ooc"><span class="wc">Word Count &rarr; +000 </span> :: OOC Here. </div>
<img src="https://i.imgur.com/GuiV4GM.png" class="img">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.<p>

<b>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b> Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.<p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.</p>

</div>
<style type="text/css">
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab');
.eden2op {width:90%; margin:15px;}
.eden2op p {font:14px 'Roboto Slab', serif; line-height:180%; text-indent:50px; text-align:justify; }
.eden2op NPC {font-weight: bold; filter:alpha(opacity=55%); opacity:.55; }
.eden2op .ooc {opacity:0.7; text-indent:15px; padding:0px; border-bottom:1px dotted #000; margin-bottom:10px;}
.eden2op .ooc + p {padding:0px 5px;}
.eden2op .wc {text-transform: uppercase; font-weight:bold;}
.img {width:330px; padding:5px; float:right;}
</style>[/html]


Salsola
The Arbiter
User avatar
Salena
Luperci

POSTED: Thu May 16, 2019 1:57 pm

OSSIDAEL LYKOI

Libri Art Table
Code: Select all
[html]<div class="txtNotoSansOssidael2"><p class="wc"><strong>(+000)</strong></p><p class="ooc">OOC Here</p>
<img src="https://i.imgur.com/EzSIG1N.png" style="max-width:35%; float:right; margin:5px;"/>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.</p><p>

<b>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b> Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.</p><p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.
</p>
</div>   
<link href="https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i" rel="stylesheet">
<style>
.txtNotoSansOssidael2 p.ooc { padding:0px 5px 5px 3px; opacity:.75; text-indent:0px; text-align:center; } 
.txtNotoSansOssidael2 p.ooc:after { margin:0 auto; content:''; filter: alpha(opacity=60%); opacity: .30; display: block; border-bottom: 1px solid; padding-bottom: 10px; } 
.txtNotoSansOssidael2 p.wc { padding:0px 5px 5px 3px; opacity:.75; text-indent:0px; text-align:right; } 
.txtNotoSansOssidael2 p { margin:10px 20px 0; font-family:Noto Sans; line-height:23px; font-size:15px; }   
.txtNotoSansOssidael2 b.npc { opacity:.75; } 
.txtNotoSansOssidael2 b.lang:before { content:'< '; }   
.txtNotoSansOssidael2 b.lang:after { content:' >'; } </style>[/html]


Nat Art Table
Code: Select all
[html]<div class="OssidaelBitter"></p><p class="ooc"><strong>[384]</strong> • OOC Text</p>
<img src="https://i.imgur.com/eypGsWi.png" style="max-width:35%; float:right; margin:5px;"/>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sit amet quam iaculis, cursus magna id, rhoncus nunc. Nullam sed interdum justo. Sed at dignissim purus, eget rutrum libero. Proin ut suscipit elit. Maecenas ultrices purus et lectus vestibulum rhoncus. In suscipit vulputate est, sit amet aliquet neque tempor a. Fusce placerat magna eu mauris condimentum, in tincidunt eros scelerisque.
</p><p>
<b>"Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos."</b> Curabitur ultrices pellentesque purus, a faucibus dui sodales ac.
</p><p>
Nulla sem elit, ornare rhoncus urna ac, luctus placerat lacus. Quisque venenatis eros arcu, a volutpat justo vulputate porta. <i>Integer id nisi at metus ullamcorper imperdiet.</i> Nulla eget viverra felis, eu auctor sem. Sed a metus fermentum, finibus nunc in, laoreet lacus. Aliquam vel eros sit amet elit maximus tempor. In at efficitur sapien, eu euismod sem.
</p><p>
<b class="npc">"Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos."</b> Integer sagittis neque sit amet risus tempus, et rhoncus leo volutpat. Nunc feugiat neque urna, eu ullamcorper mi auctor id. Pellentesque porttitor aliquet sem, eget venenatis dui gravida vel.
</p>
</div>   
<link href="https://fonts.googleapis.com/css?family=Bitter:400,400i,700" rel="stylesheet">
<style>
.OssidaelBitter p.ooc { padding:20px 5px 5px 3px; opacity:.75; text-indent:0px; } 
.OssidaelBitter p.ooc:after { margin:0 auto; content:''; filter: alpha(opacity=60%); opacity: .30; display: block; border-bottom: 1px solid; padding-bottom: 10px; } 
.OssidaelBitter p.wc { padding:0px 5px 5px 3px; opacity:.75; text-indent:0px; text-align:right; } 
.OssidaelBitter p { margin:10px 20px 0; font-family:Bitter; line-height:23px; text-indent:25px; font-size:15px; }   
.OssidaelBitter b.npc { opacity:.75; } 
.OssidaelBitter b.lang:before { content:'< '; }   
.OssidaelBitter b.lang:after { content:' >'; } </style>[/html]


POSTED: Tue Jul 16, 2019 12:25 am

SANGUINE VALENTINE

Despi Art Table
Code: Select all
[html]<div class="SanguineBitter"></p><p class="ooc"><strong>[384]</strong> • OOC Text</p>
<img src="https://i.imgur.com/L0ArDgV.png" style="max-width:40%; float:right; margin:5px;"/>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sit amet quam iaculis, cursus magna id, rhoncus nunc. Nullam sed interdum justo. Sed at dignissim purus, eget rutrum libero. Proin ut suscipit elit. Maecenas ultrices purus et lectus vestibulum rhoncus. In suscipit vulputate est, sit amet aliquet neque tempor a. Fusce placerat magna eu mauris condimentum, in tincidunt eros scelerisque.
</p><p>
<b>"Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos."</b> Curabitur ultrices pellentesque purus, a faucibus dui sodales ac.
</p><p>
Nulla sem elit, ornare rhoncus urna ac, luctus placerat lacus. Quisque venenatis eros arcu, a volutpat justo vulputate porta. <i>Integer id nisi at metus ullamcorper imperdiet.</i> Nulla eget viverra felis, eu auctor sem. Sed a metus fermentum, finibus nunc in, laoreet lacus. Aliquam vel eros sit amet elit maximus tempor. In at efficitur sapien, eu euismod sem.
</p><p>
<b class="npc">"Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos."</b> Integer sagittis neque sit amet risus tempus, et rhoncus leo volutpat. Nunc feugiat neque urna, eu ullamcorper mi auctor id. Pellentesque porttitor aliquet sem, eget venenatis dui gravida vel.
</p>
</div>   
<link href="https://fonts.googleapis.com/css?family=Bitter:400,400i,700" rel="stylesheet">
<style>
.SanguineBitter p.ooc { padding:20px 5px 5px 3px; opacity:.75; text-indent:0px; } 
.SanguineBitter p.ooc:after { margin:0 auto; content:''; filter: alpha(opacity=60%); opacity: .30; display: block; border-bottom: 1px solid; padding-bottom: 10px; } 
.SanguineBitter p.wc { padding:0px 5px 5px 3px; opacity:.75; text-indent:0px; text-align:right; } 
.SanguineBitter p { margin:10px 20px 0; font-family:Bitter; line-height:23px; text-indent:25px; font-size:15px; }   
.SanguineBitter b.npc { opacity:.75; } 
.SanguineBitter b.lang:before { content:'< '; }   
.SanguineBitter b.lang:after { content:' >'; } </style>[/html]


Songbird Art Table
Code: Select all
[html]<div class="txtNotoSansSanguine"><p class="wc"><strong>(+000)</strong></p><p class="ooc">OOC text goes here.</p>
<img src="https://i.imgur.com/HoLdzS8.png" style="max-width:28%; float:right; margin:5px;"/>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.</p><p>

<b>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b> Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.</p><p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sollicitudin metus id risus porta in eleifend magna molestie. Fusce quis velit metus. Integer egestas nibh dignissim neque pellentesque rhoncus. Vestibulum ut sapien sed risus aliquet posuere non in nulla. Cras convallis quam vitae enim consequat nec tincidunt tortor ultricies. Curabitur non ligula eget lectus gravida condimentum sed vitae nisi. Curabitur luctus, ligula eget rhoncus dapibus, lacus metus eleifend nisi, a rutrum libero massa vel lacus. Nam at enim sed orci blandit sagittis. Duis nisl ipsum, lobortis a volutpat ac, suscipit sagittis enim. Proin tristique, neque ac pretium accumsan, felis risus consequat mauris, eget porttitor nisi eros quis felis. Ut varius ultrices luctus.
</p>
</div>   
<link href="https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i" rel="stylesheet">
<style>
.txtNotoSansSanguine p.ooc { padding:0px 5px 5px 3px; opacity:.75; text-indent:0px; text-align:center; }
.txtNotoSansSanguine p.ooc:after { margin:0 auto; content:''; filter: alpha(opacity=60%); opacity: .30; display: block; border-bottom: 1px solid; padding-bottom: 10px; }
.txtNotoSansSanguine p.wc { padding:0px 5px 5px 3px; opacity:.75; text-indent:0px; text-align:right; }
.txtNotoSansSanguine p { margin:10px 20px 0; font-family:Noto Sans; line-height:23px; font-size:15px; }   
.txtNotoSansSanguine b.npc { opacity:.75; }
.txtNotoSansSanguine b.lang:before { content:'< '; }   
.txtNotoSansSanguine b.lang:after { content:' >'; } </style>[/html]


Last edited by Sanguine Valentine on Sat Nov 02, 2019 10:24 pm, edited 1 time in total.
Salsola
The Warden
User avatar
Salena
Luperci

Post & Graphic Logs