Community

So, uh, did you know you can use <style>  tags on this forum?  You can use them to define all your table styles in one stylesheet, which makes the tables themselves look much tidier.  Just copy and paste the following block of code at the beginning of your post just before you hit "Submit":

<style type="text/css"><!--
.block {position:relative; margin:10px; font: 12px arial; line-height: 17px; width:400px; }
.block div { display:block; padding: 0px 7px; text-align: left; }
.block p { margin:0px 0px 0px 7px; text-indent:-7px; }
 .block ul, .block ol { margin:0px; }
 .block .head { color: #ffffff; }
  .atwill .head { background-color: #619869; }
  .encounter .head { background-color: #961334; }
  .daily .head { background-color: #4d4d4d; }
  .item .head { background-color: #cd8e27; }
  .monster .head { background-color:#4e5f30; padding-bottom:1px; }
.block .title { font-size: 1.1em; font-weight: bold; line-height: 21px; }
  .monster .title { font-size: 1.2em; }
.block .alt { background-color: #d6d6c2; }
.block .indent { padding-left:14px; }
.block .right { float:right; text-align: right;}
.block .over { float:right; width:60%; }
.block var { font:normal 1em dd4e; vertical-align:text-top; }
.monster .sub { background-color:#717b54; color: #ffffff; font-weight:bold;  }
.block .inner { padding:0px; }
.inner table { border-collapse:collapse; font: 12px Arial; width:100%; }
.inner table td { padding:1px 7px; }
  .item .inner table td:nth-child(3), .item .inner table td:last-child {text-align:right;}
  .item .inner table td:nth-child(4) {padding:1px 14px;}
@font-face { font-family: dd4e;src: url('http://goo.gl/wjXf3') }
--></style>

It's a bit of a hack, so it only works if you do it right at the very end, and only in the WSIWYG editor.  If you do it earlier or in the HTML editor, the post parser will recognize your <style> tags as HTML and get annoyed because they're usually supposed to be defined way back at the beginning of the document.  That means you'll have to do all your previewing before you add the <style> tags, and if you ever edit your post you'll have to add them back before you resubmit.

(UPDATE: You can also just stick the CSS in your signature, which will automatically format any (well-formed) statblock on the same page as one of your posts.)

But on the bright side, you can have power blocks that look like this:

(MOVED TO NEXT POST)

You're right, it was the inline style tags.  Fixed.

Yes, it does work for the wiki and blog.

Also, something else neat: once you've put the css block in one post, it'll work for every post after it.  I didn't put it in this post, but as you can see it's still affecting all these statblocks:





There're a few more things I'd like to test about this.  If it's not too much trouble, would you mind temporarily editing one of your other posts on this page to include one of my statblocks?  And the same for another post in this thread on a different page?  I want to see just how far the CSS can reach.

Yeah, doesn't work for earlier pages--not a surprise, in retrospect.

For the other test, could you put the block in a post earlier on this page, like #52 or something?  I want to see if the CSS works for everything on the same page, or only stuff after it.

If that works, I'll see what happens if I put the CSS in my sig.

 

Okay, awesome.  Looks like the CSS works for everything on the same page, regardless of location.

Testing sig.



(Other tests in this thread may look broken, due to various compatibility-breaking updates I've made.)