@charset "UTF-8"; /* -*- coding: utf-8 -*- */
/* Eddy's presentation style-sheet (for Opera Show)

   Any browser that choses to support @media projection can use pages
   deploying this as slide-show when in that media-type (ideal for
   full-screen mode).  Otherwise, only the @media screen stanza
   applies.  The @media projection stanza must stay in sync with
   slideshow.css (q.v.), so that this last can be used as alternate
   style-sheets, to enable suitable support in browsers lacking support
   for @media projection.

   TODO: use <link rel="stylesheet" type="text/css" media="..." href="style.css">
   in web-pages to vary style-sheet with meadia ?
   https://drafts.csswg.org/mediaqueries/
   It specifies (screen) and (overflow-block: optinally-paged) for slide-shows.
   ... but how do I clue the browser to that ?
   */
@import url("site.css");
@media projection {
  .screen { display: none; }
  h2, h3 { page-break-before: always; }
  body { background: navy; color: white; font-size:150%; }
  :link { color: lime; }
  :visited { color: yellow; }
  .deferred { visibility: hidden; } /* See presentation.js */
  /* Enable deferred item to transiently show a dangling part when first
   * exposed, hidden when something later is exposed: */
  .dangling { display: none; }
  .dangles .dangling { display: inherit; }
}

@media screen {
  .projection { display: none; }
}