Appendix B: Night Vision Style Set Tags
The following style tags are defined by this appendix:
day- This style set provides a color scheme suited for daytime use (light background, dark text). This tag is mutually exclusive with
night.night- This style set provides a color scheme suited for nighttime use (dark background, light text). This tag is mutually exclusive with
day.In the following example, the author provides style sheets for both both day vision and night vision presentations of the document. Both horizontal-text and vertical-text presentations are available, but the horizontal presentation is preferred:
<link rel="alternate stylesheet" href="vertical.css" class="vertical" title="Vertical Day"/> <link rel="alternate stylesheet" href="day.css" class="day" title="Vertical Day"/> <link rel="alternate stylesheet" href="vertical.css" class="vertical" title="Vertical Night"/> <link rel="alternate stylesheet" href="night.css" class="night" title="Vertical Night"/> <link rel="stylesheet" href="horizontal.css" class="horizontal" title="Horizontal Day"/> <link rel="stylesheet" href="day.css" class="day" title="Horizontal Day"/> <link rel="stylesheet" href="horizontal.css" class="horizontal" title="Horizontal Night"/> <link rel="stylesheet" href="night.css" class="night" title="Horizontal Night"/>Of the preferred style sets, the day vision variant is listed first, and so in the absence of other preferences will be loaded by default.
The same effect can be created with fewer link tags by using @import statements: <link rel="alternate stylesheet" href="vertical-day.css" class="vertical day" title="Vertical Day"/> <link rel="alternate stylesheet" href="vertical-night.css" class="vertical night" title="Vertical Night"/> <link rel="stylesheet" href="horizontal-day.css" class="horizontal day" title="Horizontal Day"/> <link rel="stylesheet" href="horizontal-night.css" class="horizontal night" title="Horizontal Night"/>
/* vertical-day.css */ @import "vertical.css"; @import "day.css";/* vertical-night.css */ @import "vertical.css"; @import "night.css";/* horizontal-day.css */ @import "horizontal.css"; @import "day.css";/* horizontal-night.css */ @import "horizontal.css"; @import "night.css";Acknowledgements
This draft resulted from discussion in the CSS Working Group and EPUB Working Group and would not exist without the particular suggestion of Anne van Kesteren.
References
- [HTML4]
- David Raggett; Ian Jacobs; Arnaud Le Hors. HTML 4.01 Specification. 24 December 1999. W3C Recommendation. URL: http://www.w3.org/TR/1999/REC-html401-19991224
- [HTML5]
- Ian Hickson. HTML Specification. W3C Working Draft. URL: http://www.w3.org/TR/html5