HELLO THERE, LOVELY! WELCOME TO BITTERSWEET FOREVER
Both figuratively and literally, it is a task to occupy the generations. And no matter how much progress one makes, there is always the thrill of just beginning. We are all connected; To each other, biologically. To the earth, chemically. To the rest of the universe atomically.
SEATTLE, WA
SET IN: APRIL, 2018
04/21/18 We are currently in the middle of a website-wide revamp, so please be patient with incomplete content! Our website will remain open to new members during this time. If you have any questions, feel free to ask a member in our c-box, or an admin member via PM!

CHARACTER SPOTLIGHT

 
Add Reply
New Topic
New Poll

 thread templates for images
Offline
8595 POINTS EARNED
11473 POSTS MADE
for threading
the templates below are compatible with images and gif images. if you would like a template which uses smaller icons instead, please view our other template post!

Below, you will find some simple, universal thread templates courtesy of shine and the amazing coders over there. Of course, you're free to pick your own template! We only ask that your template does not stretch the board, contain broken images and, should the background clash too much with our website colours, you remain open to altering the background colour of your template to blend a bit better. We don't want to blind the readers, after all!

We ask that everyone uses a thread template when posting as a character in a role-play thread. To use any of the ones below, simply copy the code and fill in the correct information such as the link to your icon/image, your word count, etc...

You can leave the template colour as neutral (we use hex code #222 for the black), or you can change it to match your character group colour, your character's avatar, their icon/images, or assign a colour you think represents each of your characters. Feel free to be as creative as you'd like!

Contact shantel with any questions!

--------------------


bittersweet forever - site owner
Offline
8595 POINTS EARNED
11473 POSTS MADE
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.



sorrow found me
border colour hex is #e4e4e4 - feel free to change this to any colour you want! you can put in essentially any 245px gif or picture in the placehold, it won't resize, but crops out what doesn't fit so it shouldn't look wonky!

CODE
[dohtml]<style type="text/css"> .threadtext::-webkit-scrollbar-thumb {background-color: #bdbcbd; height: auto; border: 2px solid #efefef} .threadtext::-webkit-scrollbar-track { background-color: #ccc; height:10px; width:11px; border: 5px solid #efefef;} .threadtext::-webkit-scrollbar { background-color: #ccc; height:10px; width:11px; border: 5px solid #efefef;} .miricredit { text-align: center; text-transform:uppercase;  line-height: 170%;} .miricredit a { font-family: calibri; font-size: 7px; letter-spacing:1px; color: #aaa; } .tframe {width: 250px; height: 235px; padding: 10px; background-color: #efefef; border: 1px solid #e4e4e4;  margin-top: 4px } .tbody {width: 235px; height: 225px; background-color: #efefef; padding: 2px; } .gframe {width: 250px; height: 134px; padding: 10px; background-color: #efefef; border: 1px solid #e4e4e4; } .threadtext { width: 235px; height: 225px; padding-right: 7px; color: #000;  text-align: justify; overflow: auto;  letter-spacing: 0.5px;  line-height: 140%; font-size: 10px;  font-family: times; } </style> <center> <div style="width: 250px; font-size: 15px; text-align: center; margin-bottom: 4px; font-family: times; color: #2d2d2d; line-height: 136%;"></div> <div class="gframe"><div style="width: 245px; height: 130px;  background-image:url(http://placehold.it/245x140); border: 1px solid #fafafa;"></div></div> <div class="tframe"><div class="tbody"><div class="threadtext"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div></div></div> <div class="miricredit"><a href="http://shine.jcink.net/index.php?showuser=19521">window blues</a></div>[/dohtml]

--------------------


bittersweet forever - site owner
Offline
8595 POINTS EARNED
11473 POSTS MADE
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
you can put a line or so of lyrics right here!



mercy +
the black colour hex is #222 - feel free to change this to any colour you want! the image or gif must be 130x70, as it won't automatically resize. you can change the colour of your bold text by searching for and changing the hex colour #222 to the colour of your choice in this field:

.phmcs b { color: #222; }


CODE
[dohtml] <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet"> <style> .phmom { width: 400px; height: 400px; } .phm1 { background-image: url(http://www.designbolts.com/wp-content/uploads/2013/02/Noise-Light-Grey-Tileable-Pattern-For-Website-Background.jpg); border: 1px solid #ccc; width: 398px; padding: 10px; } .phm2 { width: 95%; background: #222; padding: 20px; } .phmc1 { border: #eee solid 1px; height: 90px; width: 150px; margin-left: 0px;} .phmc1 img { margin-top: 10px; margin-left: 10px; transition: 2s;  } .phmc1:hover img { filter: grayscale(100%); transition: 2s; } .phmc2 { width: 220px; margin-left: 10px; font: 6px montserrat; color: #efefef; text-transform: uppercase; letter-spacing: 1px; font-weight: 700;} .phmc2 hr { border: #efefef solid 1px; } .phmc3 { background: #efefef;  border: 1px solid #ccc; height: auto; padding: 10px; font: 10px montserrat; color: #444; } .phmcs { width: 95%; text-align:justify; padding: 10px; height: 200px; overflow-y: scroll;} .phmcs::-webkit-scrollbar { background: #ccc; border: 4px solid #efefef; width: 9px; } .phmcs::-webkit-scrollbar-thumb { border: 2px solid #efefef; background: #dedede; } .phmcs b { color: #222; } .phmcs i {  font-weight: 700; } .phmcs::pseudo { font-weight: 700; } </style> <center> <div class="phmom">   <div class="phm1">     <div class="phmc3">       <div class="phmcs"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.       </div>     </div>   </div>   <div class="phm2">    <table><tr><td> <div class="phmc1">       <a href="http://shine.jcink.net/index.php?showuser=25061">       <img src="http://placehold.it/130x70/"></a>     </div></td>     <td>       <div class="phmc2">        you can put a line or so of lyrics right here!<hr>       </div>     </td></tr></table>   </div> </div> </center> [/dohtml]

--------------------


bittersweet forever - site owner
Offline
8595 POINTS EARNED
11473 POSTS MADE
SHORT LYRICS
THE REST OF THE LYRICS
TAGS OR NOTES OR WHATEVER HERE
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
THANKS!



we happy few
readers can hover over your image to view your tags and lyrics. the image or gif must be 245x135 as it will not automatically resize. you can change the colour of your bold text by searching for and changing the hex colour #222 to the colour of your choice in this field:

b3 { font-weight: bold; color: #222}

to use this bold feature, you will have to use text here as your bold tags without the asterisks. Regular bold tags will keep your bold text black.


CODE
[dohtml] <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'> <style type="text/css"> #base { background-color: #efefef; width: 245px; padding: 20px; } #spacer { height: 10px; width: 10px; } .hover { width: 225px; height: 115px; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s; opacity: 0; } .hover:hover { background-color: #efefef; width: 225px; height: 115px; opacity: .9 } #position1 { width: 225px; position: relative; top: 20px; font: 20px oswald; } #position2 { width: 225px; position: relative; top: 15px;font: 7px calibri; text-transform: uppercase; letter-spacing: 1px; } #position3 { width: 225px; position: relative; top: 30px; font: 7px calibri; text-transform: uppercase; letter-spacing: 1px; } b3 { font-weight: bold; color: #222} #post { font: 10px calibri; text-align: justify; } .scroller::-webkit-scrollbar { width: 3px; } .scroller::-webkit-scrollbar-track { background-color: transparent; } .scroller::-webkit-scrollbar-thumb { background-color: #e4e4e4; } </style> <center><div id="base"><div style="background-color: #efefef; background-image: url(http://placehold.it/245x135); width: 245px; height: 135px;"><div id="spacer"></div><div class="hover"> <div id="position1">SHORT LYRICS</div> <div id="position2">THE REST OF THE LYRICS</div> <div id="position3">TAGS OR NOTES OR WHATEVER HERE</div> </div></div><div id="spacer"></div> <div style="width: 240px; max-height: 250px; overflow: auto; padding-right: 5px;" class="scroller"><div id="post"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div></div></div><a href="http://shine.b1.jcink.com/index.php?showuser=3537"><div style="width: 285px; font: 7px calibri; text-align: right; text-transform: uppercase;">THANKS!</div></a> </center> [/dohtml]

--------------------


bittersweet forever - site owner
Offline
8595 POINTS EARNED
11473 POSTS MADE
short lyrics
THE REST OF THE LYRICS
TAGS OR NOTES OR WHATEVER HERE
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
THANKS!



we happy few II
readers can hover over your image to view your tags and lyrics. the image or gif must be 245x135 as it will not automatically resize. you can change the colour of your bold text by searching for and changing the hex colour #222 to the colour of your choice in this field:

b2 { font-weight: bold; color: #222 }

to use this bold feature, you will have to use text here as your bold tags without the asterisks. Regular bold tags will keep your bold text black.


CODE
[dohtml] <link href='http://fonts.googleapis.com/css?family=Sacramento' rel='stylesheet' type='text/css'> <style type="text/css"> #base { background-color: #efefef; width: 245px; padding: 20px; } #spacer { height: 10px; width: 10px; } .hover { width: 225px; height: 115px; transition-duration: 0.6s; -moz-transition-duration: 0.6s; -webkit-transition-duration: 0.6s; -o-transition-duration: 0.6s; opacity: 0; } .hover:hover { background-color: #efefef; width: 225px; height: 115px; opacity: .9 } #pos1 { width: 225px; position: relative; top: 15px; font: 30px sacramento; } #pos2 { width: 225px; font: 7px calibri; text-transform: uppercase; letter-spacing: 1px; } #pos3 { width: 225px; position: relative; top: 20px; font: 7px calibri; text-transform: uppercase; letter-spacing: 1px; } b2 { font-weight: bold; color: #222 } #post { font: 10px calibri; text-align: justify; } .scroll::-webkit-scrollbar { width: 3px; } .scroll::-webkit-scrollbar-track { background-color: transparent; } .scroll::-webkit-scrollbar-thumb { background-color: #e4e4e4; } </style> <center><div id="base"><div style="background-color: #efefef; background-image: url(http://placehold.it/250x130); width: 245px; height: 135px;"><div id="spacer"></div><div class="hover"> <div id="pos1">short lyrics</div> <div id="pos2">THE REST OF THE LYRICS</div> <div id="pos3">TAGS OR NOTES OR WHATEVER HERE</div> </div></div><div id="spacer"></div> <div style="width: 240px; max-height: 250px; overflow: auto; padding-right: 5px;" class="scroll"><div id="post"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div></div></div><a href="http://shine.b1.jcink.com/index.php?showuser=3537"><div style="width: 285px; font: 7px calibri; text-align: right; text-transform: uppercase;">THANKS!</div></a> </center> [/dohtml]

--------------------


bittersweet forever - site owner
Offline
8595 POINTS EARNED
11473 POSTS MADE

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

note, tag or words: here




where's my love
images or gifs will automatically resize. you can change the colour of your bold text by searching for and changing the hex colour #222 to the colour of your choice in this field:

.am-thread b {
letter-spacing: 0px;
font-weight: 700;
color: #222;


CODE
[dohtml]<link href="https://fonts.googleapis.com/css?family=Yrsa:700" rel="stylesheet"> <style> .am-thread {   box-sizing: border-box;   background: #efefef;   padding: 50px;   max-width: 320px;   margin: 0 auto;   border: 2px solid #e4e4e4;   font: 10px/130% helvetica, arial, sans-serif;   text-align: justify;   color: #222;   position: relative; } .am-thread img {   width: 100%;   display: block; } .am-thread hr {   border: 0;   margin: 2em;   height: 1px;   background-color: #ddd; } .am-thread h1 {   background-color: #eee;   padding: 0;   margin: 1.5em 0 0;   font-size: 1.3em;   text-transform: uppercase;   text-align: right;   padding: 3px 8px;   font-family: Yrsa;   font-weight: 700; } .am-thread b {   letter-spacing: 0px;   font-weight: 700;   color: #222; } .am-thread p:last-child {   margin-bottom: 0; } .am-thread .am-credits {   position: absolute;   bottom: 5px;   right: 5px;   text-transform: uppercase;   color: #ddd;   text-align: right;   font: 25px/100% helvetica, arial, sans-serif; } .am-thread .am-credits a {   text-transform: inherit!important;   color: inherit!important;   text-decoration: none!important; } </style> <div class="am-thread"> <img src="http://via.placeholder.com/500x280" /> <hr /> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br><br> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. <h1>note, tag or words: here</h1> <div class="am-credits"><a href="http://shine.jcink.net/index.php?showuser=11182">☇</a></div> </div>[/dohtml]

--------------------


bittersweet forever - site owner
0 User(s) are reading this topic (0 Guests and 0 Anonymous Users)
0 Members:

Topic Options
Add Reply
New Topic
New Poll


 


 


NO SPAM NO ADS NO DRAMA