with the lights out, it's less dangerous
#3
[html]

Word Count :: ooc!


<style>.harlowe-scared-text {padding:0px 25px;}
.harlowe-scared p {padding:5px 0px; text-indent:25px; margin:0px;}
.harlowe-scared b {color:#FFF161; font-weight:bold;}
.harlowe-scared {width:420px; margin:0 auto; background-color:#000000; background-image:url(http://i.imgur.com/I9Mu0.jpg); background-position:top center; background-repeat:no-repeat; background-position:fixed; padding:270px 0px 10px 0px; font-family:georgia, serif; font-size:12px; color:#DF9F21; word-spacing:.2px; line-height:14px; letter-spacing:.1px; text-align:justify; border:1px solid #000000;}
</style>
[/html]

Code:
[doHTML]<div class="harlowe-scared"> <div class="harlowe-scared-text">
<p><i><b>Word Count :: </b> ooc!</i></p>

</div>
<style>.harlowe-scared-text {padding:0px 25px;}
.harlowe-scared p {padding:5px 0px; text-indent:25px; margin:0px;}
.harlowe-scared b {color:#FFF161; font-weight:bold;}
.harlowe-scared {width:420px; margin:0 auto; background-color:#000000; background-image:url(http://i.imgur.com/I9Mu0.jpg); background-position:top center; background-repeat:no-repeat; background-position:fixed; padding:270px 0px 10px 0px; font-family:georgia, serif; font-size:12px; color:#DF9F21; word-spacing:.2px; line-height:14px; letter-spacing:.1px; text-align:justify; border:1px solid #000000;}
</style>
[/doHTML]

[html]
<style type="text/css">
@import url(http://fonts.googleapis.com/css?family=Codystar);
.plank1Outline {background: url('http://i910.photobucket.com/albums/ac307/fastandbad/4085412588_3a2846da26_z.jpg') #c2d6ee no-repeat bottom; width:400px; margin:10px auto; padding:20px 10px 230px 10px; color:#eee; border: 1px solid #000;}
.plank1Top {text-align:right; font-size:9px; letter-spacing:3px; text-transform:uppercase; margin:0px 0px 0px 0px; line-height:100%; text-shadow: 1px 1px 1px #000; width:390px; background:#413735; border: 1px solid #111; border-top:0px;padding:5px;}
.plank1Words {text-align:center; font-size:32px; margin:2px; text-shadow: 1px 1px 1px #000; color:#ede4cf; font-family: 'Codystar', cursive;}
.plank1Bottom {text-align:right;font-size:9px; letter-spacing:3px; text-transform:uppercase; margin:0px 0px 0px 0px; line-height:100%; text-shadow: 1px 1px 1px #000; width:390px;background:#413735; border: 1px solid #111; border-top:0px;padding:5px;}
.plank1Input {padding:10px; border: 1px solid #000; width:380px;background:#413735; color:#fff; opacity: 0.6; filter: alpha(opacity = 60); line-height:120%; margin:0px 0px 0px 0px;}
.plank1Input b {color: #000;}
</style>
Io Berlin
OOC Junk



TEMPLATE BY REVO. <3
[/html]

Code:
[dohtml]
<style type="text/css">
@import url(http://fonts.googleapis.com/css?family=Codystar);
.plank1Outline {background: url('http://i910.photobucket.com/albums/ac307/fastandbad/4085412588_3a2846da26_z.jpg') #c2d6ee no-repeat bottom; width:400px; margin:10px auto; padding:20px 10px 230px 10px; color:#eee; border: 1px solid #000;}
.plank1Top {text-align:right; font-size:9px; letter-spacing:3px; text-transform:uppercase; margin:0px 0px 0px 0px; line-height:100%; text-shadow: 1px 1px 1px #000; width:390px; background:#413735; border: 1px solid #111; border-top:0px;padding:5px;}
.plank1Words {text-align:center; font-size:32px; margin:2px; text-shadow: 1px 1px 1px #000; color:#ede4cf; font-family: 'Codystar', cursive;}
.plank1Bottom {text-align:right;font-size:9px; letter-spacing:3px; text-transform:uppercase; margin:0px 0px 0px 0px; line-height:100%; text-shadow: 1px 1px 1px #000; width:390px;background:#413735; border: 1px solid #111; border-top:0px;padding:5px;}
.plank1Input {padding:10px; border: 1px solid #000; width:380px;background:#413735; color:#fff;  opacity: 0.6; filter: alpha(opacity = 60); line-height:120%; margin:0px 0px 0px 0px;}
.plank1Input b {color: #000;}
</style>
<div class="plank1Outline">
<div class="plank1Words">Io Berlin</div>
<div class="plank1Top">OOC Junk</div>
<div class="plank1Input">



</div>
<div class="plank1Bottom">TEMPLATE BY REVO. <3</div>
</div>
[/dohtml]

[html]

OOC here!



<style type="text/css">
.iobicai b {font-weight:bold; color:#e0ceaa; text-shadow:#372817 1px 1px 2px;}
.iobicai p {padding:5px 15px; margin:0px; text-indent:0px;}
.iobicai {margin:0px auto; width:507px; background-color:#a38d66; background-image:url(http://i.imgur.com/bvwHG.png); background-position:top center; background-repeat:no-repeat; border:1px solid #937e59; padding:310px 0px 5px 0px; font-family:georgia, sans-serif; font-size:12px; color:#cac191; line-height:16px; text-align:justify; border-radius:10px;}
.iobicai .ooc {font-style:italic; font-size:11px; text-align:center;}
.iobicai p b:before { content: open-quote; }
.iobicai p b:after {content: close-quote; }
</style>
[/html]

Code:
[dohtml]<div class="iobicai">
<p class="ooc">OOC here!</p>


</div>
<style type="text/css">
.iobicai b {font-weight:bold; color:#e0ceaa; text-shadow:#372817 1px 1px 2px;}
.iobicai p {padding:5px 15px; margin:0px; text-indent:0px;}
.iobicai {margin:0px auto; width:507px; background-color:#a38d66; background-image:url(http://i.imgur.com/bvwHG.png); background-position:top center; background-repeat:no-repeat; border:1px solid #937e59; padding:310px 0px 5px 0px; font-family:georgia, sans-serif; font-size:12px; color:#cac191; line-height:16px; text-align:justify; border-radius:10px;}
.iobicai .ooc {font-style:italic; font-size:11px; text-align:center;}
.iobicai p b:before { content: open-quote; }
.iobicai p b:after {content: close-quote; }
</style>
[/dohtml]


[html]

out of character text



<style type="text/css">
.iobtsdb b {font-weight:bold; color:#aaaa88; letter-spacing:1px;}
.iobtsdb .ooc { font-style:italic; padding:0px; font-family:verdana, sans-serif; font-size:11px;}
.iobtsdb p {text-indent:25px; padding:5px 10px; margin:0px;}
.iobtsdb {margin:0px auto; width:400px; background-color:#9d5944; background-image:url(http://i.imgur.com/hAQDn.png); background-position:top center; background-repeat:no-repeat; border:1px solid #995533; padding: 335px 0px 10px 0px; font-family: georgia, sans-serif; font-size:12px; color:#aa9955; line-height:16px; letter-spacing:.5px; text-align:justify;}
</style>
[/html]

Code:
[dohtml]<div class="iobtsdb">
<p class="ooc">out of character text</p>


<style type="text/css">
.iobtsdb b {font-weight:bold; color:#aaaa88; letter-spacing:1px;}
.iobtsdb .ooc { font-style:italic; padding:0px; font-family:verdana, sans-serif; font-size:11px;}
.iobtsdb p {text-indent:25px; padding:5px 10px; margin:0px;}
.iobtsdb {margin:0px auto; width:400px; background-color:#9d5944; background-image:url(http://i.imgur.com/hAQDn.png); background-position:top center; background-repeat:no-repeat; border:1px solid #995533; padding: 335px 0px 10px 0px; font-family: georgia, sans-serif; font-size:12px; color:#aa9955; line-height:16px; letter-spacing:.5px; text-align:justify;}
</style>
[/dohtml]


[html]

ooc here (###)


<style>
.grunge1 .ooc {font-style:italic; padding:0px; text-shadow: 1px 0px 2px #503c28; font-family:arial, sans-serif; font-size:11px; color:#5b4d31;}
.grunge1 p {padding:5px 20px; margin:0px; text-indent:35px;}
.grunge1 b {font-weight:bold; color:#98734c; letter-spacing:1px; text-shadow: 1px 0px 2px #503c28; }
.grunge1 {background-color:#0f0c0a; background-image:url(http://i54.tinypic.com/34dlnxz.jpg); background-position:top center; background-repeat:no-repeat; border:2px solid #000000; font-family: arial, sans-serif; font-size:12px; color:#5b4d31; line-height:15px; letter-spacing:.5px; text-align:justify; padding:355px 0px 0px 0px; }
.grunge1-border {width:500px; border:2px dashed #98734c; border-radius:15px; -moz-border-radius:10px; -webkit-border-radius:10px; border-bottom-left-radius:0px; border-top-right-radius:0px; -moz-border-bottom-left-radius:0px; -webkit-border-top-right-radius:0px; -moz-border-bottom-left-radius:0px; -webkit-border-top-right-radius:0px; margin:0 auto;}
</style>
Table by Kit.
[/html]

Code:
[doHTML]<div class="grunge1-border"><div class="grunge1">
<p class="ooc">ooc here (###)</p><br>

</div></div>
<style>
.grunge1 .ooc {font-style:italic; padding:0px; text-shadow: 1px 0px 2px #503c28; font-family:arial, sans-serif; font-size:11px; color:#5b4d31;}
.grunge1 p {padding:5px 20px; margin:0px; text-indent:35px;}
.grunge1 b {font-weight:bold; color:#98734c; letter-spacing:1px; text-shadow: 1px 0px 2px #503c28; }
.grunge1 {background-color:#0f0c0a; background-image:url(http://i54.tinypic.com/34dlnxz.jpg); background-position:top center; background-repeat:no-repeat; border:2px solid #000000;  font-family: arial, sans-serif; font-size:12px; color:#5b4d31; line-height:15px; letter-spacing:.5px; text-align:justify; padding:355px 0px 0px 0px; }
.grunge1-border {width:500px; border:2px dashed #98734c; border-radius:15px;  -moz-border-radius:10px; -webkit-border-radius:10px; border-bottom-left-radius:0px; border-top-right-radius:0px; -moz-border-bottom-left-radius:0px; -webkit-border-top-right-radius:0px; -moz-border-bottom-left-radius:0px; -webkit-border-top-right-radius:0px; margin:0 auto;}
</style><center><font size="1">Table by Kit.</font></center>[/doHTML]

[html]

Word Count :: 000 Lorem ipsum dolor sit amet.



Image courtesy of Dyrk.Wyst@Flickr; Table by the Mentors!

<style>
.K22911_io1 .ooc {font-size:12px; font-style:italic;}
.K22911_io1 p {padding:0px 15px 5px 15px; margin:0px; text-indent:25px;}
.K22911_io1 b {font-family:verdana; color:#61443c; margin:5px; font-size:10px; font-weight:bold; letter-spacing:1px;}
.K22911_io1 {background-color:#bcac92; font-family: verdana, serif; font-size:12px; color:#000000; text-shadow: 0.1em 0.1em 0.2em #807159; line-height:16px; width:500px; text-align:justify; background-image:url(http://img847.imageshack.us/img847/4656/ioberlin.png); background-position:top center; background-repeat:no-repeat; padding:55px 0px 10px 0px; border:1px solid #FFFFFF; border-radius:8px; } .K22911_io1-border {width:502px; border:1px solid #000000; margin:0 auto; border-radius:8px;}
p.template-credit {text-indent:0px; text-align:center; font-size:10px; font-style:italic; width:425px; text-align:center; margin:0px auto;}</style>
[/html]

Code:
[doHTML]<center><p class="template-credit"><b>Word Count :: 000</b> Lorem ipsum dolor sit amet.</p><div class="K22911_io1-border"><div class="K22911_io1"><p>


</div></div><p class="template-credit">Image courtesy of [URL=http://www.flickr.com/photos/dyrkwyst/]Dyrk.Wyst@Flickr[/URL]; Table by <a href="?viewtopic.php?t=17301">the Mentors!</a></p><style>
.K22911_io1 .ooc {font-size:12px; font-style:italic;}
.K22911_io1 p {padding:0px 15px 5px 15px; margin:0px; text-indent:25px;}
.K22911_io1 b {font-family:verdana; color:#61443c; margin:5px; font-size:10px; font-weight:bold; letter-spacing:1px;}
.K22911_io1 {background-color:#bcac92;  font-family: verdana, serif; font-size:12px; color:#000000; text-shadow: 0.1em 0.1em 0.2em #807159; line-height:16px; width:500px; text-align:justify; background-image:url(http://img847.imageshack.us/img847/4656/ioberlin.png); background-position:top center; background-repeat:no-repeat; padding:55px 0px 10px 0px; border:1px solid #FFFFFF; border-radius:8px; } .K22911_io1-border {width:502px; border:1px solid #000000; margin:0 auto; border-radius:8px;}
p.template-credit {text-indent:0px; text-align:center; font-size:10px; font-style:italic; width:425px; text-align:center; margin:0px auto;}</style></center>[/doHTML]

[html]

Word Count » 000 OOC

I won't give you up


I won't let you down
<style>
.io-txt3 {font-family: arial, helvetica, sans-serif; font-size: 12px; line-height:20px; letter-spacing:-.5px; word-spacing:2px; text-align: left; margin:0px 25px; padding:0px 0px 5px 0px; margin:5px auto; width:500px; }
.io-txt3 .inner {}
.io-txt3 .ooc {font-style:italic; font-family:tahoma, verdana, sans-serif; font-size:11px; text-align:justify; margin:5px auto; width:100%;}
.io-txt3 .wc {text-transform: uppercase; font-weight:bold; font-style:normal;}
.io-txt3 p {text-indent: 25px; margin:0px; padding:0px 5px;}
.io-txt3 b {color:#d5d5d5; letter-spacing:1px; }
.io-txt3 i {color:#d5d5d5; letter-spacing:1px; }
.io-txt3 u {text-decoration: none; border-bottom:1px dotted #000000; font-style:italic; font-variantConfusedmall-caps;}
</style>
[/html]

Code:
[dohtml]<div class="io-txt3">
<div class="ooc"><p><span class="wc">Word Count » 000</span> OOC </p>
</div><div style="border-bottom: 1px dotted;" align="right"><font size="5" color="#d5d5d5" face="andalus" style="line-height: 14pt;">I won't give you up</font></div>
<div class="inner">


<div style="border-bottom: 1px dotted;" align="right"></div><div><font size="5" color="#d5d5d5" face="andalus" style="line-height: 14pt;">I won't let you down</font></div>
</div></div>
<style>
.io-txt3 {font-family: arial, helvetica, sans-serif; font-size: 12px; line-height:20px; letter-spacing:-.5px;  word-spacing:2px;  text-align: left; margin:0px 25px; padding:0px 0px 5px 0px; margin:5px auto; width:500px; }
.io-txt3 .inner {}
.io-txt3 .ooc {font-style:italic; font-family:tahoma, verdana, sans-serif; font-size:11px; text-align:justify; margin:5px auto; width:100%;}
.io-txt3 .wc {text-transform: uppercase; font-weight:bold; font-style:normal;}
.io-txt3 p {text-indent: 25px; margin:0px; padding:0px 5px;}
.io-txt3 b {color:#d5d5d5; letter-spacing:1px; }
.io-txt3 i {color:#d5d5d5; letter-spacing:1px; }
.io-txt3 u {text-decoration: none; border-bottom:1px dotted #000000; font-style:italic; font-variant:small-caps;}
</style>
[/dohtml]


Messages In This Thread

Forum Jump: