“Art is the weapon. Your imagination is the ammunition."

Post and Graphics log

POSTED: Sat Aug 13, 2016 7:15 pm


Code: Select all
[html]<div class="avinaManip_123">
<p></p>
<p class="wc">Word Count ➤ 000</p>
<p class="ooc">OOC here.</p>
</div>
<p class="cred"><a href="https://www.flickr.com/photos/jsguenette/">Jean-Sébastien Guénette</a> | <a href="http://jadedreality.deviantart.com/">JadedReality</a> & <a href="http://8moments.deviantart.com/">8Moments</a> | Table by <a href="http://wiki.soulsrpg.com/index.php?n=Players.Sammiie">Sammiie</a> &hearts;</p><style>
.avitablog {width:680px; padding:5px;text-align:center;}
dl.codebox {padding: 3px;background-color: #FFFFFF;border: 1px solid #000000;font-size: 1em;height: 100px;width: 285px;}
dl.codebox a { color: #000000}
dl.codebox dt {text-transform: uppercase;border-bottom: 1px solid #000000;margin-bottom: 3px;font-size: 0.8em;font-weight: bold;display: block;}
dl.codebox code {overflow: hidden;display: block;height: 80px;white-space: normal;padding-top: 5px;font: 0.9em Monaco, "Andale Mono","Courier New", Courier, mono;line-height: 1.3em;color: #333333;margin: 2px 0;}
.avitablog table {width:100%; text-align:center;}
.avitablog td {width:33%;text-align:center;height:50px; overflow:auto;}
.avitablog tr.tabs {height:50px; width:33%; padding:5px; float:center;overflow:auto;}
.avitablog textarea {width:100px; overflow:auto; height:40px;}
</style>
<style type="text/css">
.avinaManip_123 {max-width:600px; background-color:#9fa7b6; background-image:url('http://i.imgur.com/302cbEv.png'); background-position:top center; background-repeat:no-repeat; border:1px solid #000; padding: 400px 0px 3px 0px; margin:0 auto; font-family: 'Delius'; font-size:17px; color:#1b1c1e; letter-spacing:.5px; text-align:justify;}
.avinaManip_123 b {color:#30712d; font-family: 'BellotaBold'; font-weight:bold; letter-spacing:1px; font-size: 17px;}
.avinaManip_123 p {padding:5px 20px; margin:0 auto; line-height:18px;}
.avinaManip_123 .wc {letter-spacing:0px; font-size:12px; font-weight:bold; border-bottom:1px solid #373773; text-align:right; padding:0px 5px; text-transform:uppercase; margin:15px 15px 0px 15px;}
.avinaManip_123 .ooc {font-style:italic; font-size:11px; font-family: verdana, sans-serif;}
p.cred {text-align:center; font-size:11px; font-style:italic; width:425px; text-align:center; margin:0px auto;}
</style><link href="https://fonts.googleapis.com/css?family=Delius|Delius+Swash+Caps" rel="stylesheet"><link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/bellota" type="text/css"/> [/html]

Code: Select all
[html]<div class="avimanip"> <div class="avimanip-name">Avinalora</div> <div class="avimanip-in">   
<div class="avimanip-ooc" style="float:right;">
<ul><li>Word Count: <strong>[000]</strong></li>
<li>Date: <strong>21st Sep</strong></li>
<li>Time: <strong>Time</strong></li>
<li>Form: <strong>Form</strong></li></ul>OOC</div>
<p>

</p>
</div>
<div class="avimanip-lyrics">"Somebody make me feel alive and shatter me!</div></div>
<p class="avimanip-credit">Template by <a href="http://www.soulsrpg.com/forum/viewtopic.php?f=37&t=16460">Kitty</a> and <a href="http://soulsrpg.com/forum/viewtopic.php?f=37&t=3676">Aso</a>, image by <a href="https://unsplash.com/photos/qQUtvVdurHg">Unsplash.com</a></p>
    <style type="text/css">
@import url('http://fonts.googleapis.com/css?family=Cinzel');
@import url('http://fonts.googleapis.com/css?family=Cinzel+Decorative');
@import url('http://fonts.googleapis.com/css?family=Delius');
@import url('http://fonts.googleapis.com/css?family=Forum');
.avimanip {width:560px; background-image:url('http://i.imgur.com/ucmpmwp.png'); background-position:top center; background-color:#e3e3e3; background-repeat:no-repeat; border:1px solid #000; padding:331px 20px 10px 20px; margin:0px auto; text-align:justify; box-shadow:2px 2px 3px #1d1d1d; -moz-box-shadow:2px 2px 3px #1d1d1d; -webkit-box-shadow:2px 2px 3px #1d1d1d;}
.avimanip b {color:#30712d; font-family: 'BellotaBold', serif; font-size:18px; font-weight:900;}
.avimanip p {text-indent:20px; color:#000; font-size:18px; letter-spacing:1px; margin:0px; padding-top:8px;font-family: 'Delius', serif;}
.avimanip-in {padding:10px; margin:0px auto; background-color:rgba(255, 255, 255, 0.3);  border:1px solid#000;}
p.avimanip-credit {text-indent:0px; text-align:center; font-size:10px; width:425px; margin:0px auto;}
.avimanip-name {font-family:'Cinzel Decorative'; font-size:45px; letter-spacing:8px; text-align:center; color:#30712d; text-shadow:#103328 0px 0px 2px; line-height:45px;}
.avimanip-lyrics {font-family:'Cinzel'; font-size:18px; letter-spacing:1px; text-align:center; color:#30712d; text-shadow:#103328 0px 0px 2px; line-height:15px; padding-top:2px;}
.avimanip-ooc {text-align:left;  width:150px; float:right; margin:7px; background-color:rgba(255, 255, 255, 0.3);font-family: 'Forum', serif; font-size:12px; Padding:5px; border:1px solid#000;} </style><link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/bellota" type="text/css"/> [/html]

Code: Select all
[html]
<div class="Aviff">
<div class="Aviff-in">
<div class="Aviff-ooc">OOC Here</div>
<div class="Aviff-wc">Word Count → 000</div>
<hr>
<p>

</p>
</div></div>
<style>
.Aviff {width:590px; background-color:#bcccd8; background-image: url('http://i.imgur.com/YuKS3sX.png');background-repeat:no-repeat;padding:440px 0px 15px 0px;margin:0px auto;float:center;border:solid 1px #00000;}
.Aviff-in {width:550px; background-image:url('http://i.imgur.com/gnxtKrM.png'); margin:0px auto; float:center;padding:5px;}
.Aviff-in p {font-family: 'Delius', serif; font-size:18px;text-indent:15px;}
.Aviff-in b {font-family:'BellotaBold', serif;font-size:19px;color:#30712d;}
.Aviff-ooc {font-size:20px; padding-top:5px; font-family: 'SimplePrintBold', serif; text-align:center;}
.Aviff-wc {font-family: 'SimplePrintBold', serif; color:#000000; font-size:16px; text-align:center; padding:2px;}
</style>
<link href="https://fonts.googleapis.com/css?family=Delius|Delius+Swash+Caps+Enriqueta" rel="stylesheet"><link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/bellota" type="text/css"/> <link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/simple-print" type="text/css"/>
[/html]

Code: Select all
[html]
<div class="avifox">
<div class="avifox_img"><div class="avifox_name">Avinalora</div></div>
<div class="avifox_ooc">out of character i guess</div>
<div class="avifox_posthere">
<p>
</p>
</div>
<div class="avifox_credits"> * Image by <a href="https://www.flickr.com/photos/jsguenette/">jsguenette</a> (edited) * | | * Table by Aadi * </div>
</div>
<style type="text/css">
.avifox {width:80%; margin:0px auto; border-style: none solid; border-width:10px; border-color:black; }
.avifox_img { height:181px; margin:0px auto; border-style: none; background-image: url("http://i.imgur.com/XAT9HbG.jpg"); border-style: solid none; border-width:10px; border-color:black;}
.avifox_name { width:100%; height:181px; display: table-cell; vertical-align: bottom; font-family: 'Dancing Script', cursive; font-size:45px; color:#000000; text-shadow: 1px 1px 1px #226c22; padding-left: 15%;}
.avifox_ooc { height:auto; margin: 0px auto; border-style: none none double none; border-width:10px; border-color: black; padding:10px; text-align:right; background-color:#fdfdfd; font-family: 'Forum', serif; font-size:16px; }
.avifox_posthere { padding:15px; text-indent:10px; text-align:justify; background-color:#fdfdfd; border-style: none none double none; border-width: 10px; border-color: black;font-family: 'Delius', serif; font-size:14px;}
.avifox b { color:#75cd35; text-shadow: 1px 1px 1px gray; font-family:'Delius Swash Caps', serif;}
.avifox_credits { height:auto; margin: 0px auto; border-style: none none solid none; border-width:10px; border-color: black; padding:10px; text-align:center; background-color:#000000; color:#fdfdfd; font-size: 11px;}
.avifox a {color:#75cd35;}
</style>
<link href="https://fonts.googleapis.com/css?family=Arimo" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Dancing+Script|Delius|Delius+Swash+Caps" rel="stylesheet">
[/html]

Code: Select all
[html]<div class="Avi16">
<img src="http://i.imgur.com/7sSIECt.png" style="width:29%; float:right; margin:3px;">
<p>
</p>
<table class="info"><tr><td class="ooc">OOC</td><td class="wc">WORD COUNT<br>
000</td></tr></table>
</div>

<style type="text/css">
.Avi16 { width:95%;margin:0px auto;}
.Avi16 p {text-indent:30px;margin:7px;font-family:'Delius', serif;font-size:17px;line-height:140%;padding:4px;}
.Avi16 b {font-family:'BellotaBold', serif; letter-spacing:.5px; font-size:17px; padding:.5px;}
.ooc {text-align:left; font-family: 'Times New Roman', sans-serif; margin:0px auto; font-size:16px; padding:5px; width:75%;}
.wc {text-align:center; font-family: 'Courier', monospace; margin:0px auto; font-size:13px; padding:10px; width:25%; vertical-align:middle; }
.info {width:100%; margin:0px auto; border-collapse:collapse; border-top: 1px dotted;}
</style>
<link href="https://fonts.googleapis.com/css?family=Delius|Delius+Swash+Caps" rel="stylesheet"><link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/bellota" type="text/css"/>
[/html]

Code: Select all
[html]
<div class="Avi6">
<div class="Avi6-name">Avinalora</div>
<div class="Avi6-lyrics">"The path to heaven runs through miles of clouded hell"</div>
<div class="Avi6-img"></div>
<table class="Avi6-bar"> <tr><td class="Avi6-ooc"><center>Form | Time | Date | Place</center><br>OOC here</td><td class="Avi6-word"><div style="font-size:16px; font-family: 'Glass Antiqua', serif;">Word Count:</div>
123</td></tr></table>
<div class="Avi6-in">
<p>

</p>
</div>
<div class="credit"><p class="cred"><a href="https://flic.kr/p/qYHFEs">Image</a> | <a href="https://flic.kr/p/9Gd8jq">Background</a> | Table by Andi</p></div>
</div>
<style>
.Avi6 {width:630px; padding:15px 15px 15px; margin:0px auto; text-align:left; -webkit-box-shadow:2px 2px 3px #1d1d1d;}
.Avi6-name {font-family: 'RavaliItalic', cursive; font-size:60px; line-height:10px; letter-spacing:2px; text-align:center; color:#30712d; text-shadow:#c3c3c3 1px 1px 4px;padding-bottom:10px; }
.Avi6-name2 {font-family: 'RavaliItalic', cursive; font-size:40px; line-height:50px; letter-spacing:.5px; text-align:center; color:#30712d; text-shadow:#c3c3c3 1px 1px 4px;}
.Avi6-lyrics {font-family: 'TimesGothic', cursive; font-size:32px; letter-spacing:0px; text-align:center; color:#000000; text-shadow:#226c22 1px 1px 4px; padding-bottom: 0px;line-height:20px;}
.Avi6-img {width:628px; height:190px; background-image:url('http://i.imgur.com/blnkQ5c.png'); background-position:top center; background-repeat:no-repeat; border:0px; margin 0px auto; border-radius: 15px 15px 0px 0px; border:#abbac9 1px solid;}
.Avi6-bar {width:100%; margin:0px auto; border-collapse:collapse;}
.Avi6-ooc {text-align:center; color: #00000; font-family: 'Overlock' , sans-serif; margin:0px auto; font-size:17px; padding:0px; border-right:2px solid#fff; background-color:#abbac9; width:75%;line-height:19px;}
.Avi6-word {text-align:center; background-color:#b1c0cf; color: #000; font-family: 'Amatic SC', serif; margin:0px auto; font-size:45px; padding:2px; border-left:2px solid#fff; width:25%; vertical-align:middle;}
.Avi6-in {padding:10px 5px 10px 5px; margin:0px auto; background-color:#fff;}
.Avi6 p {text-indent:25px; color:#000; font-family: 'Delius', sans-serif; font-size:18px; margin:0px auto; padding:5px;}
.Avi6 b {font-family: 'BellotaBold', serif; font-size:18px;color:#30712d;}
.Avi6-img2 {width:600px; height:100px; background-image:url('http://i.imgur.com/HlpEjWc.png'); background-position:top center; background-repeat:no-repeat; margin 0px auto; border-radius: 0px 0px 15px 15px;}
.credit {text-align:center; background-color:#abbac9; color: #fff; font-family: verdana, sans-serif; margin:0px auto; font-size:12px; padding:0px; width:100%;border-radius: 0px 0px 15px 15px;}
.Avi6 p.cred {padding:10px; font-family: 'Overlock', serif; font-size:17px;}
</style><link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/simple-print" type="text/css"/><link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/bellota" type="text/css"/><link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/ravali" type="text/css"/> <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Kurale|Delius|SpiraSnippet|Gabriela|Overlock|Modern+Antiqua|Karma|Della+Respira|Laila|Lora|Alex+Brush|Glass+Antiqua"><link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/cmu-concrete" type="text/css"/> <link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/nanook" type="text/css"/> <link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/tinesgothic" type="text/css"/> <link href="https://fonts.googleapis.com/css?family=Amatic+SC|Bad+Script|Bonbon|Butterfly+Kids|Clicker+Script|Coming+Soon|Crafty+Girls|Indie+Flower|Lovers+Quarrel|Miss+Fajardose|Nothing+You+Could+Do|Parisienne|Rouge+Script|Ruge+Boogie|Shadows+Into+Light|Shadows+Into+Light+Two|Stalemate" rel="stylesheet">
[/html]
Code: Select all
 [html]
<div class="Avi7">
<div class="Avi7-name">Avinalora</div>
<div class="Avi7-lyrics">"The fear of falling apart"</div>
<div class="Avi7-img"></div>
<table class="Avi7-bar"> <tr><td class="Avi7-ooc"><center>Form | Time | Date | Place</center><br>OOC here</td><td class="Avi7-word"><div style="font-size:16px; font-family: 'Glass Antiqua', serif;">Word Count:</div>
123</td></tr></table>
<div class="Avi7-in">
<p>

</p>
</div>
<div class="Avi7-credit"><p class="cred"><a href="https://flic.kr/p/qYHFEs">Image</a> | <a href="https://flic.kr/p/9Gd8jq">Background</a> | Table by Andi</p></div>
</div>
<style>
.Avi7 {width:630px; padding:15px 15px 15px; margin:0px auto; text-align:left; -webkit-box-shadow:2px 2px 3px #1d1d1d;}
.Avi7-name {font-family: 'RavaliItalic', cursive; font-size:60px; line-height:10px; letter-spacing:2px; text-align:center; color:#30712d; text-shadow:#c3c3c3 1px 1px 4px;padding-bottom:10px; }
.Avi7-name2 {font-family: 'RavaliItalic', cursive; font-size:40px; line-height:50px; letter-spacing:.5px; text-align:center; color:#30712d; text-shadow:#c3c3c3 1px 1px 4px;}

.Avi7-lyrics {font-family: 'TimesGothic', cursive; font-size:32px; letter-spacing:0px; text-align:center; color:#000000; text-shadow:#226c22 1px 1px 4px; padding-bottom: 0px;line-height:20px;}

.Avi7-img {width:628px; height:190px; background-image:url('http://i.imgur.com/odWinyX.png'); background-position:top center; background-repeat:no-repeat; border:0px; margin 0px auto; border-radius: 15px 15px 0px 0px; border:#497132 1px solid;}

.Avi7-bar {width:100%; margin:0px auto; border-collapse:collapse;}

.Avi7-ooc {text-align:center; color: #00000; font-family: 'Overlock' , sans-serif; margin:0px auto; font-size:17px; padding:0px; border-right:2px solid#fff; background-color:#497132; width:75%;line-height:19px;}

.Avi7-word {text-align:center; background-color:#467525; color: #000; font-family: 'Amatic SC', serif; margin:0px auto; font-size:45px; padding:2px; border-left:2px solid#fff; width:25%; vertical-align:middle;}
.Avi7-in {padding:10px 5px 10px 5px; margin:0px auto; background-color:#fff;}

.Avi7 p {text-indent:25px; color:#000; font-family: 'Delius', sans-serif; font-size:18px; margin:0px auto; padding:5px;}

.Avi7 b {font-family: 'BellotaBold', serif; font-size:18px;color:#30712d;}
.Avi7-img2 {width:600px; height:100px; background-image:url('http://i.imgur.com/HlpEjWc.png'); background-position:top center; background-repeat:no-repeat; margin 0px auto; border-radius: 0px 0px 15px 15px;}
.Avi7-credit {text-align:center; background-color:#467525; color: #fff; font-family: verdana, sans-serif; margin:0px auto; font-size:12px; padding:0px; width:100%;border-radius: 0px 0px 15px 15px;}
.Avi7 p.cred {padding:10px; font-family: 'Overlock', serif; font-size:17px;}
</style>
<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/simple-print" type="text/css"/>
<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/bellota" type="text/css"/>   
<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/ravali" type="text/css"/>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Kurale|Delius|SpiraSnippet|Gabriela|Overlock|Modern+Antiqua|Karma|Della+Respira|Laila|Lora|Alex+Brush|Glass+Antiqua">
<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/cmu-concrete" type="text/css"/>
<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/nanook" type="text/css"/>
<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/tinesgothic" type="text/css"/>
<link href="https://fonts.googleapis.com/css?family=Amatic+SC|Bad+Script|Bonbon|Butterfly+Kids|Clicker+Script|Coming+Soon|Crafty+Girls|Indie+Flower|Lovers+Quarrel|Miss+Fajardose|Nothing+You+Could+Do|Parisienne|Rouge+Script|Ruge+Boogie|Shadows+Into+Light|Shadows+Into+Light+Two|Stalemate" rel="stylesheet">
[/html]
Code: Select all
[html]
<div class="opqAv">

    <div class="inside">
        <table class="opqAv-bar"> <tr><td class="opqAv-ooc"><center>Form | Time | Date | Place</center><br>OOC here</td><td class="opqAv-word"><div style="font-size:16px; font-family: 'Glass Antiqua', serif;">Word Count:</div>
123</td></tr></table>

<p>

</p>
</div></div>
<div class="credit"><a href="https://www.flickr.com/photos/sashax/33157435440/in/faves-148656838@N02/">Image</a> | <a href="http://sirius-sdz.deviantart.com/art/Digital-Texture-Artwork-292-545851228">Texture 1</a> | <a href="http://sirius-sdz.deviantart.com/art/texture-149-145842429">Texture 2</a> | <a href="http://soulsrpg.com/forum/viewtopic.php?f=37&t=24665">Template 1</a> | <a href="http://soulsrpg.com/forum/viewtopic.php?f=37&t=3469">Template 2</a></a></div>
<style type="text/css">
.opqAv {margin:0 auto;width:640px; border:2px solid #000;background:#4f5e51 url('http://i.imgur.com/9zcW1dg.png') no-repeat top}
.opqAv .inside {text-align:left; border: 0px solid #ffffff;background-image:url('http://i.imgur.com/gnxtKrM.png'); background-repeat:repeat; padding:0px;margin:203px 10px 10px 10px; padding:3px;}
.opqAv p {color:#000;font-family: 'Delius', serif; font-size:18px; padding:15px 0px 5px 15px;text-indent:25px;}
.opqAv b {font-weight:bold; color:#30712d;  text-shadow: 1px 1px 8px #f9f9f9; font-family: 'BellotaBold', serif; font-size:18px; font-weight:900;}
.opqAv-bar {width:100%; margin:0px auto; border-collapse:collapse;}
.opqAv-ooc {text-align:center; color: #00000; font-family: 'Overlock' , sans-serif; margin:0px auto; font-size:17px; padding:0px; border-right:0px solid#fff;  width:75%;line-height:19px;}
.opqAv-word {text-align:center;  color: #000; font-family: 'Amatic SC', serif; margin:0px auto; font-size:45px; padding:2px;  width:25%; vertical-align:middle;}
.credit {text-align:center; font-family: 'Karma',serif; font-size:11px;
</style>
<link href="https://fonts.googleapis.com/css?family=Delius|Delius+Swash+Caps" rel="stylesheet"><link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/bellota" type="text/css"/><link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/simple-print" type="text/css"/><link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/bellota" type="text/css"/><link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/ravali" type="text/css"/> <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Kurale|Delius|SpiraSnippet|Gabriela|Overlock|Modern+Antiqua|Karma|Della+Respira|Laila|Lora|Alex+Brush|Glass+Antiqua"><link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/cmu-concrete" type="text/css"/> <link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/nanook" type="text/css"/> <link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/tinesgothic" type="text/css"/> <link href="https://fonts.googleapis.com/css?family=Amatic+SC|Bad+Script|Bonbon|Butterfly+Kids|Clicker+Script|Coming+Soon|Crafty+Girls|Indie+Flower|Lovers+Quarrel|Miss+Fajardose|Nothing+You+Could+Do|Parisienne|Rouge+Script|Ruge+Boogie|Shadows+Into+Light|Shadows+Into+Light+Two|Stalemate" rel="stylesheet">
[/html]
Last edited by Avinalora Phoenix on Wed May 17, 2017 3:04 am, edited 53 times in total.




User avatar
Silverfrost
Luperci
Somebody make me feel alive
The queen of a wretched design
I walk through the fire

POSTED: Mon Oct 24, 2016 10:18 am

Code: Select all
<li><a href="Link here"> Thread title</a> <i>Posted: Date | Dated: Date)</i><br>Summary</li>


Avinalora
    Loners
  1. The Healer (Posted: 7/5/16 | Dated: Early June)
    Avinalora and Jarix cross paths with an unfriendly Courier (Skoll Haskel) with a bias against jackals. Arguments and fights ensure.
  2. Out In The Forest, We'll Sing A Chorus (Posted: 7/12/16 | Dated 6/29/16) Avinalora comes across a hostile wolf (Addler) and has a harrowing encounter and escape.
  3. Learning an art (Posted: 7/14/16 | Dated: Mid-June)
    Avinalora is taught some Aikido techniques by a man named Toboe
  4. Midnight Shores
  5. A New Start (Posted: 7/6/16 | Dated: Early July)
    Avinalora and Jarix joing Midnight Shores and are greeted by Esmeralda Collins.
  6. A Walk Through The Woods (Posted: 7/15/16 | Dated: 7/17/16)
    Avinalora goes into the Kingsweald and meets fellow Midnighter, Felix Nightlark
  7. I walk a lonely road (Posted:8/13/16 | Dated: July 20th)
    Summary
  8. Smell and Sound is All I Need (Posted: 7/30/16 | Dated: Early August)
    Avinalora meets Skana Creo while on her way to the herbalist's Avalon
  9. The Woodwright Shop (Posted: 8/6/16 | Dated: ?)
    Avinalora and Jarix visit Temo's furniture shop to look at furniture
  10. This Is The Road To Ruin And We're Starting At The End (Posted: 8/11/16 | Dated: Early August)
    Avinalora is looking for herbs when she trips and ends up meeting Slave.
  11. This is a world of dreams and reverie (Posted: 8/11/16 | Dated: Early August)
    Avinalora makes an acquaintance of Shaamah, whom overhears her snging and she strikes up a contract.
  12. [M] Tonight, foxes hunt the hounds (Posted: 8/15/16 | Dated: Mid August)
    Avinalora goes to a trader with Jarix and finds neglected fox kits. She adopts them as her own. Later on, she finds another kit after his mother was slain. She adopts all three and becomes their guardian.
  13. Cause I don't think that they'd understand (Posted: 8/16/16 | Dated: Late August)
    Avinalora goes on an outing with her fox kits and meets a loner named Axelle Napier.
  14. Somebody make me feel alive (Posted:8/17/16 | Dated: ?)
    Avinalora and Jarix meets Midnight Shores' newest members, Athena Graves and Rocky Ortiz. They later go on a boat ride.
  15. We're falling apart but we're coming together (Posted: 8/20/16 | Dated: ?)
    Avinalora goes out with her fox kits.
  16. Good Times (Posted: 8/20/16 | Dated: ?)
    Avinalora meets fellow Midnighter Hammish Silverstein.
  17. Your manget tar pit trap (Posted: 8/21/16 | Dated: ?)
    Avinalora and Luna are herb gathering and come across Danaë Aston and Bo Quayle.
  18. Herb Hunting (Posted: 8/22/16 | Dated:?)
    Avinalora and Luna got to ther Herbalist's Avalon.
  19. All good things must end (Posted: 8/27/16 | Dated: August 25th)
    Avinalora and Jarix say goodbye to Merlin Knight along with Skana Creo and her family.
  20. We're different but the same, gave you another name (Posted: 8/24/16 | Dated: August 28th)
    Avinalora meets her long-lost sister, Adrian Raven-Shadowryn.
  21. You're a regular decorated emergency (Posted: 9/4/16 | Dated: September)
    Avinalora and Adrian play chess.
  22. In life, unlike chess, the game continues after checkmate(Posted: 9/4/16 | Dated: ?)
    Avinalora and Spencer are playing chess and meet Derek Winter
  23. Boy, you better put that pen to paper, charm your way out (Posted 9/6/16 | Dated: ?)
    Avinalora and Adrian are wandering around the Dampwoods. Avinalora gets attacked by a loner and a daring loner (Achaikos Visus) comes to the rescue.
  24. Through many dangers, toils and snares (Posted: 10/1/16 | Dated: ?)
    Avinalora meets a mysterious stranger (Abeni)
  25. I was never one to believe the hype (Posted: 10/7/16 | Dated: October 27th)
    Avinalora and Adrian help their pack-mates make wine!
  26. Biting at our tethers (Posted: 10/15/16 | Dated: ?)
    Avinalora meets a nice lady, Adrianna Julia and her stoic companion, Nicolas.
  27. Curiosity usually kills the cat but not this one (Posted: 10/18/16 | Dated: ?)
    Avinalora meets a feral lady (Prudence) and attempts to help her out of a trap with mixed results.
  28. "Hey brother! There's an endless road to rediscover " (Posted: 10/20/16 | Dated: ?)
    Cobalt and Jarix decide to go on a trip. Avinalora and Adrian see them off.
  29. This is Halloween (Posted:10/23/16 | Dated: ?):
    Avinalora and Adrian investigate a treasure trove of clothes!
  30. Pawnshop hearts trading up (Posted: 10/24/16 | Dated: ?)
    Avinalora and Adrian hand out clothes and Athena Graves recieves a new outfit.
  31. She's morphine, queen of my vaccine (Posted: 10/28/16 | Dated: ?)
    Avinalora meets a red-eyed loner, Tekla De La Rosa in Drifter Bay.
  32. Value matters on the person, not the item (Posted: 10/31/16 | Dated: ?)
    Avinalora meets a familiar foe (Addler) in a much more civil setting. They trade.
  33. I only think in the form of crunching numbers Posted: 11/5/16 | Dated: ?
    Avinalora meets Infernian scout, Virue and they discuss their jobs and shortcomings
  34. We will be the reaper of death (Posted: 11/10/16 | Dated: November 17th)
    Avinalora and Adrian join Midnight Shores' moose hunt.
  35. Thanks for the memories (Posted: 11/21/15 | Dated: ?)
    Avinalora tries to learn more about packs.
  36. Don't let the doctor in, I wanna go home (Posted: 11/26/16 | Dated: ?)
    Avinalora meets a fellow medic, Thyri Dawnbringer and they talk about herbs.
  37. I'm not a shoulder to cry on, but I digress (Posted: 11/27/16 | Dated: ?)
    Avinalora is out with her foxes and owl when they meet a man named Kassius Grim.
  38. I might only have one match but I can make an explosion (Posted: 11/30/16 | Dated: ?)
    Avinalora meets Tree-wolf (Lux) while gathering herbs.
  39. A child born of winter wishes for spring (Posted: 11/30/16 | Dated: ?)
    Avinalora meets a big stranger (Altair Amarok) while looking for trees in Black River Reserve.
  40. Through the silent snow(Posted: 11/30/16 | Dated: ?)
    Avinalora is out with her fox kits and meets a woman named Nyx and her fox, Nuri.
  41. Signs of life (Posted: 12/1/16 | Dated: November 30th)
    Avinalora and Eclipse meet a kitty (Avigail)
  42. Riptide (Posted: 12/1/16 | Dated: December 15th)
    Sh*t goes sideways when Skana Creo disbands Midnight Shores. Avinalora is snapped in half.
  43. Broken Loner
  44. What if I can't forget you? I'll burn your name into my... (Posted:12/10/16 | Dated: 12/15/16)
    Avinalora and her crew leave Midnight Shores.
  45. The person that you take a bullet for is behind the trigger (Posted: 12/13/16 | Dated: ?)
    Avinalora meets a kind Sapien (Camellia Amaranthe) whom tries to comfort her.
  46. Lands Unexplored (Posted: 12/13/16 | Dated: ?)
    A kind loner (Calia Edley) tries to comfort Avinalora.
  47. Anathema's Broken Medic
  48. [J] I'd all my tomorrows for just one yesterday (Posted: 12/10/16 | Dated: December 20th)
    Avinalora and her companions join Anathema. They are greeted by Aeron Ganesa and her guard (Briston)
  49. We shall rise to greet the dawning of a new era (Posted: 12/15/16 | Dated: December 25th)
    Avinalora witnesses a power change in Anatheman.
  50. With Every Scar (Posted: 12/17/16 | Dated: ?)
    Avinalora finds an injured Nyx and treats her. She also learns about Anathema's history.
  51. The Dark Side of the Moon (Posted: 12/29/16 | Dated: ?)
    Avinalora and Adrian run into Nyx whom is introducing a man named Redtooth to Anathema. They also witness a bedraggled dad (Lukos) and pups.
  52. It's the god heroin prays to (Posted: 12/30/16 | Dated: ?)
    Avinalora meets a woman (Verity Rose) while out wandering.
  53. Born in the u s a (Posted:1/3/17 | Dated: ?)
    Avinalora meets a woman named Brandy Blackrust and learns a new word.
  54. [M] Doesn't it feel like our time is running out? (Posted: 12/23/16 | Dated: December 30th)
    Avinalora is attacked by a loner and Skana Creo comes to the rescue.
  55. [M] White snow red as strawberries in the summertime (Posted: 12/30/16 | Dated: ?)
    Avinalora is threatened by a loner. A massive knight (Lorenzo) comes to her rescue, unfortunately.
  56. [M] Run for your life, little fox (Posted: 1/4/17 | Dated: ?)
    Avinalora is chased by a loner with bad intentions. A Courier (Safire Hotep) comes to her rescue
  57. Thinking about what could've been (Posted: 1/2/17 | Dated: December 29th)
    Avinalora reunites with a former pack-mate (Athena Graves) and her companion (Rocky Ortiz).
  58. Wake me up inside. I can't wake up )Posted: 1/16/17 | Dated: ?)
    Avinalora wanders through the Dampwoods
  59. The boy on the blue moon dreams of sun (Posted: 1/22/17 | Dated: ?)
    Avinalora meets a stranger (Muses) whom is shocked by her Secui form.
  60. When both our cars collide (Posted: 1/25/17 | Dated: ?)
    Avinalora meets a the Courier (Skoll Haskel). He tries to ask what happened to her, but things get ugly
  61. The Comeback
  62. [M] Race to the finish (Posted: 2/7/17 | Dated: 1/28 - 1/30)
    Avinalora and Adrian help to recover the stolen horses
  63. Mother's Song (Posted: 1/31/17 | Dated: 1/31/17)
    Avinalora and Adrian attend the funeral of Nyx's daugther, Song.
  64. [M] In with the freaks (Posted: 12/31/16 | Dated: ?)
    Lux brings a crazy woman (Helki) whom fell off the Halcyon. Avinalora doesn't have the patience to deal with the freak out and gives her patient a verbal b*tch slap.
  65. Are you an angel? (Posted: 2/21/17 | Dated: Late Feb)
    Avinalora comes across an injured Cavalier (Stormblade) whom lost his memory. Avinalora brings him back to Anathema.
  66. Clinic in the Caverns (Posted: 2/8/17 | Dated: ?)
    Avinalora helps estabish a clinic in the Howling Caverns.
  67. Anyway the wind blows (Posted: 3/6/17 | Dated: Feb 23rd)
    Garrett decides to strike out alone. His family comes to see him off
  68. With fine winding tendrils that strangle the heart (Posted: 2/27/17 | Dated: Feb 26th?
    Avinalora gives Stormblade a crash course on the packs around 'Souls.
  69. You and I were fireworks that went off too soon (Posted: 3/1/17 | Dated: March 1st)
    Avinalora and Stormblade explore Black River Reserve
  70. Friends become Strangers and Strangers become Friends. Posted: 3/2/17 | Dated: March?)
    Avinalora and Stormblade are walking, Storm learns that Avi is blind and they meet ex-Midnighter, Ares Knight.
  71. Won't you be my neighbor? (Posted: 3/5/17 | Dated: ?)
    Kassius goes to Avinalora's house and learns that she doesn't treat hangovers
  72. A Clinic Built From Scratch (Posted: 2/23/17 | Dated: ?)
    Avinalora "helps" build a clinic in the Thackary
  73. Bright lights and city sounds are ringing like a drone (Posted: 3/11/17) | Dated: ?
    Avinalora meets two strangers (Ansel and Ryker Asylum) outside of Amherst.
  74. The torture of small talk Posted: 3/11/17 | Dated: ?)
    Avinalora meets a Krokaran (Thiago Vela) while herb gathering.
  75. Without A Sound They Fly (Posted: 3/11/17 | Dated: Feb?)
    May visits Avinalora in the clinic to get treatment for a sore stomach
  76. I wasn't born for this (Posted: 3/15/17 | Dated: March 20th
    Nyx teaches Avi the basics of fighting in Secui form.
  77. Now catch me up on getting out of here Posted: 3/16/17 | Dated: March 25th
    Avinalora meets a naive wolf named Night
  78. Now I'm in to deep (Posted: 3/17/17 | Dated: March 14th)
    Avinalora falls into a hole and Lux has to save her. Teasing ensures.
  79. Give me a pen, call me Mr. Benzedrine (Posted: 3/24/17 | Dated: Late March)
    A young pup (Besekel) comes to the clinic to see what Avinalora is doing/
  80. It Got Worse
  81. [M] These Wounds They Will Not Heal (Posted: 3/23/17 | Dated: March 30th)
    Nyx suffers a mental breakdown and strikes out at Avinalora, ripping out her eye. And Lukos barges in.
  82. Lean on Me (Posted: 4/8/17 | Dated: ?)
    "Levi" (Lelouch Amarok) goes to see injured Avi, offering to help her.
  83. Bumps and Bruises (Posted: 4/9/17 | Dated: ?)
    Evangeline goes to Avinalora after being attacked by Lux. Avinalora considers murder.
  84. [M] Do you got room for one more troubled soul? (Posted: 4/1/17 | Dated: April 10th)
    Avinalora finds a starving girl named Elva Kai whom is sick. She invites her and her cat to Anathema
  85. Sick as a dog (Posted: 4/22/17 | Dated: Early April)
    Avinalora is trying to figure out how to treat Elva's sickness. SHe may have solved it.
  86. (J) Learning Curve (Posted: 4/16/17 | Dated: ?)
    Avinalora answers a joiner named Discordant at the borders. She immediatly dislikes him.
  87. [M] you looks so precious (Posted: 4/23/17 | Dated: ?)
    Avinalora passess out while leaving the Caverns. Kassius finds her and carries her home. Avinalora wakes up and Kassius tries to stop her from going back to work
  88. [M] Regular decorated emergency (Posted: 4/24/17 | Dated: April 25th)
    Avinalora meets a jackal witch named Maelyx Nocturne while gathering herbs. They talk about medicine, their backstories, and Avi convinces her to come to Anathema.
  89. ★ Joining ★ Into a psychedelic silhouette ★< <(Posted: 4/27/17 |Dated: April 25th)
    Maelyx joins Anathema with Avinalora at her side. They are greeted by Lelouch Amarok
  90. [M] Hungry mouths and sharpened teeth (Posted: 4/28/17 | Dated: April 28th)
    Avinalora and Maelyx go hunting. They catch a deer, fight a mountain lion, reunite with Maelyx's cat, and share a kiss
  91. [M] The anesthetic never set in and I'm wondering where I am (Posted: 4/30/17 | Dated: Late April)
    Avinalora passes out again while walking towards the Thackary. She has a bad dream and Lux finds her.
  92. [M] I feel stupid and contagious (Posted: 4/18/17 | Dated: April 30th)
    Avinalora falls off of her horse while out looking foe herbs. Ellwyn runs away and is found by Skana Creo. She brings back the horse and talks to Avinalora
  93. Springs Sweet Kiss Posted: 4/28/17 | Dated: May 2nd)
    Avinalora attends the funeral for Anathema's fallen members.
  94.  [M] Oh death, won't you spare me over 'till another year (Posted: 5/5/17 | Dated: May)
    Avinalora nearly dies from the sickness. She comes back a different person.
  95. Anathema's Dr. House
  96. [M] I'm gonna show my scars Posted: 5/9/17 | Dated: May 13th)
    Avinalora takes off of bandages and then walks through the Thackary on her way to work
  97. Soaring like a bird Posted: 5/11/17 | Dated: May 14th)
    Avinalora and company (Ellywyn and Tyler) meet a loner name Yennefer de Valk and her falcon, Iris. They talk about girl problems.
  98. Quick as a mouse Posted: 5/13/17 | Dated: May 15th)
    Avinalora gets the idea to test poisons and herbs on mice. She enlists her foxes, Onyx, Tyler, and Stormblade to help. Conquest comes in to help.
  99. M- Love like winter Posted: 5/14/17 | Dated: Mid March)
    Maelyx invites Avinalora to celebrate the ending of the plague. And then it gets steamy.
Last edited by Avinalora Phoenix on Tue May 16, 2017 9:35 pm, edited 20 times in total.




User avatar
Silverfrost
Luperci
Somebody make me feel alive
The queen of a wretched design
I walk through the fire

POSTED: Mon Oct 24, 2016 12:16 pm

Graphical Tables

OOC

Form: Optime
Time: Day
Location: Place
OOC Text
Word Count
000

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sit amet mi tincidunt, tincidunt velit non, pellentesque ipsum. Sed sagittis tempor leo, non eleifend velit gravida ac. Proin feugiat vulputate erat, nec auctor lacus bibendum ut.

I somehow made this table

Picture (edited) | fonts and fonts | Table by Silverfrost

Code: Select all
[html]
<div class="taasiaar">
<div class="taasiaar-pic"></div>
<div class="taasiaar-ooc">
<strong><center>OOC </center></strong><hr width="150">
Form: Optime <br>
Time: Day <br>
Location: Place<br>
OOC Text<hr width="150"><font-style= 'Josefin Slab', serif; 12px; ><center><strong>Word Count</strong><br>
000
</font></center></div>
<p></p>
<div class="taasiaar-credit">
<a href="https://www.pexels.com/photo/silhouette-of-buildings-under-gray-clouds-143139/">Picture (edited)</a> | <a href="http://www.1001freefonts.com/new-fonts.php">fonts</a> and <a href="https://fonts.google.com/">fonts</a> | Table by Silverfrost
</div></div><style>
.taasiaar {width:600px; background-color:#000000;  color: #b6b9bf;}
.taasiaar-pic {background:url('http://i.imgur.com/RpRMcif.png');
 width:600px; height:133px; background-repeat:no-repeat; padding-bottom:10px;}
.taasiaar-ooc { font-family: 'Flamenco', serif; font-size:12px; text-align:left; width:150px; float:right; border:1px solid#000; padding: 2px; }
.taasiaar p {font-family: 'Philosopher', serif; font-size:16px; text-indent:40px; text-align:left; line-height:150%; padding:5px;}
.taasiaar b {color:#a4af6e; font-size:17px; font-family: 'Kurale', serif; text-shadow: 0px 1px 2px #141616;}
.taasiaar-credit {font-family: 'Carrios Gothic', serif; font-size:11px; padding:2px; border-top: 1px #616266; color:##7c5c44; text-align:center;}</style>
<link href="https://fonts.googleapis.com/css?family=ABeeZee|Abel|Antic|Carrois+Gothic|Cinzel+Decorative|Didact+Gothic|Dosis|Exo|Flamenco|Fresca|Harmattan|IM+Fell+English+SC|Italiana|Josefin+Sans|Josefin+Slab|Lancelot|Lovers+Quarrel|Metal+Mania|Miltonian|Miss+Fajardose|Montez|Nosifer|Nova+Oval|Oleo+Script+Swash+Caps|Pompiere|Qwigley|Redressed|Ribeye+Marrow|Rouge+Script|Ruthie|Sevillana|Smythe|Special+Elite|Kurale|Philosopher|Milonga" rel="stylesheet">
[/html]

Garrett Masquerade
out of character i guess

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sit amet mi tincidunt, tincidunt velit non, pellentesque ipsum. Sed sagittis tempor leo, non eleifend velit gravida ac. Proin feugiat vulputate erat, nec auctor lacus bibendum ut.

This beautiful table was made by Aadi!

* Image by doodle_m (edited) * | | * Table by Aadi *

Code: Select all
[html]
<div class="garrettcheetah">
<div class="garrettcheetah_img"><div class="garrettcheetah_name">Garrett Masquerade</div></div>
<div class="garrettcheetah_ooc">out of character i guess</div>
<div class="garrettcheetah_posthere">
<p></p>
</div>
<div class="garrettcheetah_credits"> * Image by <a href="https://www.flickr.com/photos/doodle_m/">doodle_m</a> (edited) * | | * Table by Aadi * </div></div><style type="text/css">
.garrettcheetah {width:80%; margin:0px auto; border-style: none solid; border-width:10px; border-color:black; }
.garrettcheetah_img { height:200px; margin:0px auto; border-style: none; background-image: url("http://i.imgur.com/j0hoRww.jpg"); border-style: solid none; border-width:10px; border-color:black;}
.garrettcheetah_name { width:500px; height:211px; display: table-cell; vertical-align: bottom; font-family: 'Nothing You Could Do', cursive; font-size:35px; color:#050000; text-shadow: 2px 2px 2px #300309; padding-left: 15%;}
.garrettcheetah_ooc { height:auto; margin: 0px auto; border-style: none none double none; border-width:10px; border-color: black; padding:10px; text-align:right; background-color:#bbb3a6; color: #050000; }
.garrettcheetah_posthere { padding:15px; text-indent:10px; text-align:justify; background-color:#bbb3a6; border-style: none none double none; border-width: 10px; border-color: black; color: #050000; font-family: 'Alice', serif; font-size:18px;}
.garrettcheetah b { color:#a4af6e; text-shadow: 0px 1px 2px #000000; font-family: 'Kurale', serif; font-size:18px;}
.garrettcheetah_credits { height:auto; margin: 0px auto; border-style: none none solid none; border-width:10px; border-color: black; padding:10px; text-align:center; background-color:#000000; color:#fdfdfd; font-size: 11px;}
.garrettcheetah a {color:#a4af6e;}</style><link href="https://fonts.googleapis.com/css?family=Lancelot|Kurale|Alice" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Nothing+You+Could+Do" rel="stylesheet">
[/html]

Garrett Masquerade
Cast them out 'cause this is our culture

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sit amet mi tincidunt, tincidunt velit non, pellentesque ipsum. Sed sagittis tempor leo, non eleifend velit gravida ac. Proin feugiat vulputate erat, nec auctor lacus bibendum ut.

This lovely table was made by the amazing Kitty!

Word Count: [000] Form: Optime Date: -- Time: --

Table by Kitty. Image Credits: By DuyguPoyraz


Code: Select all
[html]<table cellpadding="0" cellspacing="0" class="SP_Gar"><tr>
<td class="SP_Gartop" colspan="4"><div class="SP_Garname">Garrett Masquerade<div class="SP_Garlyrics"><B>Cast them out 'cause this is our culture</b></div></div></td></tr>       <tr><td class="SP_Garpost" colspan="4">
<p>POST</p>
</td></tr><tr class="SP_Garnotes">
                      <td>Word Count: <strong>[000]</strong></td>
                      <td>Form:  <strong>Optime</strong></td>
                      <td>Date: <strong>--</strong></td>
                      <td>Time:  <strong>--</strong></td></tr></table>
<p class="SP_Garcredit">Table by <a href="http://www.soulsrpg.com/forum/memberlist.php?mode=viewprofile&u=1766">Kitty</a>. Image Credits: <a href="http://duygupoyraz.deviantart.com/art/JungleTexturePack-353075883">By DuyguPoyraz</a></p> <style> /*THIS IS NOT A FREE TEMPLATE CODE -- PLEASE DO NOT USE*/
@import url('https://fonts.googleapis.com/css?family=Aguafina+Script|Roboto+Condensed:300');
.SP_Gar {border-collapse:collapse; width:650px; margin:10px auto; outline:1px solid #000; border:2px solid #851d1c; box-shadow:2px 2px 3px #1d1d1d; -moz-box-shadow:2px 2px 3px #1d1d1d; -webkit-box-shadow:2px 2px 3px #1d1d1d; background-image: url('http://i.imgur.com/6fE2JmW.png');  background-position: center top; background-repeat: no-repeat; background-color:#201e12;}
.SP_Gar td {background-color:transparent;}
.SP_Gar td p {text-indent:50px;  color:#fff; font-size:14px; vertical-align:top;  margin:0px; padding-top:8px;line-height:150%;}
.SP_Gar td b {color:#c3a558; text-shadow:#000 0px 0px 2px; }
.SP_Gar .SP_Gartop {padding-top:210px; padding-bottom:0px;}
tr.SP_Garnotes td {width:25%; text-align:center; font-size:10px; color:#000; padding:3px; border:1px solid #000; background-color:#c3a558;}
.notice {display:none;}
.SP_Gar .SP_Garpost {background-color:transparent; padding:10px 35px 15px 35px; border:0px;}
.SP_Garname {font-family: 'Aguafina Script', cursive;  font-size:50px; letter-spacing:4px; text-align:left; color:#851d1c; text-shadow:#000 0px 0px 2px; line-height:55px; border:0px; line-height:20px;  padding-left:40px;}
.SP_Garlyrics {font-family: 'Roboto Condensed', sans-serif; font-size:12px; letter-spacing:3px;word-spacing:1px; text-align:left; color:#a5cfa1; text-shadow:#000 1px 1px 2px; line-height:15px; border:0px; padding-top:5px; padding-left:240px;}
p.SP_Garcredit {text-indent:0px; text-align:center; font-size:10px; width:425px; text-align:center; margin:0px auto;}
/*THIS IS NOT A FREE TEMPLATE CODE -- PLEASE DO NOT USE*/ </style>[/html]

OOC Text
Word Count: 000

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sit amet mi tincidunt, tincidunt velit non, pellentesque ipsum. Sed sagittis tempor leo, non eleifend velit gravida ac. Proin feugiat vulputate erat, nec auctor lacus bibendum ut.

I somehow made this table

Code: Select all
[html]
<div class="Gar10"><center><div class="Gar10-bar1"><div class="Gar10-name"></div></div></center>
<div class="Gar10-img"></div><table class="Gar10-bar2"><tr><td class="Gar10-ooc"><center>OOC Text</td></center><td class="Gar10-wc">Word Count: 000</td></tr></table><div class="Gar10-post">
<p>
</p>
</div>
<div class="Gar10-bar3"><div class="Gar10-lyrics"></div></div></div><style>
.Gar10 {width:575px; margin:0px auto; float: center;}
.Gar10-bar1 {width:100%; margin:0px auto; border-collapse:collapse; background-color:#003048;width:575px;}
.Gar10-bar2 {width:100%; margin:0px auto; border-collapse:collapse;background-color:#184860;width:575px;}
.Gar10-bar3 {width:100%; margin:0px auto; border-collapse:collapse;background-color:#003048;width:575px;}
.Gar10-name {background-image: url('http://i.imgur.com/F3NeRWr.png'); text-align:center; background-repeat:no-repeat; width:575px; height: 96px; background-color:#184848;background-position: center top;float:center;}
.Gar10-img {background-image: url('http://i.imgur.com/ALZdrH1.png'); background-repeat:no-repeat; width:575px; height:138px; margin:0px; float:center;}
.Gar10-ooc {text-align:left; vertical-align: center; color: #fff; font-family: 'Century Schoolbook', sans-serif; margin:0px auto;  font-size:13px; padding:10px; background-color:#486060;; width:75%;}
.Gar10-wc {text-align:center; background-color:#486060; color: #fff; font-family: 'Courier New', sans-serif; margin:0px auto; font-size:13px; padding:10px; width:25%; vertical-align:middle;}
.Gar10-post {background-color:#e1e1e1; padding:3px; }
.Gar10 p {font-family: 'Noto Serif', serif; font-size:17px; text-indent:25px; padding:3px; text-align:left;}
.Gar10 b {font-family: 'Philosopher', serif; font-size:18px; padding:.5px; color:#789078;}
.Gar10-lyrics {background-image: url('http://i.imgur.com/SqhLpzv.png'); text-align:center; margin:0px auto; float:center; width:550px; height:71px;</style>[/html]

Garrett Masquerade
  • Word Count: [242]
  • Date: 21st Sep
  • Time: 1pm
  • Form: Optime
OOC goes here and other shizz

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sit amet mi tincidunt, tincidunt velit non, pellentesque ipsum. Sed sagittis tempor leo, non eleifend velit gravida ac. Proin feugiat vulputate erat, nec auctor lacus bibendum ut.

This was a template made by the amazing Kitty!

"Pleasure to meet you, prepare to bleed"

Template by Kitty and Aso, image by Brenda Timmermans


Code: Select all
[html]<div class="garmanip"> <div class="garmanip-name">Garrett Masquerade</div> <div class="garmanip-in">   <div class="garmanip-ooc" style="float:right;">
    <ul><li>Word Count: <b>[242]</b></li>
    <li>Date: <b>21st Sep</b></li>
    <li>Time: <b>1pm</b></li>
    <li>Form: <b>Optime</b></li></ul>
    OOC goes here and other shizz</div>
    <p></p>     
    </div><div class="garmanip-lyrics">"Pleasure to meet you, prepare to bleed"</div></div>
    <p class="garmanip-credit">Template by <a href="http://www.soulsrpg.com/forum/viewtopic.php?f=37&t=16460">Kitty</a> and <a href="http://soulsrpg.com/forum/viewtopic.php?f=37&t=3676">Aso</a>, image by <a href="https://www.pexels.com/photo/wolf-58862/">Brenda Timmermans</a></p><style type="text/css">
    @import url('http://fonts.googleapis.com/css?family=Cinzel');
    @import url('http://fonts.googleapis.com/css?family=Cinzel+Decorative');
@import url('http://fonts.googleapis.com/css?family=Domine');
    .garmanip {width:560px; background-image:url('http://i.imgur.com/ObjUZE7.png'); background-position:top center; background-color:#000000; background-repeat:no-repeat; border:1px solid #000; padding:240px 20px 10px 20px; margin:0px auto; text-align:left; box-shadow:2px 2px 3px #1d1d1d; -moz-box-shadow:2px 2px 3px #1d1d1d; -webkit-box-shadow:2px 2px 3px #1d1d1d;}
    .garmanip b {color:#a4a66e;}
    .garmanip p {text-indent:20px; color:#8d7c6c; font-size:16.5px; letter-spacing:1px; margin:0px; padding-top:8px;font-family: 'Domine', serif;line-height:150%;}
    .garmanip-in {padding:10px; margin:0px auto; background-color:rgba(106, 106, 106, 0.3);  border:1px solid#000;}
    p.garmanip-credit {text-indent:0px; text-align:center; font-size:10px; width:425px; margin:0px auto;}
    .garmanip-name {font-family:'Cinzel Decorative'; font-size:45px; letter-spacing:8px; text-align:center; color:#a4a66e; text-shadow:#103328 0px 0px 2px; line-height:45px;}
    .garmanip-lyrics {font-family:'Cinzel'; font-size:18px; letter-spacing:1px; text-align:center; color:#a4a66e; text-shadow:#103328 0px 0px 2px; line-height:15px; padding-top:2px;}
    .garmanip-ooc {text-align:left;  width:150px; float:right; margin:0px; background-color:rgba(255, 255, 255, 0.3); font-size:12px; Padding:5px; border:1px solid#000;} </style>[/html]


Text Tables

Garrett Masquerade
And I said, I'll check in tomorrow
if I don't wake up dead
This is the road to ruin
and we're starting at the end

Word Count → 310 :: Out of Character text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sit amet mi tincidunt, tincidunt velit non, pellentesque ipsum. Sed sagittis tempor leo, non eleifend velit gravida ac. Proin feugiat vulputate erat, nec auctor lacus bibendum ut.

This amazing table was a template by Raze!



Code: Select all
[html]
    <div class="GM-txt14-5">
    <div class="GM-txt14-5-box"></div>
    <div class="GM-txt14-5-name"> Garrett Masquerade </div>
    <div class="GM-txt14-5-lyrics">
And I said, I'll check in tomorrow
<br> if I don't wake up dead<br>
This is the road to ruin
<br>and we're starting at the end</div>
    <p class="ooc"><span class="wc">Word Count &rarr; 310</span> :: Out of Character text</p>
    <p></p>
    </div><style>
    .GM-txt14-5-box {background-image:url('http://i.imgur.com/mKF6PT0.png'); background-repeat:no-repeat; background-position: top center; width:300px; height:194px; float:right; margin:3px; }
    .GM-txt14-5-name {font-family: 'Rouge Script', cursive; font-size:30px; text-align:center; padding:5px;}
    .GM-txt14-5-lyrics {font-family: 'Cinzel Decorative', serif; font-size:17px; text-align:center;}
    .GM-txt14-5 {font-family:'Esteban', serif; font-size: 17px; text-align: left; margin:0 auto; width:95%; line-height:25px;}
    .GM-txt14-5 p.ooc {opacity:0.7; font-family: 'Carrios Gothic', serif; text-indent:0px; padding:10px 5px;}
    .GM-txt14-5 p.ooc + p {padding:0px 5px;}
    .GM-txt14-5 .wc {text-transform: uppercase; font-weight:bold;}
    .GM-txt14-5 p {text-indent: 25px; margin:0px; padding:10px 5px;}</style>
<link href="https://fonts.googleapis.com/css?family=Abel|Advent+Pro|Alegreya+Sans+SC|Allura|Athiti|Buda:300|Carrois+Gothic|Cinzel+Decorative|Didact+Gothic|Dosis|Droid+Sans|Fanwood+Text
|Flamenco|Forum|Fresca|Handlee|Harmattan|Italiana|Italianno|Josefin+Slab|Monsieur+La+Doulaise|Pompiere|Quicksand|Raleway|Rouge+Script|Ruthie|Sevillana|Smythe|Special+Elite|Esteban"
rel="stylesheet">
    [/html]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sit amet mi tincidunt, tincidunt velit non, pellentesque ipsum. Sed sagittis tempor leo, non eleifend velit gravida ac. Proin feugiat vulputate erat, nec auctor lacus bibendum ut.

This table was made by the lovely Kite!

This is where you would write something out of character.WORD COUNT
000

Code: Select all
[html]<div class="Gar11">
<img src="http://i.imgur.com/CmJktJU.png" style="width:29%; float:right; margin:3px;">
<p>
</p>
<table class="info"><tr><td class="ooc">This is where you would write something out of character.</td><td class="wc">WORD COUNT<br>
000</td></tr></table></div><style type="text/css">
.Gar11 { width:95%;margin:0px auto;}
.Gar11 p {text-indent:30px;margin:7px;font-family:'Domine', serif;font-size:15px;line-height:140%;padding:4px;}
.Gar11 b {font-family:'Noto Serif', serif; letter-spacing:.5px; font-size:16px; padding:.5px;}
.ooc {text-align:left; font-family: 'Times New Roman', sans-serif; margin:0px auto;  font-size:16px; padding:5px;  width:75%;}
.wc {text-align:center; font-family: 'Courier', monospace; margin:0px auto; font-size:13px; padding:10px; width:25%; vertical-align:middle; }
.info {width:100%; margin:0px auto; border-collapse:collapse; border-top: 1px dotted;}</style>
<link href="https://fonts.googleapis.com/css?family=Alegreya|Alice|Asul|Cormorant+Garamond|Crimson+Text|Domine|Dosis|Goudy+Bookletter+1911|Josefin+Sans|Kameron|Lora|Mate|Noto+Serif|Old+Standard+TT|PT+Serif|Raleway|Trocchi" rel="stylesheet"> [/html]
Last edited by Garrett Masquerade on Tue Feb 21, 2017 12:46 pm, edited 15 times in total.



User avatar
Silverfrost
Luperci

POSTED: Wed Nov 09, 2016 10:41 pm

Info post. Might keep, might throw out.
Last edited by Garrett Masquerade on Wed Jan 18, 2017 9:45 pm, edited 1 time in total.



User avatar
Silverfrost
Luperci

POSTED: Mon Jan 02, 2017 11:31 am

OOC Text Word Count: 000

"Lorem ipsum dolor sit amet, consectetur adipiscing elit." Sed quis bibendum mi. Ut egestas dolor quam, at sollicitudin libero iaculis posuere. Suspendisse faucibus dui a odio pulvinar volutpat. Phasellus finibus odio quis mollis semper. Ut consequat urna a iaculis efficitur. Praesent ac tortor ut eros lobortis imperdiet sed ac lacus. Aliquam urna libero, tincidunt eget nisi pretium, faucibus ornare tortor. Nunc eleifend fringilla vestibulum. Duis maximus velit interdum quam tristique luctus. Aliquam molestie urna euismod fringilla tempor. Fusce elit elit, sagittis sit amet bibendum ut, suscipit id odio. Vivamus orci purus, placerat sed lacinia sed, luctus non enim. Proin sed feugiat turpis. Etiam urna mauris, eleifend et tristique porttitor, mattis non ligula. Nunc eu metus diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;

"Pellentesque iaculis urna et justo dignissim," nec vestibulum dui ornare. Aenean ultrices lobortis diam, sed blandit nulla eleifend vitae. Etiam non nibh id leo sagittis faucibus eu sit amet nibh. Curabitur ut lacus nunc. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In mi leo, maximus iaculis varius sit amet, blandit vitae augue. Aliquam auctor feugiat risus. Fusce pretium arcu sit amet libero vehicula pulvinar.



Code: Select all
[html]
<div class="Tacettxt">
<div class="Tacettxt-ooc">
SoSu attempts. >. <
Word Count: 309
</div>
<div class="Tacettxt-post">
<p>

</p>
</div></div>
<style>
.Tacettxt { width:600px; margin:0px auto; float:center;}
.Tacettxt-ooc {font-family: 'Times New Roman', serif; text-align: left; border-bottom: 2px dashed;}
.Tacettxt-post {padding:5px;}
.Tacettxt p {font-family: 'Roboto Slab', serif; font-size:18px; padding:5px; text-align:left; text-indent:15px;}
.Tacettxt b {font-family:'Milonga', serif; font-size:19px;}
</style>
<link href="https://fonts.googleapis.com/css?family=Milonga|Roboto+Slab" rel="stylesheet">
[/html]


Tacet Calico

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pretium urna ligula, et porta urna euismod ac. Morbi consequat metus quis molestie vulputate. Ut nec rhoncus nisl. Vestibulum vel nunc laoreet, ornare neque sed, rutrum ante. Cras dolor nibh, faucibus et ligula at, laoreet varius eros. Phasellus in congue nisl. Nullam vitae lorem at justo blandit pellentesque eu eget mi. Phasellus adipiscing lorem quis augue rutrum, non aliquet tortor dapibus. Fusce blandit rutrum ipsum, sed congue ipsum facilisis facilisis. Quisque vitae pellentesque purus, quis eleifend ipsum. Maecenas quis leo fermentum, volutpat augue non, tempus dolor. Proin dignissim pharetra libero, et fringilla mauris. Donec viverra laoreet elit, nec pulvinar tortor. Nulla facilisi. Sed eu dapibus nisl.

Vivamus lobortis suscipit commodo. In non venenatis neque, a mollis nibh. Suspendisse auctor convallis nunc vel vulputate. Sed auctor sapien sed magna blandit lobortis. Cras eu mi augue. Phasellus leo sem, consectetur eu pulvinar id, varius id metus. Cras in congue ligula, sit amet imperdiet est.

ooc is fun!



Code: Select all
[/html][html]<div class="iftc-raze-text"><span class="iftc-quote-span if">Tacet Calico</span>
<p>
</p>
<p class="oocstuff"> ooc is fun!</p>
</div>
<style type="text/css">
.iftc-raze-text .iftc-quote-span { text-shadow:#fff 2px 2px; font-size: 25px; margin-left:150px; text-align:center; font-family:'Special Elite', Georgia, serif; line-height:10px; text-transform:uppercase; letter-spacing:5px; }
.iftc-raze-text {width:92%; max-width:650px; margin:0px auto; line-height:23px; background-image:url('http://i.imgur.com/IGpVogs.png'); background-repeat:no-repeat; padding:70px 50px 0px; font-family:'Radley', Arial, sans-serif;}
.iftc-raze-text i { font-style: italic;
text-rendering: initial;
letter-spacing: 0.0003em; -webkit-font-feature-settings: "liga" 0;
-moz-font-feature-settings: "liga" 0;
font-feature-settings: "liga" 0; }
.iftc-raze-text p:nth-child(2):first-letter {float: left; color:#AA0000; text-shadow:#fff 4px 1px ; font-size: 75px; line-height: 47px; padding-top:20px; padding-right: 20px; font-family:'Special Elite', Georgia, serif;}
.iftc-raze-text p { font-size:16.5px; font-family: 'Roboto Slab', serif;}
.iftc-raze-text p.oocstuff { font-style:italic; border-top:1px dotted; padding-top:3px; padding-right:10px; font-size:14px; text-align:right; font-style: italic;
text-rendering: initial;
letter-spacing: 0.0003em; -webkit-font-feature-settings: "liga" 0;
-moz-font-feature-settings: "liga" 0;
font-feature-settings: "liga" 0;}
.iftc-raze-text b:before { content:open-quote; }
.iftc-raze-text b:after { content:close-quote; }
@media (max-width: 610px) {
  .iftc-raze-text .if-quote-span {
    display: none;
  }
  .iftc-raze-text { background-image:none; padding:0px; width:95%;}
  .iftc-raze-text p { margin:15px 0; }
}
</style><link href='http://fonts.googleapis.com/css?family=Special+Elite|Roboto+Slab' rel='stylesheet' type='text/css'>
[/html]




ooc chat goes here [000]

"Lorem ipsum dolor sit amet, consectetur adipiscing elit." Nullam faucibus sem et est venenatis, nec ornare nisi cursus. Fusce posuere egestas libero quis venenatis. Nunc nec erat tempus, rhoncus ipsum in, pharetra mi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed euismod elit nec elit viverra, vel egestas velit laoreet. Morbi ut odio suscipit, ultricies nisi at, rhoncus ante. Donec nec lacus gravida augue porta feugiat ac ut libero. Aliquam volutpat nulla vitae finibus tempus. Cras id scelerisque tellus, eget dignissim elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam faucibus sem et est venenatis, nec ornare nisi cursus. Fusce posuere egestas libero quis venenatis. Nunc nec erat tempus, rhoncus ipsum in, pharetra mi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed euismod elit nec elit viverra, vel egestas velit laoreet. Morbi ut odio suscipit, ultricies nisi at, rhoncus ante. Donec nec lacus gravida augue porta feugiat ac ut libero. Aliquam volutpat nulla vitae finibus tempus. Cras id scelerisque tellus, eget dignissim elit.



Code: Select all
[html]<div class="tcdoublebox">
<div class="tcdoublebox-in">
<div class="tcdoublebox-ooc">ooc chat goes here <strong>[000]</strong></div>
<p>
</p>
    </p></div></div><style type="text/css">
.tcdoublebox {width:630px; background-image:url('http://i.imgur.com/MlnoxeY.jpg'); background-position:bottom center; background-color:#152532; background-repeat:repeat; border:1px solid #000; padding:10px 10px 10px 10px; margin:0px auto; text-align:left;}
 .tcdoublebox b {color:#FFEBD0;}
 .tcdoublebox p {text-indent:50px; color:#9FA297; font-family:'Roboto Slab' serif; font-size:16px; margin:0px;padding:3px;}
.tcdoublebox-in {padding:10px; margin:0px auto; background-image:url('http://www.ghostecho.net/st/b.png');  background-repeat:repeat;}
 .tcdoublebox-ooc {font-style:italic; border-bottom:1px dotted #FFEBD0; color:#FFEBD0;}</style>
    <link href='http://fonts.googleapis.com/css?family=Milonga|Roboto+Slab' rel='stylesheet' type='text/css'>
    [/html]





"Lorem ipsum dolor sit amet, consectetur adipiscing elit." Sed quis bibendum mi. Ut egestas dolor quam, at sollicitudin libero iaculis posuere. Suspendisse faucibus dui a odio pulvinar volutpat. Phasellus finibus odio quis mollis semper. Ut consequat urna a iaculis efficitur. Praesent ac tortor ut eros lobortis imperdiet sed ac lacus. Aliquam urna libero, tincidunt eget nisi pretium, faucibus ornare tortor. Nunc eleifend fringilla vestibulum. Duis maximus velit interdum quam tristique luctus. Aliquam molestie urna euismod fringilla tempor. Fusce elit elit, sagittis sit amet bibendum ut, suscipit id odio. Vivamus orci purus, placerat sed lacinia sed, luctus non enim. Proin sed feugiat turpis. Etiam urna mauris, eleifend et tristique porttitor, mattis non ligula. Nunc eu metus diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;

"Pellentesque iaculis urna et justo dignissim," nec vestibulum dui ornare. Aenean ultrices lobortis diam, sed blandit nulla eleifend vitae. Etiam non nibh id leo sagittis faucibus eu sit amet nibh. Curabitur ut lacus nunc. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In mi leo, maximus iaculis varius sit amet, blandit vitae augue. Aliquam auctor feugiat risus. Fusce pretium arcu sit amet libero vehicula pulvinar.

ooc text [word count]



Code: Select all
[html]<div class="TCboxout"><div class="TCboxpic"></div><BR><div class="TCboxin" style="border-right:10px solid gray;">
<p>

</p>

    <div class="TCbox-ooc">ooc text <strong>[word count]</strong></div>
    </div><BR><div class="TCboxpic TCboxpic2"></div></div>

    <style>
    .TCboxout {background-color:black; width:575px; margin:0px auto; text-indent:13px; color:#000; font-size:14px; padding:20px; }
     .TCboxin {background-color:#E4E4E4; padding:20px; text-align:left;}
     .TCboxin p {text-indent150px; margin:0px; font-family: 'Roboto Slab', serif; padding:5px; font-size:16px;}
     .TCboxpic {background-image:url('http://i.imgur.com/V0VP5We.png'); background-repeat:no repeat; height:70px; background-position: top center; border-right:10px solid gray;}
    .TCboxpic2 {background-position:bottom center;}
    .TCboxin b {font-weight:600; color:#C07830; font-family: 'Milonga', serif; }
    .TCbox-ooc {font-size:11px; padding:3px; font-style:italic; text-align:right;}
    </style>

<link href="https://fonts.googleapis.com/css?family=Milonga|Roboto+Slab" rel="stylesheet">[/html]


OOC text here (+000)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean porta vulputate velit ut euismod. Donec sagittis id eros eu volutpat. Mauris id nisi cursus lorem vehicula consectetur a at mi. Proin pharetra, sapien id efficitur placerat, elit nisi elementum lectus, ut scelerisque eros lectus in tellus. Nullam ut magna a sem vulputate pulvinar. Nam molestie quam nec dui molestie, molestie viverra nibh porta. Aliquam fringilla elit eget risus bibendum consequat. Curabitur eu leo ex. Nulla facilisi.

Donec sodales convallis vestibulum. Aliquam sem neque, accumsan nec tortor et, ultricies convallis magna. Duis faucibus ipsum ac auctor pellentesque. Donec in sodales arcu, et sollicitudin mi. Fusce tincidunt lorem gravida facilisis gravida. Integer posuere laoreet arcu non convallis. Proin nec mollis nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum ornare aliquet tortor vitae viverra. Etiam efficitur aliquet elit vel accumsan. Proin et enim luctus, tempus ante ut, mattis mauris. Pellentesque luctus nisi at massa blandit, ac eleifend ipsum aliquam. Phasellus congue, eros at rutrum bibendum, arcu sem ultrices purus, vitae porttitor nunc elit sed ligula. Pellentesque sit amet commodo sem. Aliquam mi lacus, tincidunt eget ligula in, interdum rhoncus diam. Curabitur pellentesque sagittis leo, vitae fringilla risus faucibus eget.



Code: Select all
    [html]<div class="tc-feb15">
    <p class="ooc">OOC text here (+000)</p>
    <p>
</p>
    </div>
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Roboto+Slab">
    <style type="text/css">
    .tc-feb15 { width:96%; margin:0px auto; }
    .tc-feb15 p.ooc { padding:0px 5px 5px 3px; opacity:.75; border-bottom:1px dotted black; text-indent:0px; }
    .tc-feb15 p { font-family:'Roboto Slab', serif; font-size:15px; line-height:180%; text-indent:20px; margin:8px; }
    </style>[/html]


Word Count → 310 :: Out of Character text

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.

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.



Code: Select all
[html]
    <div class="raze-lynx">
    <div class="raze-lynx-box"></div>
    <p class="ooc"><span class="wc">Word Count &rarr; 310</span> :: Out of Character text</p>
    <p>

</p>
    </div>
    <style>
    .raze-lynx-box {background-image:url('http://i.imgur.com/xRbwF83.png'); background-repeat:no-repeat; background-position: top center; width:254px; height:230px; float:right; margin:3px; }
    .raze-lynx {font-family:'Roboto Slab', serif; font-size: 14px; text-align: left; margin:0 auto; width:95%; line-height:25px;}
    .raze-lynx p.ooc {opacity:0.7; font-family:arial, helvetica, sans-serif; text-indent:0px; padding:10px 5px;}
    .raze-lynx p.ooc + p {padding:0px 5px;}
    .raze-lynx .wc {text-transform: uppercase; font-weight:bold;}
    .raze-lynx p {text-indent: 25px; margin:0px; padding:10px 5px;}
    </style>
<link href='http://fonts.googleapis.com/css?family=Roboto+Slab' rel='stylesheet' type='text/css'>
    [/html]



Tacet Calico
"And now I just sit in silence"
Form | Location | Time
OOC
WORD COUNT
000

"Lorem ipsum dolor sit amet," consectetur adipiscing elit. Vivamus pulvinar ornare viverra. Vestibulum eu scelerisque eros, eget faucibus nulla. Donec posuere, velit fermentum accumsan maximus, erat sapien finibus est, non facilisis purus augue ac orci. Nulla eget nunc sed neque dapibus mollis. Fusce a mi eros. In molestie mollis mi, semper ultrices tellus molestie quis. Suspendisse vel pulvinar neque, quis tempor magna. Proin vitae risus quis magna mollis pulvinar. Cras ut vehicula est, facilisis imperdiet augue. Ut ac orci elementum, vulputate orci aliquet, tincidunt quam. Curabitur aliquet in augue in malesuada. Interdum et malesuada fames ac ante ipsum primis in faucibus. Suspendisse potenti.

Fusce tristique elit lectus, id convallis orci consectetur nec. Morbi neque augue, condimentum quis mauris non, rutrum dapibus eros. Etiam sit amet suscipit sapien. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In sed aliquam purus. Aliquam eros lorem, lobortis id ante eget, sollicitudin dapibus ligula. Mauris placerat condimentum nisl sit amet mollis. Pellentesque rhoncus neque nisl, et sodales nunc ultricies at. Mauris consequat ultrices dui, et tincidunt nulla facilisis vel. Suspendisse interdum gravida ultricies. Ut malesuada quam a purus imperdiet semper.

Template by Andi


Code: Select all
[html]
    <div class="Tacowl"><div class="Tacowl-name">Tacet Calico</div>
    <div class="Tacowl-lyrics">"And now I just sit in silence"</div>
    <div class="Tacowl-img"></div>
    <table class="Tacowl-bar"><tr><td class="Tacowl-ooc"><center>Form | Location | Time</center><center>OOC</center></td><td class="Tacowl-word">WORD COUNT<br>
    000</td></tr></table>
    <div class="Tacowl-in">

    <p>

    </p>
    <div class="Tacowl-credit">Template by Andi</div>
    </div></div>

    <style type="text/css">
    .Tacowl {width:560px; padding:15px 15px 15px; margin:0px auto; text-align:justify; }

    .Tacowl-name {font-family: 'Sevillana', cursive; font-size:50px; line-height:40px; letter-spacing:2px; text-align:center; color:#0E0E18; text-shadow:#c3c3c3 1px 1px 4px; }

    .Tacowl-lyrics {font-family: 'Ruthie', cursive; font-size:50px; line-height: 15px; letter-spacing:0px; text-align:center; color:#C07830;text-shadow:#464a51 1px 1px 4px; padding-bottom: 0px;}

    .Tacowl-img {width:558px; height:150px; background-image:url('http://i.imgur.com/K1ObaSi.png'); background-position:top center; background-repeat:no-repeat; border:0px; margin 0px auto; border-radius: 15px 15px 0px 0px; border:#664138 1px solid;}

    .Tacowl-bar {width:100%; margin:0px auto; border-collapse:collapse;}

    .Tacowl-ooc {text-align:left; color: #fff; font-family: 'Forum', sans-serif; margin:0px auto;  font-size:16px; padding:10px; border-right:2px solid#fff; background-color:#664138; width:75%;}

    .Tacowl-word {text-align:center; background-color:#664138; color: #fff; font-family: 'Modern Antiqua', sans-serif; margin:0px auto; font-size:16px; padding:10px; border-left:2px solid#fff; width:25%; vertical-align:middle;}

    .Tacowl-in {padding:10px 5px 10px 5px; margin:0px auto;}
    .Tacowl p {text-indent:25px; color:#000; font-family: 'Roboto Slab', sans-serif; font-size:16px; margin:0px auto; padding:5px;}
    .Tacowl-credit {text-align:center; background-color:#664138; color:#fff; font-family: verdana, sans-serif; margin:0px auto; font-size:12px; padding:10px; width:100%;}

    </style>
    </style>
    <link href='https://fonts.googleapis.com/css?family=Sevillana|Roboto+Slab|Forum|Modern+Antiqua|Delius+Swash+Caps' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Amatic+SC|' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Ruthie' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Patrick+Hand' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Patrick+Hand' rel='stylesheet' type='text/css'>
    [/html]


Table Credits:
Table 1: Silverfrost (Custom)
Table 2: Raze (Template)
Tabel 3: Aso (Template)
Table 4: Hilli (Template)
Table 5: Kite (Template)
Table 6: Raze (Template)
Table 7: Andi (Template)



User avatar
Silverfrost

POSTED: Thu Mar 02, 2017 12:56 am

Graphical Tables

  • Word Count: [000]
  • Date: Sometime
  • Time: Sometime
  • Form: Lupus
  • Gender: Gender
OOC goes here and other shizz

"I'm crazy." Mystery said.

"Well, you're talking to the devil." Lucifer replied.

"Indeed." Crowley said.

Template by Kitty!

They think I'm crazy but they don't know the feeling

Template by Kitty and Aso, image by Joan Sorolla


Code: Select all
[html]<div class="Mystery2"><div class="Mystery2-in">

<div class="Mystery2-ooc" style="float:right;">
<ul><li>Word Count: <strong>[000]</strong></li>
<li>Date: <strong>Sometime</strong></li>
<li>Time: <strong>Sometime</strong></li>
<li>Form: <strong>Lupus</strong></li>
<li>Gender: <strong>Gender</strong></li></ul>
OOC goes here and other shizz</div>
<p>

</p>
</div>
<div class="Mystery2-lyrics">They think I'm crazy but they don't know the feeling</div></div>

<p class="Mystery2-credit">Template by <a href="http://www.soulsrpg.com/forum/viewtopic.php?f=37&t=16460">Kitty</a> and <a href="http://soulsrpg.com/forum/viewtopic.php?f=37&t=3676">Aso</a>, image by <a href="https://www.flickr.com/photos/joansorolla/6511512805">Joan Sorolla</a></p>

<style type="text/css">

.Mystery2 {width:587px; background-image:url('http://i.imgur.com/tLnNgPV.png'); background-position:top center; background-color:#010101; background-repeat:no-repeat; border:1px solid #000; padding:293px 0px 10px 0px; margin:0px auto; text-align:left; box-shadow:2px 2px 3px #1d1d1d; -moz-box-shadow:2px 2px 3px #1d1d1d; -webkit-box-shadow:2px 2px 3px #1d1d1d;}
.Mystery2 b {color:#BCEBFF; font-family: 'BellotaRegular', serif; font-size:18px;}
.Mystery2 b.luci {color:#ff3600; font-family: 'Modern Antiqua', serif; font-style:italic;}
.Mystery2 b.crow {color:#520700; font-family: 'Della Respira', serif; font-style:italic; font-size:20px;}
.Mystery2 p {text-indent:30px; color: #ffffff; font-size:22px; margin:0px; padding-top:8px; font-family: 'Overlock', serif;}
.Mystery2-in {padding:10px; margin:0px auto; background-color:rgba(255, 255, 255, 0.3); border:1px solid#000; width:550px; float:center;}
p.Mystery2-credit {text-indent:0px; text-align:center; font-size:10px; width:425px; margin:0px auto;}
.Mystery2-lyrics {font-family:'Ruge Boogie', serif; font-size:28px; letter-spacing:1px; text-align:center; color:#BCEBFF; text-shadow:#E2E2E2 0px 0px 2px; line-height:30px; padding-top:2px;}
.Mystery2-ooc {text-align:left; width:150px; float:right; margin:7px; background-color:rgba(255, 255, 255, 0.3); font-size:9px; Padding:5px; border:1px solid#000;}
</style><link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/bellota" type="text/css"/>
<link href="https://fonts.googleapis.com/css?family=Adamina|Alice|Cherry+Swash|Delius|Overlock|Della+Respira|Delius+Swash+Caps|Kurale|Modern+Antiqua|Ruge+Boogie|Source+Serif+Pro" rel="stylesheet"> [/html]

  • Word Count: [000]
  • Date: Sometime
  • Time: Sometime
  • Form: Lupus
  • Gender: Gender
OOC goes here and other shizz

"I'm crazy." Mystery said.

"Well, you're talking to the devil." Lucifer replied.

"Indeed." Crowley said.

Template by Kitty!

They're all around me, circling like vultures

Template by Kitty and Aso, image from pixabay.com


Code: Select all
[html]<div class="Mystery3"><div class="Mystery3-in">

<div class="Mystery3-ooc" style="float:right;">
<ul><li>Word Count: <strong>[000]</strong></li>
<li>Date: <strong>Sometime</strong></li>
<li>Time: <strong>Sometime</strong></li>
<li>Form: <strong>Lupus</strong></li>
<li>Gender: <strong>Gender</strong></li></ul>
OOC goes here and other shizz</div>
<p>

</p>
</div>
<div class="Mystery3-lyrics">They're all around me, circling like vultures</div></div>

<p class="Mystery3-credit">Template by <a href="http://www.soulsrpg.com/forum/viewtopic.php?f=37&t=16460">Kitty</a> and <a href="http://soulsrpg.com/forum/viewtopic.php?f=37&t=3676">Aso</a>, image from pixabay.com</p>

<style type="text/css">

.Mystery3 {width:600px; background-image:url('http://i.imgur.com/e8eWQ3M.png'); background-position:top center; background-color:#010101; background-repeat:no-repeat; border:1px solid #000; padding:375px 0px 10px 0px; margin:0px auto; text-align:left; box-shadow:2px 2px 3px #1d1d1d; -moz-box-shadow:2px 2px 3px #1d1d1d; -webkit-box-shadow:2px 2px 3px #1d1d1d;}
.Mystery3 b {color:#BCEBFF; font-family: 'BellotaRegular', serif; font-size:18px;}
.Mystery3 b.luci {color:#ff3600; font-family: 'Modern Antiqua', serif; font-style:italic;}
.Mystery3 b.crow {color:#520700; font-family: 'Della Respira', serif; font-style:italic; font-size:20px;}
.Mystery3 p {text-indent:30px; color: #ffffff; font-size:22px; margin:0px; padding-top:8px; font-family: 'Overlock', serif;}
.Mystery3-in {padding:10px; margin:0px auto; background-color:rgba(255, 255, 255, 0.3); border:1px solid#000; width:555px; float:center;}
p.Mystery3-credit {text-indent:0px; text-align:center; font-size:10px; width:425px; margin:0px auto;}
.Mystery3-lyrics {font-family:'Ruge Boogie', serif; font-size:28px; letter-spacing:1px; text-align:center; color:#BCEBFF; text-shadow:#E2E2E2 0px 0px 2px; line-height:30px; padding-top:2px;}
.Mystery3-ooc {text-align:left; width:150px; float:right; margin:7px; background-color:rgba(255, 255, 255, 0.3); font-size:9px; Padding:5px; border:1px solid#000;}
</style><link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/bellota" type="text/css"/>
<link href="https://fonts.googleapis.com/css?family=Adamina|Alice|Overlock|Della+Respira|Cherry+Swash|Delius|Delius+Swash+Caps|Kurale|Modern+Antiqua|Ruge+Boogie|Source+Serif+Pro" rel="stylesheet"> [/html]

Word Count:
000
Time: Sometime
Setting:Somewhere
Gender:Gender
Form: Lupus
ooocc

"I'm crazy." Mystery said.

"Well, you're talking to the devil." Lucifer replied.

"Indeed." Crowley said.

I somehow coded this table


Code: Select all
[html]
<div class="Myst3">
<div class="Myst3-post">
<div class="Myst3-oocbox">
<div class="Myst3-word">Word Count:<br>000</div><div class="Myst3-info">
<strong>Time:</strong> Sometime<br>
<strong>Setting:</strong>Somewhere<br>
<strong>Gender:</strong>Gender<br>
<strong>Form:</strong> Lupus <br>
ooocc</div></div>
<p>

</p>
</div></div>
<style>
.Myst3 {width:600px; margin:0px auto;float:center; background-image: url('http://i.imgur.com/LbnKdYr.png'); background-color:#000000; background-repeat:no-repeat; background-position: top center;padding:235px 0px 8px 0px;}
.Myst3-post {width:560px; background-image: url('http://i.imgur.com/XsntAVR.png'); background-repeat:repeat; margin: 0px auto; float:center;padding:5px;}
.Myst3-oocbox {float:right; width:130px; background-color:#777777; border:1px #a6a6a6 solid;}
.Myst3-word {font-family: 'Crafty Girls', serif; font-size:15px; text-align:center; border-bottom:1px #a6a6a6 solid; background-color:#000000; color:#e2e2e2;}
.info {font-family: 'Forum', serif; font-size:13px; text-align:left;padding:1px;}
.Myst3 p {font-family: 'Overlock', serif; font-size:22px; color: #ABACAE; text-align:left; text-indent: 15px; padding:3px; }
.Myst3 b {font-family: 'BellotaBold', serif; font-size:18px; color:#BCEBFF; font-weight:900;}
.Myst3 b.luci {color:#ff3600; font-family: 'Modern Antiqua', serif; font-style:italic;}
.Myst3 b.crow {color:#520700; font-family: 'Della Respira', serif; font-style:italic; font-size:20px;}
</style>
<link href="https://fonts.googleapis.com/css?family=Della+Respira|Crafty+Girls|Delius|Forum|Lateef|Modern+Antiqua|Overlock" rel="stylesheet">
<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/bellota" type="text/css"/>
[/html]


Text Tables


Mystery
"How many miles to Wonderland?"
Form | Time | Date | Place

OOC here
Word Count:
123

"Lorem ipsum dolor sit amet," Mystery said.

"Phasellus molestie, nibh vitae ultrices blandit," Crowley said.

"Ut vitae purus volutpat, varius nisl ut," Lucifer said.

Image | Background | Table by Andi



Code: Select all
[html]
<div class="ME6">
<div class="ME6-name">Mystery</div>
<div class="ME6-lyrics">"How many miles to Wonderland?"</div>
<div class="ME6-img"></div>
<table class="ME6-bar"> <tr><td class="ME6-ooc"><center>Form | Time | Date | Place</center><br>OOC here</td><td class="ME6-word"><div style="font-size:16px; font-family: 'Glass Antiqua', serif;">Word Count:</div>
123</td></tr></table>
<div class="ME6-in">
<p>

</p>
</div>
<div class="ME6-credit"><p class="cred"><a href="https://flic.kr/p/qYHFEs">Image</a> | <a href="https://flic.kr/p/9Gd8jq">Background</a> | Table by Andi</p></div>
</div>
<style>
.ME6 {width:630px; padding:15px 15px 15px; margin:0px auto; text-align:left; -webkit-box-shadow:2px 2px 3px #1d1d1d;}
.ME6-name {font-family: 'RavaliItalic', cursive; font-size:60px; line-height:10px; letter-spacing:2px; text-align:center; color:#1D1D1E; text-shadow:#c3c3c3 1px 1px 4px;padding-bottom:10px;text-shadow:#E2e2e2 1px 1px 4px; }
.ME6-name2 {font-family: 'RavaliItalic', cursive; font-size:40px; line-height:50px; letter-spacing:.5px; text-align:center; color:#1D1D1E; text-shadow:#BCEBFF 1px 1px 4px;}
.ME6-lyrics {font-family: 'TimesGothic', cursive; font-size:32px; letter-spacing:0px; text-align:center; color:#000000; text-shadow:#BCEBFF 1px 1px 4px; padding-bottom: 0px;line-height:20px;}
.ME6-img {width:628px; height:153px; background-image:url('http://i.imgur.com/nugjxgn.png'); background-position:top center; background-repeat:no-repeat; border:0px; margin 0px auto; border-radius: 15px 15px 0px 0px; border:#E2e2e2 1px solid;}
.ME6-bar {width:100%; margin:0px auto; border-collapse:collapse;}
.ME6-ooc {text-align:center; color: #00000; font-family: 'Delius' , sans-serif; margin:0px auto; font-size:17px; padding:0px; border-right:2px solid#fff; background-color:#BCEBFF; width:75%;line-height:19px;}
.ME6-word {text-align:center; background-color:#e2e2e2; color: #000; font-family: 'Amatic SC', serif; margin:0px auto; font-size:45px; padding:2px; border-left:2px solid#fff; width:25%; vertical-align:middle;}
.ME6-in {padding:10px 5px 10px 5px; margin:0px auto; background-color:#fff;}
.ME6 p {text-indent:25px; color:#000; font-family: 'Overlock', sans-serif; font-size:20px; margin:0px auto; padding:5px;}
.ME6 b {font-weight:600; color:#000000;font-family:'BellotaBold', serif; font-size:19px; text-shadow: 1px 1px 3px #bcebff, 15px 15px 15px #e2e2e2;}
.ME6 b.l {font-weight:800; color:#131313; font-family: 'Modern Antiqua'; font-size:19px; text-shadow: 0px 0px 2px #ff3600;font-style:italic;}
.ME6 b.c {font-weight:800;color:#520700; font-family: 'Della Respira'; font-size:20px; text-shadow: 0 0 0 #a3a3a3;font-style:italic;}
.ME6-img2 {width:600px; height:100px; background-image:url('http://i.imgur.com/HlpEjWc.png'); background-position:top center; background-repeat:no-repeat; margin 0px auto; border-radius: 0px 0px 15px 15px;}
.ME6-credit {text-align:center; background-color:#BCEBFF; color: #fff; font-family: verdana, sans-serif; margin:0px auto; font-size:12px; padding:0px; width:100%;border-radius: 0px 0px 15px 15px;}
.ME6 p.cred {padding:10px; font-family: 'Overlock', serif; font-size:17px;}
</style><link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/simple-print" type="text/css"/><link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/bellota" type="text/css"/><link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/ravali" type="text/css"/> <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Kurale|Delius|SpiraSnippet|Gabriela|Overlock|Modern+Antiqua|Karma|Della+Respira|Laila|Lora|Alex+Brush|Glass+Antiqua"><link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/cmu-concrete" type="text/css"/> <link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/nanook" type="text/css"/> <link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/tinesgothic" type="text/css"/> <link href="https://fonts.googleapis.com/css?family=Amatic+SC|Bad+Script|Bonbon|Butterfly+Kids|Clicker+Script|Coming+Soon|Crafty+Girls|Indie+Flower|Lovers+Quarrel|Miss+Fajardose|Nothing+You+Could+Do|Parisienne|Rouge+Script|Ruge+Boogie|Shadows+Into+Light|Shadows+Into+Light+Two|Stalemate" rel="stylesheet">
[/html]

OOC Here
Word Count → 000

"Lorem ipsum dolor sit amet," Mystery said.

"Phasellus molestie, nibh vitae ultrices blandit," Crowley said.

"Ut vitae purus volutpat, varius nisl ut," Lucifer said.

Photo Credit

Code: Select all
[html]<div class="mystboxout"><div class="mystboxpic"></div><div class="mystboxin">
<div class="mystbox-ooc">OOC Here</div>
<div class="mystbox-wc">Word Count → 000</div>
<p>

</p>
</div><div class="mystboxpic mystboxpic2"></div></div>
<center><a href="https://www.flickr.com/photos/james_wheeler/10468737614">Photo Credit</a></center>

<style>
.mystboxout { width:600px; margin:0px auto; float:center;  padding:0px;}
.mystboxin {padding-left:10px; padding-right:10px; text-align:left; }
.mystboxin p {text-indent:25px; color:#000000; font-family: 'Overlock', serif; font-size:22px ; padding-bottom:2px; line-height:115%;}
.mystboxpic {background-image:url('http://i.imgur.com/HjlRcsv.png'); background-repeat:no repeat; height:100px; background-position: top center; width:600px;border:1px solid #000;}
.mystboxpic2 {background-position:bottom center; width:600px;border:1px solid #000;}
.mystboxin b {font-weight:600; color:#000000;font-family:'BellotaBold', serif; font-size:19px; text-shadow: 1px 1px 3px #bcebff, 15px 15px 15px #e2e2e2;}
.mystboxin b.l {font-weight:800; color:#131313; font-family: 'Modern Antiqua'; font-size:19px; text-shadow: 0px 0px 2px #ff3600;font-style:italic;}
.mystboxin b.c {font-weight:800;color:#520700; font-family: 'Della Respira'; font-size:20px; text-shadow: 0 0 0 #a3a3a3;font-style:italic;}
.mystbox-ooc {font-size:20px; padding-top:10px; font-family: 'SimplePrintBold', serif; text-align:center;}
.mystbox-wc {font-family: 'SimplePrintBold', serif; color:#000000; font-size:16px; text-align:center; padding:5px;}
@font-face {
    font-family: 'latin_modern_roman_dunhil10Rg';
    src: url('lmromandunh10-regular-webfont.eot');
    src: url('lmromandunh10-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('lmromandunh10-regular-webfont.woff') format('woff'),
         url('lmromandunh10-regular-webfont.ttf') format('truetype'),
         url('lmromandunh10-regular-webfont.svg#latin_modern_roman_dunhil10Rg') format('svg');
    font-weight: normal;
    font-style: normal;

}
</style>
<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/simple-print" type="text/css"/>
<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/bellota" type="text/css"/>   
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Kurale|Snippet|Gabriela|Overlock|Modern+Antiqua|Karma|Della+Respira|Laila|Lora">
[/html]
all the toys, and the tools in the box.
all the noise, all the voices never stop.
Mistfell Vale
Elkenfrey
User avatar
Daniel
Spotlight Soul Luperci Belle of the spookiest ball!
paperghost
Dark Side of the Sun

POSTED: Sat Jun 03, 2017 3:39 pm

OOC here!

Word Count → 000

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rhoncus, erat at egestas congue, leo felis ultricies sapien, quis pretium mi nibh nec erat. Nullam a venenatis risus. Vestibulum fermentum ultrices semper. Donec pellentesque condimentum pretium. Cras ante nulla, interdum id volutpat et, lacinia sed augue. Aenean vitae libero sed quam ultricies facilisis ac quis velit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rhoncus, erat at egestas congue, leo felis ultricies sapien, quis pretium mi nibh nec erat. Nullam a venenatis risus. Vestibulum fermentum ultrices semper. Donec pellentesque condimentum pretium. Cras ante nulla, interdum id volutpat et, lacinia sed augue. Aenean vitae libero sed quam ultricies facilisis ac quis velit.

Image courtesy of Gerardstolk@Flickr; table by the Mentors!



Code: Select all
[html]<div class="Iorek4"><div class="inner">
<p class="ooc">OOC here!</p>
<p class="wordcount">Word Count &rarr; 000</p>
<p>

</p>
</div></div>
<p class="template-credit">Image courtesy of [url=http://www.flickr.com/photos/gerardstolk/4999229138/]Gerardstolk@Flickr[/url]; table by <a href="?showtopic=17301">the Mentors!</a></p>
<style>
.Iorek4 .ooc {font-family: 'Junge', serif; font-size:15px;text-align:center;}
.Iorek4 .wordcount {color:#000; letter-spacing:0px; font-size:16px;  border-top:1px dotted #072530; text-align:right; padding:0px 5px;  margin:0px 15px 15px 15px;font-family:'Glass Antiqua', serif;}
p.template-credit {text-indent:0px; text-align:center; font-size:10px; font-style:italic; width:500px; text-align:center; margin:0px auto;}
.Iorek4 p {padding:5px 0px; margin:0px; text-indent:35px;font-family: 'Laila', serif;font-size:17px;text-align:left;}
.Iorek4 b {color:#7c0000; letter-spacing:-.2px; font-family:'nanookRegular', serif; font-size:18px;}
.Iorek4 { background-color:#deddd9; background-image:url('http://i.imgur.com/AKWzJHG.png'); background-position:bottom center; background-repeat:no-repeat; border:2px solid #FFFFFF; outline:1px solid #000000; color:#000; letter-spacing:.4px; word-spacing:1px; line-height:18px; width:640px; text-align:left; margin:0px auto; }
.Iorek4 .inner {margin:10px 10px 200px 10px; padding:10px; background-image:url('http://soulsrpg.com/images/pride/templates/ddmbg.png'); background-repeat:no-repeat; background-position: top center; border:1px solid #000000; border-radius:20px;-moz-border-radius:20px; -webkit-border-radius:20px;}
.Iorek4 b:before  {content:'“';font-family:'EB Garamond', serif;font-size:23px;padding-right:1px; } .Iorek4 b:after { content:'”';font-family:'EB Garamond', serif;font-size:23px; font-family: 'Karma', serif;}
</style><link href="https://fonts.googleapis.com/css?family=Junge|Karma|Laila|Source+Serif+Pro|Glass+Antiqua|Amatic+SC|Butterfly+Kids|Over+the+Rainbow|Reenie+Beanie|The+Girl+Next+Door|Ruge+Boogie|EB+Garamond|Book+Antiqua" rel="stylesheet"> <link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/nanook" type="text/css"/><link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/nanook" type="text/css"/>[/html]


Words speech

ooc text [word count]


Code: Select all
[html]<div class="iorekboxout"><div class="iorekboxpic"></div><div class="iorekboxin">
<p>

</p>
<div class="iorekbox-ooc">ooc text <strong><right>[word count]</right></strong></div>
</div><div class="iorekboxpic iorekboxpic2"></div></div>

<style>
.iorekboxout {background-color:black; width:640px; margin:0px auto; text-indent:30px; color:#000; padding:0px; }
.iorekboxin {background-color:#fff; padding:10px; text-align:justify;}
.iorekboxin p {text-indent:25px; text-size:18px; font-family: 'Laila', serif;}
.iorekboxpic {background-image:url('http://i.imgur.com/21MX70m.png'); background-repeat:no repeat; height:80px; background-position: top center;border:1px solid black;}
.iorekboxpic2 {background-position:bottom center;border-top:1px solid black;}
.iorekboxin b {font-weight:800; color:#7c0000;font-family:'nanookRegular', serif;font-size:15.5px;letter-spacing:1px;text-shadow:#a6a6a6 1px 1px 1px;}
.iorekboxin b:before  {content:'“';font-family:'EB Garamond', serif;font-size:23px;padding-right:1px; } .iorekboxin b:after { content:'”';font-family:'EB Garamond', serif;font-size:23px; font-family: 'Karma', serif;}
.iorekbox-ooc {font-size:16px; padding:3px;text-align:center; }
</style>

<link href="https://fonts.googleapis.com/css?family=Junge|Karma|Laila|Source+Serif+Pro|Glass+Antiqua|Amatic+SC|Butterfly+Kids|Over+the+Rainbow|Reenie+Beanie|The+Girl+Next+Door|Ruge+Boogie|EB+Garamond" rel="stylesheet"> <link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/nanook" type="text/css"/><link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/nanook" type="text/css"/>[/html]


Iorek

Aliquam in neque vitae metus tempor laoreet. Curabitur ipsum libero, facilisis ac laoreet nec, pellentesque quis orci. Quisque eros nunc, blandit eget fermentum sed, lobortis vitae sem. Proin fringilla eleifend odio, id ullamcorper libero fermentum sit amet.

Notes: Word Count:
Form | Place | Time | Date
OOC
123


Code: Select all
[html]<div class="name"><font style="font-family:'Over the Rainbow',cursive;">I</font><font style="font-family:'Ruge Boogie',cursive;">o</font><font style="font-family:'Butterfly Kids',cursive;">r</font><font style="font-family:'Reenie Beanie',cursive;">e</font><font style="font-family:'The Girl Next Door',cursive;">k</font></div>
<div class="iorek2"><div class="inside">
<p>Aliquam in neque vitae metus tempor laoreet. Curabitur ipsum libero, facilisis ac laoreet nec, pellentesque quis orci. Quisque eros nunc, blandit eget fermentum sed, lobortis vitae sem. <b>Proin fringilla eleifend odio, id ullamcorper libero fermentum sit amet.</b> </p>
</div><div class="ooc"><table><tr><th class="info">Notes:</th> <th class="wc">Word Count:</th></tr><tr><td class="info">
Form | Place | Time | Date <br> OOC </td><td class="word"> 123
</td></tr></table></div></div><style type="text/css">
.name { line-height: 15px; letter-spacing:0px; text-align:center; color:#7C0000; text-shadow:#464a51 1px 1px 4px; padding-bottom: 0px;font-size:82px;padding-top:7px;}
.iorek2 b:before  {content:'“';font-family:'EB Garamond', serif;font-size:23px;padding-right:1px; } .iorek2 b:after { content:'”';font-family:'EB Garamond', serif;font-size:23px; }
.iorek2 {margin:0 auto;width:640px; border:1px solid #eee;background:#262626 url('http://i.imgur.com/wr0pyNz.png') no-repeat top;border:inset 1px #000;}
.iorek2 .inside {text-align:justify; border: 0px solid #ffffff;background-image:url('http://i.imgur.com/q4ztkOT.png'); background-repeat:repeat; padding:0px 5px 5px 5px;margin:190px 5px 0px 5px;border:1px #000000 inset;}
.iorek2 p {color:#000;font-family: 'Laila', serif; font-size:17px; text-indent:35px; text-align:left; padding:1px;}
.iorek2 b {font-family: 'nanookRegular', cursive; color:#7C0000; font-size:15.5px;letter-spacing:1px;text-shadow:#a6a6a6 1px 1px 1px;  }
.iorek2 .ooc {text-align:center; color:#F9E9DA;padding:5px;}
.iorek2 table {width:580px; margin:0px auto; float:center;vertical-align:center;padding:0px;}
.iorek2 th.info {width:75%; text-align:center; color:#929292;font-family: 'Junge', serif; font-size:15px;padding-bottom:0px;}
.iorek2 th.wc {width:25%; text-align:center; color:#929292;font-family: 'Glass Antiqua', serif; font-size:18px;}
.iorek2 td.info {width:75%; color:#929292; text-align:center;font-family:'Source Serif Pro', serif; font-size:14px; padding-top:0px;}
.iorek2 td.word {width:25%; color:#929292;text-align:center; font-family: 'Amatic SC', serif; font-size:40px;}
</style><link href="https://fonts.googleapis.com/css?family=Junge|Karma|Laila|Source+Serif+Pro|Glass+Antiqua|Amatic+SC|Butterfly+Kids|Over+the+Rainbow|Reenie+Beanie|The+Girl+Next+Door|Ruge+Boogie|EB+Garamond" rel="stylesheet"> <link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/nanook" type="text/css"/><link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/nanook" type="text/css"/>   [/html]


Iorek
Form | Time | Location
This is where you would write something out of character.
Word Count:
000

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis sodales egestas. Integer lacus turpis, suscipit et hendrerit non, auctor sed nisi. Morbi et fringilla ipsum. Integer pellentesque leo felis. Curabitur hendrerit dolor ac lorem iaculis condimentum. Integer non ante neque, ut dapibus lectus. "Donec non enim felis, eu elementum diam. Suspendisse aliquam."

"Do you have room for one more troubled soul?"
Template by Andi | Picture


Code: Select all
[html]<div class="Iorek1"><div class="Iorek1-name"><font style="font-family:'Over the Rainbow',cursive;">I</font><font style="font-family:'Ruge Boogie',cursive;">o</font><font style="font-family:'Butterfly Kids',cursive;">r</font><font style="font-family:'Reenie Beanie',cursive;">e</font><font style="font-family:'The Girl Next Door',cursive;">k</font></div>
<div class="Iorek1-img"></div>
<table class="Iorek1-bar"><tr><td class="Iorek1-ooc"><center>Form | Time | Location</center>This is where you would write something out of character.</td><td class="Iorek1-word"><div style="font-size:15px; font-family: 'Glass Antiqua', serif;line-height:17px;">Word Count:</div>
000</td></tr></table>
<div class="Iorek1-in">

<p>

</p>
</div>
<div class="Iorek1-lyrics">"Do you have room for one more troubled soul?"</div>
<div class="Iorek1-credit">Template by Andi | <a href="http://maxpixel.freegreatpicture.com/Sunrise-Trees-Fog-Dawn-Mountains-Oregon-Forest-1885676">Picture</a></div>
</div></div>
<style type="text/css">
.Iorek1 {width:600px; margin:0px auto; text-align:justify; }
.Iorek1-name {font-size:60px; line-height:5px; letter-spacing:0px; text-align:center; color:#7C0000; text-shadow:#c3c3c3 1px 1px 4px;padding-top:10px; }
.Iorek1-lyrics {font-family: 'Ruthie', cursive; font-size:44px; line-height: 15px; letter-spacing:0px; text-align:center; color:#7C0000; text-shadow:#464a51 1px 1px 4px; padding-bottom: 0px;padding-top:5px;}
.Iorek1-img {width:600px; height:211px; background-image:url('http://i.imgur.com/4sMz6nM.png'); background-position:top center; background-repeat:no-repeat; border:0px; margin 0px auto; border-radius: 15px 15px 0px 0px;}
.Iorek1-bar {width:100%; margin:0px auto; border-collapse:collapse;}
.Iorek1-ooc {text-align:center; color: #00000; font-family: 'Junge' , sans-serif; margin:0px auto; font-size:15px; padding:0px; border-right:2px solid#fff; background-color:#d8ccc0; width:80%; line-height:19px;}
.Iorek1-word  {text-align:center; background-color:#d8ccc0; color: #000; font-family: 'Amatic SC', serif; margin:0px auto; font-size:50px; padding:0px; border-left:2px solid#fff; width:20%; vertical-align:middle;line-height:50px;}
.Iorek1-in {width:100%; margin:0px auto;background-color:#fff;padding: 0px 15px 15px 0px;}
.Iorek1 p {text-indent:25px; color:#000; font-family: 'Laila', sans-serif; font-size:16px; margin:0px auto; padding: 5px;letter-spacing:1px;word-spacing:-2px;line-height:17px;}
.Iorek1 b {font-family: 'nanookRegular', cursive; color:#7C0000;font-size:18px;}
.Iorek1-credit {text-align:center; background-color:#d8ccc0; color: #000; font-family: verdana, sans-serif; margin:0px auto; font-size:12px; padding:10px; width:100%;border-radius: 0px 0px 15px 15px;}

</style>

<link href='https://fonts.googleapis.com/css?family=Ruthie' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Laila|Junge|Glass+Antiqua|Amatic+SC" rel="stylesheet"> <link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/nanook" type="text/css"/>
[/html]


Iorek
Notes: Word Count:
Form | Place | Time | Date
OOC
123

Aliquam in neque vitae metus tempor laoreet. Curabitur ipsum libero, facilisis ac laoreet nec, pellentesque quis orci. Quisque eros nunc, blandit eget fermentum sed, lobortis vitae sem. Proin fringilla eleifend odio, id ullamcorper libero fermentum sit amet.



Code: Select all
[html]<div class="name"><font style="font-family:'Over the Rainbow',cursive;">I</font><font style="font-family:'Ruge Boogie',cursive;">o</font><font style="font-family:'Butterfly Kids',cursive;">r</font><font style="font-family:'Reenie Beanie',cursive;">e</font><font style="font-family:'The Girl Next Door',cursive;">k</font></div>
<div class="iorekv2"><div class="inside"><table><tr><th class="info">Notes:</th> <th class="wc">Word Count:</th></tr><tr><td class="info">
Form | Place | Time | Date <br> OOC </td><td class="word"> 123
</td></tr></table>
<p>

</p></div>
</div><style type="text/css">
.name {line-height:15px;letter-spacing:0px;text-align:center;color:#7C0000;text-shadow:#464a51 1px 1px 4px;padding-bottom:0px;font-size:82px;padding-top:7px;}
.iorekv2 b:before  {content:'“';font-family:'EB Garamond',serif;font-size:23px;padding-right:1px;} .iorek2 b:after {content:'”';font-family:'EB Garamond', serif;font-size:23px; }
.iorekv2 {margin:0 auto;width:640px;border:1px solid #eee;background:#262626 url('http://i.imgur.com/wr0pyNz.png')no-repeat top;border:inset 1px #000;padding-top:180px;}
.iorekv2 .inside {text-align:justify;border:1px solid #000;background-image:url('http://i.imgur.com/q4ztkOT.png');background-repeat:repeat; padding:0px 5px 5px 5px;margin: 0px 15px 10px 15px;}
.iorekv2 p {color:#000;font-family: 'Laila', serif; font-size:17px; text-indent:35px; text-align:left; padding-bottom:3px;}
.iorekv2 b {font-family:'nanookRegular', serif; color:#7C0000; font-size:15.5px;letter-spacing:1px;text-shadow:#a6a6a6 1px 1px 1px;}
.iorekv2 .ooc {width:610px;text-align:center; color:#000;padding:0px;margin:0px auto;background-image:url('http://i.imgur.com/q4ztkOT.png');background-repeat:repeat;float:center;}
.iorekv2 .inside table {width:580px; margin:0px auto; float:center;vertical-align:center;padding:0px;}
.iorekv2 .inside th.info {width:75%; text-align:center;font-family: 'Junge', serif; font-size:15px;}
.iorekv2 .inside th.wc {width:25%; text-align:center;font-family: 'Glass Antiqua', serif; font-size:17px;}
.iorekv2 .inside td.info {width:75%; text-align:center;font-family:'Source Serif Pro', serif; font-size:15px;}
.iorekv2 .inside td.word {width:25%; text-align:center; font-family: 'Amatic SC', serif; font-size:40px;}
</style><link href="https://fonts.googleapis.com/css?family=Junge|Karma|Laila|Source+Serif+Pro|Glass+Antiqua|Amatic+SC|Butterfly+Kids|Over+the+Rainbow|Reenie+Beanie|The+Girl+Next+Door|Ruge+Boogie|EB+Garamond" rel="stylesheet"> <link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/nanook" type="text/css"/><link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/nanook" type="text/css"/>   [/html]

User avatar
Silverfrost
Luperci Healer, Scavenger The Brotherhood: Master of Tooth and Claw
You've spent a life time stuck in silence
What I wanna save I will try

Dead Profiles