css-media

Is there a way to use the same CSS stylesheet for print media and the default layout?

I am looking for a way to use the same stylesheet for print media as for the default onscreen layout. The advantage to me will be that I won't have to update 2 files every time I update the CSS. I would prefer to have one stylesheet and specify special rules for print media by denoting them somehow… It may not be possible, but I thought ...

Setting a browser's media type

This sounds like a stupid question (to me), but I've searched and I can't find anywhere that seems to talk about it. Where is the media type for an agent set - is it hard-coded by the browser (or whatever) or is this configurable (specifically, IE)? I ask because I am writing a web app that will be mostly used by normal PCs, but there ...

Greasemonkey how to apply a CSS rule only for @media print?

I'm using Greasemonkey and JQuerys #css method to add css styles to a page. Script so far: // ==UserScript== // @name www.al-anon.dk Remove inline scroll so that page content prints properly // @namespace http://userscripts.org/users/103819 // @description remove scroll from al-anon pages // @include http://al-a...

Print Stylesheet - Converting inputs to text

I've got a table that has some input (type="text") boxes in it, and I want these to show as normal text when printing. I have set up a media="print" stylesheet with input { border-style: none; } in it, and this removes the border so the content just looks like text, but the input is still pushing the width of the column to its actual w...

CSS @media print issues with background-color;

I'm new here at this company and we have a product that uses miles of css. I'm attempting to make a printable stylesheet for our app but i'm having issues with background-color in @media print... @media print { #header{display:none;} #adwrapper{display:none;} td {border-bottom: solid; border-right: solid; background-color: #c0c0c0;}} ...

What is the CSS “@media” nested structure/namespace?

What is this name space like wrapping/nested structure in CSS? I have never seen this before. Please help me understand what is this. Thanks @media screen, projection { * { margin: 0px; padding: 0px; } body { background: #fff; overflow-y: scroll; _overflow-y: none; } } ...