themes and print css

[Smokey Grindle]

Is there a way to add a print media css style to a theme? so i can have it
like this

<link rel="stylesheet" type="text/css" media="print" href="print.css" />

instead of just a normal css style sheet? basically offer two styles per
theme one for screen display and one for print? thanks!

 

[David R. Longnecker]

Sure can.

http://www.w3.org/TR/html4/present/styles.html#h-14.4.1

Just as you typed it.

(from W3 link)
<LINK rel="stylesheet" media="print" href="corporate-print.css" type="text/css">
<LINK rel="stylesheet" href="techreport.css" type="text/css">

-dl

 

[David R. Longnecker]

Another method, if you're calling your CSS from your web.config and only
want to call a single style sheet would be to use the @media tag. http://www.w3.org/TR/REC-CSS2/media.html#at-media-rule

So... in your standard CSS:

@media print {
h1 { font-size: 12pt; }
p { font-size: 10pt; }
}

@media screen {
h1 { font-size: 12pt; font-weight: bolder; }
p { font-size: 10pt; }
}


Now, you can call your single CSS from your theme and have both mediums for
your CSS.

Hope that helps!

-dl