html+css: screen vs. print behavior

Answer 1

This is done using media types. With them, you can limit style rules to a certain output device like screen, printer, or handheld. See here: http://apsw.googlecode.com/svn/publish/%5Fstatic/basic.css

Answer 2

They have @media rules.

Answer 3

Take a look at: http://apsw.googlecode.com/svn/publish/%5Fstatic/basic.css

They include another css-file in their stylesheet via @import url("basic.css");

Answer 4

This is linked to the media type.

You can either link it to a group of properties:

@media screen {
    body { font-size: 13px }
  }

or to an entire stylesheet

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

In your case:

@media print {
    div.document,
    div.documentwrapper,
    div.bodywrapper {
        margin: 0 !important;
        width: 100%;
    }

    div.sphinxsidebar,
    div.related,
    div.footer,
    #top-link {
        display: none;
    }
}