Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer fringilla augue lacus, eget accumsan dolor pharetra eget. Fusce molestie sapien sed ligula mattis vehicula. Ut a rhoncus felis, vitae tempus dui. In eu odio non mi posuere porta. Morbi venenatis, sapien ut tempor venenatis, elit nunc ultricies massa, quis rutrum velit leo in dolor. Aliquam in consectetur mi. Etiam ultricies mauris magna, vitae dignissim odio bibendum sit amet. Integer aliquam, quam at mattis ultricies, nibh metus faucibus nulla, a facilisis erat felis in odio. Curabitur sollicitudin ipsum quis condimentum varius. Aenean convallis dui lectus, mollis gravida tortor vestibulum non. Donec placerat accumsan pretium. Wilder thinking. "Wilder speaking."
Code:
[style] .wildercotm {background: #be9fae url("/images/cotm-wilder.png") no-repeat center top; text-align: justify; font-size: 11px; border-radius: 20px; padding: 380px 0px 30px 0px; width: 570px; margin: auto;} .wildercotm {color: #7d416f;} .wildercotm>p thk {font-style: italic; color: #e0c2dc;} .wildercotm>p spk {font-weight: bold; color: #f1cbe3; text-shadow: 0px 0px 8px #e2a1c5;} .wildercotm>p {padding: 0px 40px 0px 40px;} div .wildercotm::after {text-align: center; font-size: 5px; text-transform: uppercase; letter-spacing: 1px; width:570px; content:'image by dark'; left: 270px; top:10px; position: relative;} .wildercotm::before {background-image: -moz-linear-gradient(top, #be9fae 0%, #be9fae 100%); background-image: -webkit-linear-gradient(top, #be9fae 0%,#be9fae 100%); background-image: linear-gradient(180deg,#be9fae00,#be9fae); z-index: 3; position: absolute; width: 570px; height: 150px; content: ''; margin: auto; margin-top: -150px;} [/style]
Code:
<div class="wildercotm"><p>
POST HERE <thk>Wilder thinking.</thk> <spk>"Wilder speaking."</spk> </p></div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer fringilla augue lacus, eget accumsan dolor pharetra eget. Fusce molestie sapien sed ligula mattis vehicula. Ut a rhoncus felis, vitae tempus dui. In eu odio non mi posuere porta. Morbi venenatis, sapien ut tempor venenatis, elit nunc ultricies massa, quis rutrum velit leo in dolor. Aliquam in consectetur mi. Etiam ultricies mauris magna, vitae dignissim odio bibendum sit amet. Integer aliquam, quam at mattis ultricies, nibh metus faucibus nulla, a facilisis erat felis in odio. Curabitur sollicitudin ipsum quis condimentum varius. Aenean convallis dui lectus, mollis gravida tortor vestibulum non. Donec placerat accumsan pretium. Eythan thinking. "Eythan speaking."
Code:
[style] .eyaspotm {background: #171d2a url("/images/potm-eythanasimona.png") no-repeat center top; text-align: justify; font-size: 11px; border-radius: 20px; padding: 320px 0px 30px 0px; width: 570px; margin: auto;} .eyaspotm#eythan {color: #756d60; background-color:#171d2a;} #eythan>p spk {font-weight: bold; color: #b46a1c; text-shadow: 0px 0px 8px #5f6c5b;} #eythan>p thk {font-style: italic; color: #7d7c7b;} .eyaspotm>p {padding: 0px 40px 0px 40px;} div .eyaspotm::after {text-align: center; font-size: 5px; text-transform: uppercase; letter-spacing: 1px; width:570px; content:'image by dark'; left: 270px; top:10px; position: relative;} #eythan.eyaspotm::before {background-image: -moz-linear-gradient(top, #171d2a00 0%, #171d2a 100%); background-image: -webkit-linear-gradient(top, #171d2a00 0%,#171d2a 100%); background-image: linear-gradient(180deg,#171d2a00,#171d2a); z-index: 3; position: absolute; width: 570px; height: 100px; content: ''; margin: auto; margin-top: -110px;} [/style]
Code:
<div class="eyaspotm" id="eythan"><p>
POST HERE <thk>Eythan thinking.</thk> <spk>"Eythan speaking."</spk> </p></div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer fringilla augue lacus, eget accumsan dolor pharetra eget. Fusce molestie sapien sed ligula mattis vehicula. Ut a rhoncus felis, vitae tempus dui. In eu odio non mi posuere porta. Morbi venenatis, sapien ut tempor venenatis, elit nunc ultricies massa, quis rutrum velit leo in dolor. Aliquam in consectetur mi. Etiam ultricies mauris magna, vitae dignissim odio bibendum sit amet. Integer aliquam, quam at mattis ultricies, nibh metus faucibus nulla, a facilisis erat felis in odio. Curabitur sollicitudin ipsum quis condimentum varius. Aenean convallis dui lectus, mollis gravida tortor vestibulum non. Donec placerat accumsan pretium. Asimona thinking. "Asimona speaking."
Code:
[style] .eyaspotm {background: #1d2733 url("/images/potm-eythanasimona.png") no-repeat center top; text-align: justify; font-size: 11px; border-radius: 20px; padding: 320px 0px 30px 0px; width: 570px; margin: auto;} .eyaspotm#asimona {color:#698cac;background-color:#1d2733;} #asimona>p thk {font-style: italic; color: #93a6af;} #asimona>p spk {font-weight: bold; color: #75dbde; text-shadow: 0px 0px 8px #4782a2;} .eyaspotm>p {padding: 0px 40px 0px 40px;} div .eyaspotm::after {text-align: center; font-size: 5px; text-transform: uppercase; letter-spacing: 1px; width:570px; content:'image by dark'; left: 270px; top:10px; position: relative;} #asimona.eyaspotm::before {background-image: -moz-linear-gradient(top, #1d273300 0%, #1d2733 100%); background-image: -webkit-linear-gradient(top, #1d273300 0%,#1d2733 100%); background-image: linear-gradient(180deg,#1d273300,#1d2733); z-index: 3; position: absolute; width: 570px; height: 80px; content: ''; margin: auto; margin-top: -93px;}[/style]
Code:
<div class="eyaspotm" id="asimona"><p>
POST HERE <thk>Asimona thinking.</thk> <spk>"Asimona speaking."</spk> </p></div>
@Wilder @Eythan