themes and print css

  • Thread starter Thread starter Smokey Grindle
  • Start date Start date
S

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!
 
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
 
Back
Top