Where styles come from

A page’s styles come from four sources. Each later source overrides single keys of the earlier ones, not the whole sheet:

1. The client’s defaults.
2. /site.8ss of the page’s host: the site-wide stylesheet.
3. The page’s own stylesheet, named by style: in the page header.
4. Stylesheet keys in the page header.

site.8ss

• Clients fetch /site.8ss automatically, once per site, and cache it.
• A missing site.8ss is remembered too, so it is only asked for once.
• Every file reference in a stylesheet is an address, resolved relative to the stylesheet itself.

Example

/site.8ss:

text: lightgrey
bg: black
h1: yellow
link: lightblue

retro.8ss, the page’s own stylesheet:

bg: blue
border: lightblue

The page:

---
8tml: 1
style: retro.8ss
case: mixed
h1: white reverse
---
# Retro corner

The background comes from retro.8ss, the
heading from the header, the [links](x.8tml)
from site.8ss.

Preview: Commodore 64, 40 columns

                                            
  Retro corner                              
                                            
  The background comes from retro.8ss, the  
  heading from the header, the links from   
  site.8ss.