thinkingwriter

I have to run away until morning. If anyone has any help, I’ll be checking in again then. Thanks for the suggestions.

The styles were taken from the site I mentioned above – they work that way for him. So was the code. The only thing he didn’t explain is where to put the styles – in their own stylesheet or added to an existing stylesheet, and on what page to import the stylesheet (e.g. @import “http://thinkingwriter.com/new-style.css” or something like that. I’ve tried it as its own stylesheet, adding the @import to the header.php page in the deafult theme, and I’ve tried just adding to style.css with no other new code. Neither of these works.

Here’s a link to a post where he explains what he did:
http://johnaugust.com/archives/2004/new-css-template-for-screenplay-formatting

If I could get him to explain more, I would – but he’s a busy man.

Here’s the markup that goes in the post (placed in backticks for this post only):

<code>
<ul class="screenbox">
<li class="sceneheader">EXT. JOE'S BAR</li>
<li class="action">Bill stares at a watery scotch.</li>
<li class="character">BILL (V.O.)</li>
<li class="dialogue">All I could think of was code. What's the damn code?</li>
</ul>
</code>

Here’s the CSS code (also in backticks for this post only):

.screenbox {
list-style: none;
width: 420px;
background: #eee;
border: 1px solid #333;
padding: 5px 14px;

}

.screenbox li {
font: 12px/14px Courier, fixed;
}

.sceneheader,
.action,
.character {
padding-top: 1.5ex;
}

.action {
padding-right: 5%;
}

.character {
margin-left: 40%;
}

.dialogue {
margin-left: 25%;
padding-right: 25%;
}

.parenthetical {
margin-left: 32%;
padding-right: 30%;
}

/* special case: dialogue followed by
a parenthetical; the extra line needs
to be suppressed */

.dialogue + .parenthetical {
padding-bottom: 0;
}

.transition {
padding-top: 3ex;
margin-left: 65%;
padding-bottom: 1.5ex;
}

The question is, where do the styles go? I tried adding the to style.css, the stylesheet in 1.5’s default theme, and it did not work.

Thanks.