/* -*- Mode: c; c-tab-width: 2; -*- */

@import url(common.css);

/* Set the colors nicely */
html { background: white; color: black; }
* > * { background: inherit; color: inherit; }

* > * { border: 2px solid red; margin: 5px; }
* > * > * { border-width: 1px; }
* > * > * { border-color: blue; }
* > * > * > * { border-color: red; }
* > * > * > * > * { border-color: blue; }
* > * > * > * > * > * { border-color: red; }
* > * > * > * > * > * > * { border-color: blue; }
* > * > * > * > * > * > * > * { border-color: red; }
* > * > * > * > * > * > * > * > * { border-color: blue; }
* > * > * > * > * > * > * > * > * > * { border-color: red; }
* > * > * > * > * > * > * > * > * > * > * { border-color: blue; }

head { display: block; margin: 0 0 1em 0; }
head:before {
  content: "head";
  display: block;
  font-size: x-large;
  text-transform: uppercase;
}

body { display: block; margin: 1em 0 0 0 }
body:before {
  content: "body";
  display: block;
  font-size: x-large;
  text-transform: uppercase;
}

title { display: block; }
title:before { display: inline; content: "title: " open-quote; }
title:after { display: inline; content: close-quote; }
title { text-transform: capitalize; }

meta { display: block; }
meta:before {
 content: "meta " attr(name) ": " open-quote attr(content) close-quote;
}
meta:first-letter { text-transform: uppercase; }

link { display: block; }
link:before {
 display: inline;
 content: "some sort of link";
}
link[rel]:before {
 content: "link to " open-quote attr(rel) close-quote;
}
link[rel][type]:before {
 content: attr(rel) " of type " attr(type) ", located at " attr(href);
}
link[rel][type][title]:before {
 content: attr(rel) " " open-quote attr(title) close-quote " of type "
	    attr(type) ", located at " attr(href);
}
link[rel][type][title][media]:before {
 content: attr(rel) " " open-quote attr(title) close-quote " for "
	    attr(media) " media, of type " attr(type) ", located at "
	    attr(href);
}
link[rel][type][media]:before {
 content: attr(rel) " for " attr(media) " media, of type " attr(type)
	    ", located at " attr(href);
}
link[rev]:before { content: attr(rev) " by " attr(href) ; }
link:first-letter { text-transform: uppercase; }

a:after { display: inline; content: " <" attr(href) ">" }