/*the semionov's example stylesheet
  application-specific		   */

/*the navigator:*/
nav	{float: right;
	 width: 160px;
	 margin: 1ex 0 1ex 1ex;
	 padding: 0 4px;
	 font-family: sans-serif;
	 font-size: 8pt;
	 border: thin solid #000;
	 border-image: url("BORDER.GIF") 5 / 5 / 4 repeat;}
nav h2	{background-color: #000;
	 color: #fff;
	 margin: 0 -4px;
	 padding: 0 4px;
	 border-bottom: thin solid #000;
	 font-size: 10pt;}
nav ul	{list-style-type: none;
	 padding-left: 0;}
nav ul ul
	{margin-left: 1.3ex;
	 border-left: thin dotted #000;
	 padding-left: 0.7ex;}
nav ul img
        {vertical-align: bottom;
	 background: inherit;
	 border: none;
	 margin: 0;}
nav hr	{display: none;}

@media (prefers-color-scheme: dark) {
nav, nav h2
	{border-color: #fff;}
nav h2	{background-color: #00a;}
nav ul ul
	{border-left: thin dotted #fff;}

nav img[src$="nav/chapt.gif"]
	{content: url("darkset/chapt.gif")}
nav img[src$="nav/coll.gif"]
	{content: url("darkset/coll.gif")}
nav img[src$="nav/doc.gif"]
	{content: url("darkset/doc.gif")}
nav img[src$="nav/goto.gif"]
	{content: url("darkset/goto.gif")}
nav img[src$="nav/sect.gif"]
	{content: url("darkset/sect.gif")}
}

/*made according to the css level 69 specification
  written with the caps lock on.
*/