write a reply

an attempt to make a gallery is on the way

0written posts
Deletedearned bits
offlinecurrently
Deleted
Deleted Avatar
NONE OF THESE TEMPLATES ARE FOR USE. PLEASE WAIT FOR THE OFFICIAL RELEASE IN THE FORUMS.

imgur.com/a/dnwF6zw
scratchpad.io

<style>a { text-decoration: none; }
body {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
background: #ECE9E6;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #FFFFFF, #ECE9E6);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #FFFFFF, #ECE9E6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

} </style>


i belatedly realized i have to code in pb tongue to make a gallery anyway
last edit on Dec 23, 2018 8:53:15 GMT by Deleted
0written posts
Deletedearned bits
offlinecurrently
Deleted
Deleted Avatar


safe and sound

[dohtml]
<div class="sns-body">
<div class="sns-post">
Bacon ipsum dolor amet beef ribs salami prosciutto venison corned beef ham hock rump sausage burgdoggen ham. Porchetta pork loin sirloin salami. Pastrami venison fatback, tongue spare ribs drumstick kielbasa ground round pig burgdoggen ham hock leberkas picanha. Landjaeger frankfurter fatback, turducken salami filet mignon alcatra jowl cupim doner sausage. Pancetta burgdoggen salami shoulder strip steak picanha chuck brisket capicola filet mignon cow kielbasa bresaola chicken hamburger. Sirloin pork belly pastrami boudin pig tail.

</div>

<br><br>
<div class="sns-bottom">
<img src="https://s20.postimg.cc/awn84i2fx/suzaku.png">
<div class="sns-notes">
<h1>character </h1>
ooc here
</div>

</div></div>

<style>.sns-body{ width: 450px; margin: auto; background: #fcfcfc; font-family: verdana; color: #000; text-align: justify; border: 30px #a36551 solid; line-height: 15px; }
.sns-post { font-size: 11px; padding: 35px; }
.sns-bottom { font-size: 10px; color: #707070; border-top: 1px #e1e1e1 solid; background-color: #f5f5f5; padding: 20px 30px; }
.sns-bottom img { display: inline-block; background: #fff; border: 1px #e1e1e1 solid; padding: 10px; margin-top: -60px; width: 70px; height: 70px; vertical-align: top; }
.sns-notes { padding: 0px 15px; display: inline-block; width: 250px; vertical-align: top;  line-height: 11px; }
.sns-notes h1 { color: #e1e1e1; font-size: 20px; margin: -45px 0px 15px; padding: 0px; font-weight: 600; }
</style>

[/dohtml]
last edit on Dec 23, 2018 8:01:38 GMT by Deleted
0written posts
Deletedearned bits
offlinecurrently
Deleted
Deleted Avatar
i.imgur.com/F97b6nb.png
i.imgur.com/izb5POR.png

the last summer

[dohtml]<div style="width: 350px; margin: 10px auto; font-family: verdana; text-align: justify;"><div style="font-size: 11px; line-height: 15px; border: 1.5px #ededed solid; padding: 30px;">
<img src="https://s20.postimg.cc/n1s14evxp/lelouch.png" style="width: 100px; height: 100px; float: left; margin-right: 5px;">

Bacon ipsum dolor amet shoulder short loin ribeye, cupim beef ribs drumstick porchetta kielbasa frankfurter ball tip turkey burgdoggen ham hock. Ground round porchetta beef ribeye sirloin meatball. Sausage short ribs swine chuck pork chop porchetta salami pork picanha pig tail. Meatloaf turkey brisket, ham pork belly t-bone beef ribs hamburger swine. Pork chop landjaeger ham hock bacon strip steak doner sirloin filet mignon. Pork spare ribs short loin kielbasa ball tip ground round doner landjaeger fatback salami. Turducken pancetta swine sausage leberkas.

<p>

Sausage sirloin hamburger jowl capicola chicken. Shoulder burgdoggen ham hock capicola beef ribs tenderloin frankfurter turducken fatback brisket doner. Meatball leberkas venison flank. Chicken beef ribs hamburger jerky short ribs strip steak pancetta jowl biltong short loin spare ribs pork loin tenderloin. Flank rump ham hock, chicken meatball boudin kevin ground round chuck pork belly. Pork belly fatback turkey beef ribs doner prosciutto tenderloin swine tongue kevin shankle jerky. Pastrami landjaeger swine, jerky chicken ham porchetta.


<div style="text-align: right; padding: 30px 0px 15px;">
<div style="font-size: 40px; font-weight: 900;">♚</div>
<br>
<div style="font-family: impact; font-size: 15px; text-transform: uppercase;"> @ CHARACTER NAME</div>
<div style="opacity: 0.7; font-size: 10px; line-height: 12px; padding-left: 40px;">Sausage sirloin hamburger jowl capicola chicken. </div>
</div>

</div>
</div>[/dohtml]


[dohtml]<div style="width: 350px; margin: 10px auto; font-family: verdana; text-align: justify;"><div style="font-size: 11px; line-height: 15px; border: 1.5px #ededed solid; padding: 30px;">
<img src="https://s20.postimg.cc/kvt4vz86l/suzaku.png" style="width: 100px; height: 100px; float: right; margin-left: 5px;">

Bacon ipsum dolor amet shoulder short loin ribeye, cupim beef ribs drumstick porchetta kielbasa frankfurter ball tip turkey burgdoggen ham hock. Ground round porchetta beef ribeye sirloin meatball. Sausage short ribs swine chuck pork chop porchetta salami pork picanha pig tail. Meatloaf turkey brisket, ham pork belly t-bone beef ribs hamburger swine. Pork chop landjaeger ham hock bacon strip steak doner sirloin filet mignon. Pork spare ribs short loin kielbasa ball tip ground round doner landjaeger fatback salami. Turducken pancetta swine sausage leberkas.

<p>

Sausage sirloin hamburger jowl capicola chicken. Shoulder burgdoggen ham hock capicola beef ribs tenderloin frankfurter turducken fatback brisket doner. Meatball leberkas venison flank. Chicken beef ribs hamburger jerky short ribs strip steak pancetta jowl biltong short loin spare ribs pork loin tenderloin. Flank rump ham hock, chicken meatball boudin kevin ground round chuck pork belly. Pork belly fatback turkey beef ribs doner prosciutto tenderloin swine tongue kevin shankle jerky. Pastrami landjaeger swine, jerky chicken ham porchetta.


<div style="text-align: left; padding: 30px 0px 15px;">
<div style="font-size: 40px; font-weight: 900;">♘</div>
<br>
<div style="font-family: impact; font-size: 15px; text-transform: uppercase;"> @ CHARACTER NAME</div>
<div style="opacity: 0.7; font-size: 10px; line-height: 12px; padding-right: 40px;">Sausage sirloin hamburger jowl capicola chicken. </div>
</div>

</div>
</div>
[/dohtml]

last edit on Dec 23, 2018 8:15:22 GMT by Deleted
0written posts
Deletedearned bits
offlinecurrently
Deleted
Deleted Avatar
i.imgur.com/AtzccRa.png
i.imgur.com/4mrUCDT.png

¯\_(ツ)_/¯

[dohtml]<div class="swimsuitepb">

<div class="swimsuitepb-left">
<div class="swimsuitepb-left-picture" style="background-image: url(https://s20.postimg.cc/tlpcniybh/swim.png);"></div>
</div>

<div class="swimsuitepb-right">
<div class="swimsuitepb-right-post">

Bacon ipsum dolor amet shoulder short loin ribeye, cupim beef ribs drumstick porchetta kielbasa frankfurter ball tip turkey burgdoggen ham hock. Ground round porchetta beef ribeye sirloin meatball. <b>"Bolded."</b> Sausage short ribs swine chuck pork chop porchetta salami pork picanha pig tail. Meatloaf turkey brisket, ham pork belly t-bone beef ribs hamburger swine.

<p><b>"A bolded text,"</b> said Person.

<p>Pork chop landjaeger ham hock bacon strip steak doner sirloin filet mignon. Pork spare ribs short loin kielbasa ball tip ground round doner landjaeger fatback salami. Turducken pancetta swine sausage leberkas. <b><i>Thoughts here.</i></b>

<p>Sausage sirloin hamburger jowl capicola chicken. Shoulder burgdoggen ham hock capicola beef ribs tenderloin frankfurter turducken fatback brisket doner. Meatball leberkas venison flank. Chicken beef ribs hamburger jerky short ribs strip steak pancetta jowl biltong short loin spare ribs pork loin tenderloin. Flank rump ham hock, chicken meatball boudin kevin ground round chuck pork belly. Pork belly fatback turkey beef ribs doner prosciutto tenderloin swine tongue kevin shankle jerky. Pastrami landjaeger swine, jerky chicken ham porchetta.

</div>

<div class="swimsuitepb-bot">
<div class="swimsuitepb-bot-contents ">
<div class="swimsuitepb-bot-ooc">
Sausage sirloin hamburger jowl capicola chicken.
</div>
<img src="https://i.imgur.com/GF0FqdF.png">
</div>
</div>
</div>

</div>

<style>.swimsuitepb { width: 450px; padding: 10px; border: #ededed 1px solid; margin: auto; background: #fff; color: #000; height: 400px; font-family: verdana; font-size: 9.5px; text-align: justify; }
.swimsuitepb i {  color: #000; }
.swimsuitepb-left { position: absolute; z-index: 1; }
.swimsuitepb-left-picture { -webkit-clip-path: polygon(0 0, 86% 0, 43% 100%, 0% 100%);
clip-path: polygon(0 0, 86% 0, 43% 100%, 0% 100%);
width: 200px;
height: 400px;}
.swimsuitepb-right { position: relative; z-index: 0; }
.swimsuitepb-right-post  { height: 250px; margin: 20px 20px 20px 180px; padding: 0px 10px; overflow: auto; width: 230px; line-height: 17px;}
.swimsuitepb-right-post  b  { font-size: 11px;}
.swimsuitepb-bot { background-color: #f9f9f9; height: 66px; padding: 20px 5px; margin-top: 25px; }
.swimsuitepb-bot-contents {  margin-left: 120px; }
.swimsuitepb-bot img { width: 45px; height: 45px; background: #fff; padding: 10px; border: 1px #ededed solid; display: inline-block;  vertical-align: middle; }
.swimsuitepb-bot-ooc { background: #fff; padding: 10px; border: 1px #ededed solid; width: 220px; display: inline-block; vertical-align: middle; line-height: 10px; height: 45px; overlfow: auto; }
</style>
[/dohtml]


[dohtml]<div class="swimsuitepg">

<div class="swimsuitepg-right">
<div class="swimsuitepg-right-picture" style="background-image: url(https://s20.postimg.cc/yyndtb8r1/euphy.png);"></div>
</div>

<div class="swimsuitepg-left">
<div class="swimsuitepg-left-post">

Bacon ipsum dolor amet shoulder short loin ribeye, cupim beef ribs drumstick porchetta kielbasa frankfurter ball tip turkey burgdoggen ham hock. Ground round porchetta beef ribeye sirloin meatball. <b>"Bolded."</b> Sausage short ribs swine chuck pork chop porchetta salami pork picanha pig tail. Meatloaf turkey brisket, ham pork belly t-bone beef ribs hamburger swine.

<p><b>"A bolded text,"</b> said Person.

<p>Pork chop landjaeger ham hock bacon strip steak doner sirloin filet mignon. Pork spare ribs short loin kielbasa ball tip ground round doner landjaeger fatback salami. Turducken pancetta swine sausage leberkas. <b><i>Thoughts here.</i></b>

<p>Sausage sirloin hamburger jowl capicola chicken. Shoulder burgdoggen ham hock capicola beef ribs tenderloin frankfurter turducken fatback brisket doner. Meatball leberkas venison flank. Chicken beef ribs hamburger jerky short ribs strip steak pancetta jowl biltong short loin spare ribs pork loin tenderloin. Flank rump ham hock, chicken meatball boudin kevin ground round chuck pork belly. Pork belly fatback turkey beef ribs doner prosciutto tenderloin swine tongue kevin shankle jerky. Pastrami landjaeger swine, jerky chicken ham porchetta.

</div>

<div class="swimsuitepg-bot">
<div class="swimsuitepg-bot-contents ">
<img src="https://s20.postimg.cc/ai57yunfx/euphy2.png">
<div class="swimsuitepg-bot-ooc">
Sausage sirloin hamburger jowl capicola chicken.
</div>
</div>
</div>
</div>

</div>

<style>.swimsuitepg { width: 450px; padding: 10px; border: #ededed 1px solid; margin: auto; background: #fff; color: #000; height: 400px; font-family: verdana; font-size: 9.5px; text-align: justify; }
.swimsuitepg i {  color: #000; }
.swimsuitepg-right{ position: absolute; z-index: 1; margin-left: 250px; }
.swimsuitepg-right-picture {
-webkit-clip-path: polygon(14%, 0, 100% 0%, 100% 100%, 57% 100%);
clip-path: polygon(14% 0, 100% 0%, 100% 100%, 57% 100%);
width: 200px;
height: 400px;
}
.swimsuitepg-left{ position: relative; z-index: 0; }
.swimsuitepg-left-post  { height: 250px; margin: 20px; padding: 0px 10px; overflow: auto; width: 230px; line-height: 17px;}
.swimsuitepg-left-post  b  { font-size: 11px;}
.swimsuitepg-bot { background-color: #f9f9f9; height: 66px; padding: 20px 5px; margin-top: 25px; }
.swimsuitepg-bot-contents {  margin-left: 10px; }
.swimsuitepg-bot img { width: 45px; height: 45px; background: #fff; padding: 10px; border: 1px #ededed solid; display: inline-block;  vertical-align: middle; }
.swimsuitepg-bot-ooc { background: #fff; padding: 10px; border: 1px #ededed solid; width: 220px; display: inline-block; vertical-align: middle; line-height: 10px; height: 45px; overlfow: auto; }
</style>
[/dohtml]
0written posts
Deletedearned bits
offlinecurrently
Deleted
Deleted Avatar
i.imgur.com/HOKTUUL.png
read-only ii


[dohtml]<div class="readonlyii"> <div class="postii">
Bacon ipsum dolor amet cow short loin rump drumstick turducken. Tenderloin pork bresaola beef corned beef. Cupim turducken strip steak sirloin, turkey pastrami shankle fatback ball tip pork belly bresaola ribeye landjaeger jowl leberkas. Pork loin boudin pork belly, venison rump andouille ball tip picanha. Leberkas spare ribs hamburger tongue, bresaola strip steak turducken shankle capicola.
<p>
Bacon ipsum dolor amet cow short loin rump drumstick turducken. Tenderloin pork bresaola beef corned beef.
<p>
Cupim turducken strip steak sirloin, turkey pastrami shankle fatback ball tip pork belly bresaola ribeye landjaeger jowl leberkas. Pork loin boudin pork belly, venison rump andouille ball tip picanha. Leberkas spare ribs hamburger tongue, bresaola strip steak turducken shankle capicola.
<div class="readonlyiiextra"> <b>CHARACTER NUMBER</b><br> <i>TAGS:</i> @[tag]<br>
<i>NOTES:</i> something goes here </div></div></div>

<link href="https://fonts.googleapis.com/css?family=Raleway:500,600|Josefin+Slab:700" rel="stylesheet">
<style> .readonlyii { width: 400px; margin: auto; padding: 15px 20px; font-family: 'Raleway', san-serif; font-size: 13px; text-align: justify; line-height: 18px;  font-weight: 500;
color: #000; border: 8px #f5f5f5 solid; outline: 2px #ffffff solid; background: #fafafa;}
.postii b { font-weight: 600; }
.postii  { margin-top: 20px; }
.postii  p { margin: 6px; text-indent: 15px;}
.postii::first-line { font-variant: small-caps; font-size: 19px; font-family: 'Josefin Slab', serif; font-weight: 700; letter-spacing: 2px; }
.readonlyiiextra{ border-top: 1px #000 solid; margin-top: 45px; padding-top: 5px; font-size: 9px; line-height: 14px;}
.readonlyiiextra a { font-size: 8px !important; }
.readonlyiiextra b { background: #fafafa; padding: 7px; font-size: 8px;  margin-top: -20px; margin-left: 15px; float: left; letter-spacing: 3px;}
.readonlyiiextra i { font-style: normal; padding: 0px 5px; width: 35px; display: inline-block; font-size: 9px; }
</style>[/dohtml]
0written posts
Deletedearned bits
offlinecurrently
Deleted
Deleted Avatar
i.imgur.com/9Oo7Zd5.png

our deadly tales

[dohtml]<div style="display: table; background-color: #ededed; width: 500px; margin: 0px auto; border-top: 15px #083150 solid; border-bottom: 15px #083150  solid; border-spacing: 0;">

<div style="display: table-cell; width: 150px; padding: 10px; background: url(http://colourlovers.com.s3.amazonaws.com/images/patterns/2962/2962632.png); border-right: 8px #124561 solid; vertical-align:bottom; color: #ffffff; font-family: arial; font-weight: bold; font-style: italic; font-size: 30px; text-shadow: 2px 2px #121212; line-height: 35px; text-align:left; text-transform: uppercase; word-break: break-all;">

our <br> deadly <br> tales </div>

<img src="http://i.imgur.com/Rx2egi6.png" style="position: absolute; background-color: #202020; padding: 10px 10px 10px 190px; margin-top: 15px; float: left; margin-left: -177.5px;">

<div style="border-bottom: 1.5px #b5b5b5 solid; margin: 0px 15px 15px;"><div style="font-family: helvetica; font-size: 11px; text-align: justify; padding: 15px; display: table-cell; vertical-align: top; width: 350px; color: #09384e; line-height: 15px;"> <div style="float: left; width: 90px; height: 110px; padding: 10px; background-color: transparent;"> </div>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

<p>

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.</div>
</div></div>
[/dohtml]
0written posts
Deletedearned bits
offlinecurrently
Deleted
Deleted Avatar
i.imgur.com/AvV65gL.png

forgot the name of this

[dohtml]<div style="margin: 0px auto; width: 400px;"><div style="padding: 20px 50px; background-color: #ebecec; color: #5a5a5a; text-align: justify;">  <div style="font-family: garamond; font-size: 45px; letter-spacing: -4px; font-weight: bold; padding: 15px;"> Words  <span style="background-color: #5a5a5a; color: #f3f3f3; padding-right: 170px;"> 94 </span> </div>

<div style="float: left; font-size: 50px; font-weight; bold; padding: 40px 20px; height: 5px; font-family: georgia;"> “ </div>  <div style="font-family: tahoma; font-size: 11px; padding-top: 20px;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. I nvestigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.</div>

<div style="background-color: #5a5a5a; height: 1px; width: 85px; margin: 10px 0px 5px;"> </div>
<div style="font-size: 9px"> notes go here </div> </div>
</div>
[/dohtml]
0written posts
Deletedearned bits
offlinecurrently
Deleted
Deleted Avatar
i.imgur.com/l4u5XoA.png

oh, narcissus

[dohtml]<div class="ohnarcissus"><div class="ohnarcissus-wrapper">

<h1> narcissus fell in and drowned. </h1> <br>

<div class="ohnarcissus-wrapper-post">

The price of victory was brutally high. In 1945 many were homeless and most were starving. Medical and sanitation facilities were destroyed, transportation paralyzed, industrial output at a standstill. Manila bore the brunt of this destruction. Because the modern sector of the economy was exclusively within ths urban environment, precious resources of facilities and skilled personnel were lost. Although by 1946 the population increased about 3 million of the 1937 level. Port facilities were twisted steel and concrete, the newspaper presses smashed. The universities, banks, hospitals, libraries, factories, government offices, and hotels were in shambles. Soon after the Japanese surrender, MacArthur could fly off in his C-47, The Spirit of Bataan, to new challenges in Japan. The Filipinos were left limping through the rubble, their cities and their government alike in shambles.

</div></div></div>

<div class="ohnarcissus-ooc"><b>NOTES</b>: @character notes here</div>

<style>.ohnarcissus { background-color:#fff;width:400px;margin:0px auto;padding:20px;border: 1px #eaeaea solid; }
.ohnarcissus-wrapper { border:10px #000000 solid;padding:20px;line-height:20px }
.ohnarcissus-wrapper h1 { font-family:georgia;font-weight:bold;font-style:italic;font-size:27px;color:#1d1d1d;text-transform:uppercase;line-height:30px; margin: 0px; }
.ohnarcissus-wrapper-post { font-family:arial;font-size:11px;text-align:justify;color:#2e2e2e; }
.ohnarcissus-wrapper-post b, .ohnarcissus-wrapper-post i { color:#363636!important;}
.ohnarcissus-ooc { width:420px;margin:5px auto; padding: 5px 10px; font-family: arial; font-size: 9px; opacity: 0.6;}
</style>[/dohtml]
0written posts
Deletedearned bits
offlinecurrently
Deleted
Deleted Avatar
i.imgur.com/9uZCA6d.png
i.imgur.com/jNGmUgW.png

RE:

this was based on some sticky note site. let's see if i can re-find it...

[dohtml]

<div class="rpexcerpt ">


<div class="excerptpost"><div class="expostinner"><div class="paras"><p><b>The first line of the story</b></p>
<p>The continuation / next sentence.</p><img src="FIRSTPIC"></div></div></div>

<div class="excerptpost"><div class="expostinner"><div class="paras"><p><b>And another</b></p>
<p>And so forth.</p><img src="SECONDPIC"></div></div></div>

<div class="excerptpost"><div class="expostinner">
<div class="paras"><p><b>This would be the third</b></p>
<p>Just copy paste.</p><img src="THIRDPIC"></div></div></div>


</div>


<style>
.rpexcerpt { width: 600px; margin: auto; text-align: center; display: flex; flex-wrap: wrap; justify-content: left; }
.excerptpost { width: 190px; display: inline-block; vertical-align: top; padding: 8px 4px;}
.expostinner { background: #fff; color: #000; border: 1px #eaeaea solid; border-radius: 3px; }
.paras { font-family: tahoma; font-size: 12px; line-height: 23px; text-align: left; }
.paras b { font-size: 13px; font-weight: 600; display: block; padding-top: 10px; padding-bottom: 5px;}
.paras p { margin: 0px; padding: 0px 10px;}
.paras img { min-width: 188px; max-width: 188px; margin-top: 10px;}
.paras a { font-style: italic; font-size: 9px; font-family: georgia; }
</style>
[/dohtml]
0written posts
Deletedearned bits
offlinecurrently
Deleted
Deleted Avatar
i.imgur.com/EgOgxAL.png

hold me

[dohtml]
<div class="holdme">
<div class="holdmeborder">

<table class="holdmetable">
<tr>
<td colspan="3" class="holdmetable-top">
<div class="top-icons">
<img src="https://78.media.tumblr.com/272d449a74addc8a47bb4a2bff30560b/tumblr_oy6eefGxLx1vmlt4go2_250.jpg">
<img src="https://78.media.tumblr.com/a8c43854a7d4809c738e867d1ab6d30f/tumblr_oy6eefGxLx1vmlt4go3_250.jpg">
<img src="https://78.media.tumblr.com/b1d1bae8c40dbf0340176c782b822885/tumblr_oy6eefGxLx1vmlt4go1_250.jpg">
</div>
</td>
</tr>

<tr>
<td class="holdmetable-left">
<div class="left-info">
<h1>info. trait. something. nothing super long. just keywords. </h1>

<hr>

<ul><li>How long have they been in the Fragment?</li>
<li>Where do they live?</li>
<li>What do they want to do?</li>
<li>Repeat as needed.</li>
<li>Doesn't scroll, so nothing super long.</li>
</ul>
</div></td>

<td class="holdmetable-right">
<div class="right-info">
<p><h3>i. disclaimer</h3>
<p>Bacon ipsum dolor amet pork venison jerky, dolor hamburger aute kielbasa pork loin laboris sausage incididunt flank. Pork chop ribeye tongue commodo duis consectetur bacon turkey flank cupidatat rump. Incididunt adipisicing cillum brisket aliquip ea fugiat nisi sausage nulla sunt dolor buffalo.


<p><h3>ii. about: text here</h3>
<p>Bacon ipsum dolor amet pork venison jerky, dolor hamburger aute kielbasa pork loin laboris sausage incididunt flank. Pork chop ribeye tongue commodo duis consectetur bacon turkey flank cupidatat rump. Incididunt adipisicing cillum brisket aliquip ea fugiat nisi sausage nulla sunt dolor buffalo.

<p><h3>iii. goal: text here</h3>
<p>Bacon ipsum dolor amet pork venison jerky, dolor hamburger aute kielbasa pork loin laboris sausage incididunt flank. Pork chop ribeye tongue commodo duis consectetur bacon turkey flank cupidatat rump. Incididunt adipisicing cillum brisket aliquip ea fugiat nisi sausage nulla sunt dolor buffalo.

<p><h3>iv. status: text here</h3>
<p>Bacon ipsum dolor amet pork venison jerky, dolor hamburger aute kielbasa pork loin laboris sausage incididunt flank. Pork chop ribeye tongue commodo duis consectetur bacon turkey flank cupidatat rump. Incididunt adipisicing cillum brisket aliquip ea fugiat nisi sausage nulla sunt dolor buffalo.

<p><h3>v. plots: text here</h3>
<p>Bacon ipsum dolor amet pork venison jerky, dolor hamburger aute kielbasa pork loin laboris sausage incididunt flank. Pork chop ribeye tongue commodo duis consectetur bacon turkey flank cupidatat rump. Incididunt adipisicing cillum brisket aliquip ea fugiat nisi sausage nulla sunt dolor buffalo.

<p><h3>vi. wanted: text here</h3>
<p>Bacon ipsum dolor amet pork venison jerky, dolor hamburger aute kielbasa pork loin laboris sausage incididunt flank. Pork chop ribeye tongue commodo duis consectetur bacon turkey flank cupidatat rump. Incididunt adipisicing cillum brisket aliquip ea fugiat nisi sausage nulla sunt dolor buffalo.

<p><h3>vii. others: text here</h3>
<p>Bacon ipsum dolor amet pork venison jerky, dolor hamburger aute kielbasa pork loin laboris sausage incididunt flank. Pork chop ribeye tongue commodo duis consectetur bacon turkey flank cupidatat rump. Incididunt adipisicing cillum brisket aliquip ea fugiat nisi sausage nulla sunt dolor buffalo.
</div></td>

</tr>

</table>
</div></div>

<style>
.holdme { background: #fff; width: 500px; padding: 20px; margin: auto; }
.holdmeborder { border: 1px #ededed solid; }
.holdmetable { border-collapse: collapse; color: #000; margin: 30px 40px; width: 420px; }
.holdmetable td { font-family: tahoma; font-size: 11px; line-height: 20px; }
.holdmetable-top { border-bottom: 2px #ededed solid; text-align: right; }
.top-icons { padding: 5px 10px; }
.top-icons img { width: 45px; height: 45px; border-radius: 100px; margin: 10px 5px; }
.holdmetable-left { width: 150px; vertical-align: top; }
.left-info { padding: 5px 10px; text-align: left; }
.left-info hr { border: 0; height: 2px; background-color: #ededed  }
.left-info h1 { font-size: 11px; margin: 0; font-weight: bold; line-height: 13px; }
.left-info ul { list-style-type: none; padding: 0; line-height: 12px;}
.left-info li {  padding: 4px; }
.left-info li:nth-child(odd) { background-color: #ededed; }
.holdmetable-right { border-left: 2px #ededed solid; width: 350px; }
.right-info { line-height: 17px;  padding: 5px 10px; height: 450px; overflow: auto; text-align: justify;}
.right-info h3 { border-left: 5px #ededed  solid; font-size: 12px; margin: 0; font-weight: 700; padding-left: 5px; font-family: arial; text-transform: lowercase; }
</style>
[/dohtml]