/* Michael John Wensley ... css for xml */

@namespace rdf url(http://www.w3.org/1999/02/22-rdf-syntax-ns#);
@namespace content url(http://purl.org/rss/1.0/modules/content/);
@namespace dc url(http://purl.org/dc/elements/1.1/);
@namespace rss url(http://purl.org/rss/1.0/);
@namespace cc url(http://web.resource.org/cc/);
@namespace gg url(http://www.sitemaps.org/schemas/sitemap/0.9);

gg|urlset {
        background-color: #0088FF;
}

gg|url {
        background-color: #0077EE;
        color: black;
        display: block;
        border: thin solid black;
        padding: 1em;
        margin: 0.5em;
}
gg|loc {
        display: inline;
}

gg|lastmod {
        display: none;
}

gg|priority {
        display: none;
}

:root {
  color-scheme: dark light;
}

body {
  font-size: 1em;
  font-family: Arial, sans-serif;
  line-height: 1.8em;
}

h1 {
        font-family: Arial, sans-serif;
        font-size: 2em;
        padding: 0.2em;
        height: auto;
        width: auto;
/*        border-bottom: solid 0.05em red;*/
	text-align: center;
	border-image: linear-gradient(to right, maroon, red, maroon) 1 stretch;
}

 h2 {
        font-family: Arial, sans-serif;
        font-size: 1.5em;
        padding: 0.2em;
        height: auto;
        width: auto;
	text-align: center;
 }
 table {
        border: solid 0.05em green;
/*	border-image: linear-gradient(to right, red, orange, yellow, green, blue) 1 stretch; */
 }


 a:link {
	color: color-mix(in srgb, LinkText, CurrentColor);
 }
 a:hover {
        color: color-mix(in srgb, ActiveText, CurrentColor);
 }
 a:visited {
        color: color-mix(in srgb, VisitedText, CurrentColor);
 }
 a:visited:hover {
        color: color-mix(in srgb, ActiveText, CurrentColor);
 }
 /* using alpha brightens a dark background, and darkens a light background */
 body ul li {
  background-color: #8884;
 }
 input {
	background-color: white;
	color: black;
 }

 kbd { 
  color: color-mix(in srgb, currentcolor, #ffb); background-color: inherit;
 }
 var {
	color: color-mix(in srgb, currentcolor, #fb9);
        background-color: inherit;
 }
 em {
	color: color-mix(in srgb, currentcolor, #ff8);
        background-color: inherit;
 }
 strong {
	color: color-mix(in srgb, currentcolor, #f00);
        background-color: inherit;
 }
 h2 {
        font-family: Arial, sans-serif;
        font-size: 1.5em;
        padding: 0.2em;
        height: auto;
        width: auto;
	text-align: center;
 }
 table {
        border: solid 0.05em green;
/*	border-image: linear-gradient(to right, red, orange, yellow, green, blue) 1 stretch; */
 }
 input {
	background-color: inherit;
	color: inherit;
 }

/*

better to minimise use of these to indicate which theme
Google point of view: https://developer.chrome.com/blog/auto-dark-theme 

*/
@media (prefers-color-scheme: light) {
}

@media (prefers-color-scheme: dark) {
}

p.copyright {
        font-size: small;
}
input {
	border: 0.05em solid color-mix(in srgb, currentcolor, #ff0);
/*	border-image: linear-gradient(to right, yellow, orange) 1 stretch;*/
}
ul {
	list-style-type: square;
	list-style-image: url(//www.v6.wensley.org.uk/list.png);
}
pre {
	border: thin solid rgb(99,22,22);
	color: inherit;
        font-size: 1.5em;
}

/* oh yes? https://www.google.com/webmasters/tools/mobile-friendly/ */
@media (max-width: 600px) {
	h1 {
		margin: 1em;
		font-size: 1.5em;
	}
 	pre {
		text-indent: -50px; */
		word-break: break-all;
		white-space: pre-wrap; 
		width: 100%;
	}
	table {
		display: none;
	}
	var,kbd,samp,code {
		word-break: break-all;
	}
	body ul {
		list-style-type: none;
		list-style-image: none;
		padding: 0;
	}
	body ol {
		list-style-position: inside;
		padding: 0;
	}
	body ol li {
		margin: 0;
		padding: 0.9em 0;
		font-size: 1em;
	}
	body ol li::before {
		content: "\A";
		white-space: pre;
	}
	body ul li {
		margin: 0.3em 0;
		padding: 0;
		font-size: 1em;
	}
}