@import url(../style.css);

.opti  { opacity: 0.5; }
.obs   { text-decoration: line-through; }

/* SVG */
.svg1:after   { content: "svg1";   font-size: small; background-color: #fff; }
.svg2:after   { content: "svg2";   font-size: small; background-color: #ddd; }

/* XML/XSL */
.xsl1:after   { content: "xsl1";   font-size: small; background-color: #fff; }
.xsl2:after   { content: "xsl2";   font-size: small; background-color: #eee; }

/* HTML */
.html1:after  { content: "html1";  font-size: small; background-color: #fff; }
.html2:after  { content: "html2";  font-size: small; background-color: #eee; }
.html3:after  { content: "html3";  font-size: small; background-color: #ddd; }
.html4:after  { content: "html4";  font-size: small; background-color: #ccc; }
.html5:after  { content: "html5";  font-size: small; background-color: #cfc; }
.html51:after { content: "html51"; font-size: small; background-color: #8f8; }
.html52:after { content: "html52"; font-size: small; background-color: #6a6; }

/* CSS */
.css1:after   { content: "css1";   font-size: small; background-color: #fff; }
.css2:after   { content: "css2";   font-size: small; background-color: #ddd; }
.css3:after   { content: "css3";   font-size: small; background-color: #afa; }
.css-sel3:after   { content: "sel3";   font-size: small; background-color: #afa; }
.css-color:after  { content: "color";  font-size: small; background-color: #afa; }
.css-name:after   { content: "name";   font-size: small; background-color: #afa; }
.css-text:after   { content: "text";   font-size: small; background-color: #afa; }
.css-deco:after   { content: "deco";   font-size: small; background-color: #afa; }
.css-bidi:after   { content: "bidi";   font-size: small; background-color: #afa; }
.css-font:after   { content: "font";   font-size: small; background-color: #afa; }
.css-mcol:after   { content: "mcol";   font-size: small; background-color: #ffa; } /* candidate */
.css-back:after   { content: "back";   font-size: small; background-color: #ffa; } /* candidate */
.css-gcpm:after   { content: "book";   font-size: small; background-color: #faa; } /* draft */
.css-trans:after  { content: "trans";  font-size: small; background-color: #faa; } /* draft */
.css-figure:after { content: "figure"; font-size: small; background-color: #f88; } /* whatwg */
.css-flex:after   { content: "flex";   font-size: small; background-color: #faa; } /* https://drafts.csswg.org/css-flexbox-1 */
/*
.speech:after { content: " speech"; font-size: small; background-color: #faa; }
.mobile:after { content: " mobile"; font-size: small; background-color: #faa; }
*/