473,883 Members | 1,618 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

stylesheet for screenplays - @page example ?

I'm trying to rewrite the CSS used in
http://s92415866.onlinehome.us/files...playCSSv2.html.
using the w3.org paged media standards as described at
http://www.w3.org/TR/REC-CSS2/page.html

The ScreenplayCSS is flawed, for several reasons;
-overuse of <div id= tags
-doesn't scale screen resolutions (convert from px to in, pt ?)
-no media="print" (how much coule be shared between "screen" & "print")
-no automatic page breaks (with automatic numbering ?)

The "hollywood" screenplay format is well defined
(http://www.online-communicator.com/faq20_5.html)
Is it possible to drive a consistant printout, from html, with CSS ?
Does anyone have suggestions for improvement of the above ScreenplayCSS ?
How about an example of a page that uses the @page definition ?
thanks !
djp
Jul 20 '05 #1
48 8729
I would also appreciate any pointers to existing screenplay stylesheet/
schema. I have seen hints of screenplay XML structures, but, as yet, no
implimentation.
Jul 20 '05 #2
Tim
On Sat, 19 Jun 2004 12:36:29 -0400,
David J Patrick <da***********@ sympatico.ca> posted:
I'm trying to rewrite the CSS used in
http://s92415866.onlinehome.us/files...playCSSv2.html.
using the w3.org paged media standards as described at
http://www.w3.org/TR/REC-CSS2/page.html

The ScreenplayCSS is flawed, for several reasons;
-overuse of <div id= tags
-doesn't scale screen resolutions (convert from px to in, pt ?)
-no media="print" (how much coule be shared between "screen" & "print")
Pt should be fine for printing, but not for the screen. You're probably
best not to make font specifications in the screen styling (that's normal
advice, but I'd say even more so if you want to submit something long for
someone to read that might earn you a job - remove all obstacles that make
browser reading a pain).
-no automatic page breaks (with automatic numbering ?)

Is it possible to drive a consistant printout, from html, with CSS ?


This sort of thing, and what browsers typically do when printing (add their
own footers and headers) are some of the reasons that you'd probably not
want to print such things from a web browser.

--
If you insist on e-mailing me, use the reply-to address (it's real but
temporary). But please reply to the group, like you're supposed to.

This message was sent without a virus, please delete some files yourself.
Jul 20 '05 #3
On Sun, 20 Jun 2004 21:42:06 +0930, Tim wrote:

Pt should be fine for printing, but not for the screen.
would "in" be the most portable ? that's what the screenplay format is
usually describe in, anyhow.

You're probably best not to make font specifications in the screen
styling... remove all obstacles that make browser reading a pain).


It's important to mimic the look, and especially page count, of a script.
I see the more rigid screen definition as a colaborative/ preview tool.
A reader who can give your project the "green light" will be reading
a printout, and it had better adhere to specs. I agree that there should
be a style-free mode though. another CSS definition; media="screen-free" ?
-no automatic page breaks (with automatic numbering ?)
Any clues how to use @page, break rules and numbering ?
Can you see a better way to define the ScreenplayCSS page ?
Is it possible to drive a consistant printout, from html, with CSS ?


...you'd probably not want to print such things from a web browser.


That makes sense, I have noticed, however a distinct lack of "html2pdf"
avalable for linux. If I can "force" a reliable printout, from html,
that would be great.

Jul 20 '05 #4
*David J Patrick* <da***********@ sympatico.ca>:
On Sun, 20 Jun 2004 21:42:06 +0930, Tim wrote:

Pt should be fine for printing, but not for the screen.
would "in" be the most portable ? that's what the screenplay format is
usually describe in, anyhow.


Maybe I confused you with my reply to your previous thread. If you want to
follow the format as close as possible, use the units it uses. ('pt', 'pc',
'in', 'cm' and 'mm' are all convertible into each other, though.) But that's
only useful if done for a specific medium like IIRC 8½" × 11" paper in this
particular case, media="print" that is. For all other media including
'screen' relative units ('em', 'ex' or '%') are the way to go.
You're probably best not to make font specifications in the screen
styling... remove all obstacles that make browser reading a pain).


It's important to mimic the look,


The look is mainly determined by a monospaced font, some uppercasing,
indentation and centering. Do you really want to resemble the ugly layout on
screen, too? You know, the format is not well readable, it's just what
Hollywood is used to.
and especially page count, of a script.
The example you presented had each page in a separate 'div', so that would
be trivial. Otherwise paged CSS is far from perfect.
I see the more rigid screen definition as a colaborative/ preview tool.
That's what Print Preview is for. You're missing the opportunities the
technology gives you, just as Hollywood did by sticking to typewriter layout
(not to mention that horrid paper sizes and hole positions).
A reader who can give your project the "green light" will be reading
a printout, and it had better adhere to specs. I agree that there should
be a style-free mode though. another CSS definition; media="screen-free" ?
That would be accomplished (somehow) by providing differing 'title'
attributes to the 'link' elements:

<link rel="stylesheet " type="text/css" media="print, screen"
href="hollywood .css" title="Hollywoo d">
<link rel="stylesheet " type="text/css" media="screen"
href="readable. css" title="readable ">
-no automatic page breaks (with automatic numbering ?)
Any clues how to use @page, break rules and numbering ?


Sadly the spec has no definite solution for that and most browsers don't
even support the bits the spec does have (correctly).
Is it possible to drive a consistant printout, from html, with CSS ?


...you'd probably not want to print such things from a web browser.


I know people who only use HTML+CSS for all their printed correspondence,
but they are of course in control of everything from source code to printer
settings.
If I can "force" a reliable printout, from html, that would be great.


There are specialised programs like YesLogic Prince
(<http://yeslogic.com/prince/>), but I doubt that is what you want. There
are also projects to generate many different outputs (HTML, PDF, ...) from a
single source document, e.g. XML based tbook
(<http://tbookdtd.source forge.net/>).

--
"I didn't have the time to write a short letter, so I wrote a long one instead."
Mark Twain
Jul 20 '05 #5
On Sun, 20 Jun 2004 18:46:27 +0200, Christoph Paeper wrote:
If you want to
follow the format as close as possible, use the units it uses. ('pt', 'pc',
'in', 'cm' and 'mm' are all convertible into each other, though.) For all other media including
'screen' relative units ('em', 'ex' or '%') are the way to go.

Do you really want to resemble the ugly layout on
screen, too? You know, the format is not well readable, it's just what
Hollywood is used to.
I think it's very important to cough up that ugly look as accurately as
possible. At the same time an alternative, more readable, stylesheet would
be great.
The example you presented had each page in a separate 'div', so that
would be trivial. Otherwise paged CSS is far from perfect.
The example requires fully manual paginatio, which IMHO is out of the
question.
I see the more rigid screen definition as a colaborative/ preview tool.
That's what Print Preview is for.


That's an interesting point.
You're missing the opportunities the technology gives you,
Do you think offering an alternative would be a big deal ?
I agree that there should
be a style-free mode though. another CSS definition;
media="screen-free" ?


That would be accomplished (somehow) by providing differing 'title'
attributes to the 'link' elements:

<link rel="stylesheet " type="text/css" media="print, screen"
href="hollywood .css" title="Hollywoo d">
<link rel="stylesheet " type="text/css" media="screen"
href="readable. css" title="readable ">


Interesting.. I'm trying to imagine exactly how I would apply the above
example.
Any clues how to use @page, break rules and numbering ?


Sadly the spec has no definite solution for that and most browsers don't
even support the bits the spec does have (correctly).


I'm not completely whacked in thinking that this is the standard for this
sort of application, though, even if it's marginally supported. ?
What if it was decided that proper printout were a Mozilla 1.7+ only
thing, for example ?
I know people who only use HTML+CSS for all their printed
correspondence, but they are of course in control of everything from
source code to printer settings.


Something we can't presume. I'm also looking into XML, as an intermediary
file format and/or parsing the source file to LyX, for printout.
I'll follow up on the links you provided, thanks fer the feedback !
djp

Jul 20 '05 #6
On Sun, 20 Jun 2004 18:46:27 +0200, Christoph Paeper wrote:
There are specialised programs like YesLogic Prince
(<http://yeslogic.com/prince/>), but I doubt that is what you want. Interesting but expensive .. not at all what I had in mind.

There are also projects to generate many different outputs (HTML, PDF, ...) from a
single source document, e.g. XML based tbook
(<http://tbookdtd.source forge.net/>).


Now this has some potential !
My instincts tell me that if the first step were to conform to a
ScreenplayXML (if such a thing existed) the next steps would be universal.
That is to say that the process would be more widely useful and allow
divergent development.

OTOH, If I could just cook up a decent CSS for the screenplay HTML I've
got going It would do the trick. I really should be writing my big movie,
instead of screwing around.. oh well .. can't help it ..

Jul 20 '05 #7
here it is (for those who won't www)

<style type="text/css">
body{
/* body elements create a green field that's easy on the eyes.*/
margin:0px;
padding:0px;
background:#9BA 882;
/* Note: Courier 10 Pitch BT is the "official" screenplay font. It MUST be installed on the computer used to view the pages made with this template. */
font:12pt "Courier 10 Pitch BT","Courier New";letter-spacing:-1px;line-height:1; /* Letter spacing corrects kerning (mostly) for Courier font family.
The line-height tag provides proper line spacing for the Courier font family. Courier 10 Pitch BT is free from Bitstream. */
}
/* the #header & #main divs butt together to create the whole page */
#header{ /* page number holder*/
text-align:right;
width:530px; /* 8.5 inch page */
height:45px; /* 11 inch page including #main */
padding:50px 100px 0px 100px; /* top,right,botto m,left internal margins */
margin:30px 100px 0px 130px; /* placement of #main on green field */
border-left:none; /* border elements create edges */
border-right:solid 2px #485235;
border-bottom:none;
border-top:none;
background:#fff fff; /* creates a white #header */
}
#main{ /* where all the text goes */
width:530px; /* 8.5 inch page */
height:850px; /* 11 inch page including #header */
padding:18px 100px 80px 100px; /* top,right,botto m,left internal margins */
margin:-19px 100px 30px 130px; /* placement of #main on green body, butts up to #header */
border-left:none; /* border elements create edges*/
border-right:solid 2px #485235;
border-bottom:solid 2px #485235;
border-top:none;
background:#fff fff; /* creates a white page */
}
#character{ /* sets the indent for the characteracter name in uppercase */
padding:10px 0px 0px 0px;
text-transform:upper case;
text-indent:180px;
}
#dialog{ /* sets the dialog margins */
margin:0px 110px 0px 85px;
}
#paren{ /* sets the parenthetical margins, text in lowercase*/
text-transform:lower case;
margin:0px 150px 0px 130px;
}
#action{ /* description text */
padding:10px 0px 0px 0px;
}
#slug{ /* used for scene sluglines */
text-transform:upper case;
padding:23px 0px 0px 0px; /* provides proper line spacing */
}
/* The Latinized text below is used for demostration purposes only */
</style>
Jul 20 '05 #8
On Sun, 20 Jun 2004 18:16:25 -0400, David J Patrick
<da***********@ sympatico.ca> wrote:
#character{ /* sets the indent for the characteracter name in uppercase
*/


An id? Will there only be one character-id'd element per document? An id
value can't be used more than once in a document...
Jul 20 '05 #9
On Sun, 20 Jun 2004 17:37:33 -0400, Neal wrote:
On Sun, 20 Jun 2004 18:16:25 -0400, David J Patrick
<da***********@ sympatico.ca> wrote:
#character{ /* sets the indent for the characteracter name in uppercase
*/


An id? Will there only be one character-id'd element per document? An id
value can't be used more than once in a document...


So I've been told.
The original author used id= for every element.
I'll be changing those to paragraph styles.

Jul 20 '05 #10

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

1
2956
by: Carlos Gomez | last post by:
Question 1 Is there a way to execute a page, retrieve some information out of it and then present it in my page? example: The user access MyPage.asp MyPage.asp <somehow, internally> calls "http://www.weather.com/Local?ZIP=123456" Store it's contents into a variable. Retrieves the current temperature from that page and presents it as part of MyPage.asp This being done in the Server, without the user knowing what happened.
3
4336
by: Jamie | last post by:
Hi, Thanks for the excellent answer to my last question! One more: Does anyone have a method they follow for organizing stylesheets themselves? They seem like they can get bloated and hard to read. Aside from putting all the "h1" rules together, I haven't thought of any way to do it, if it's necessary at all. J.
5
2283
by: aamirghanchi | last post by:
Hi, I have a very simple html that has a linked stylesheet. According to the style sheet both blocks of text should be displayed in the font xx-small. but only one (DIV or SPAN) at a time is displayed in this font and that would be the one that is at the end of the stylesheet file. for example if DIV selector is the last block in MyStylesheet.css then the corresponding text in the DIV tag in the html will be small font. If we swap the...
7
2049
by: stefano | last post by:
Hi all, I hopen a new empty window from js code: var win = window.open("","debug","width=500,height=300,modal,dialog,resizable"); and I add some element to the new window: win.document.write("&lt;img src="image.gif&gt;"); win.document.write..... How can I add the stylesheet information of the file x.css (how and where I must write in the new window the line: <?xml-stylesheet href="x.css" type="text/css"?> )
4
2856
by: bashetty | last post by:
Well its a strange problem i have, some of you might already faced it and have a solution. I have to maintain a set of unique "search key words" in meta tags for each content page in my site. With master paging , i guess i can only have <headtag in my MasterPage. Can any one let me know how to resovle this issue?
2
5279
by: David C | last post by:
I am acclimating to ASP.NET 2.0, so excuse me not using the proper terminology. When I say a content page, I meant, a page that has a MasterPageFile tag in the Page directives. So is that a slave page? I am noticing that on that page, there is no place to put a style tag. From what I understand what the master page does, it makes sense since the master page has the header tag which includes all the link tags for style sheets.
1
1091
by: holytjeerd | last post by:
Hello, I have a page that loads some color values from a database and then a javascript needs to replace the stylesheet classes. For example the stylesheet has: .txt_content {color: #ffffff;} and I want to change this to .txt_content {color: #000000;} Then I call my script with changecss('.txt_content','color','#000000')
1
1311
by: xxxphp3 | last post by:
I have a main Php page with 75% constant contents. I want to change the other 25% depending on what page calls the main page. Example www.example.com/a.html www.example.com/b.html www.example.com/c.html The above pages use an html redirect code www.example/x/y/z/mainpage.php
0
9779
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
11114
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
10730
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
0
10407
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
1
7960
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
7114
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
5787
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
1
4605
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
3
3230
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.