default.css

/*
 * Style sheet for the CSS3 specification,
 * to be used in addition to http://www.w3.org/StyleSheets/TR/W3C-{WD,PR,REC}
 * $Id: default.css,v 1.1 2009-02-10 23:20:44 dean Exp $
 */

@media print {

    /* the following doesn't work for now,
       instead we rely on a patched version of html2ps which has this built-in */
    .dlink { display: none }

    /* the following doesn't work for now,
       instead we rely on a patched version of html2ps which has this built-in */
    div.navbar {
       display: none;
    }

    html { margin: 0 !important }
    body { font-family: serif }
    th, td { font-family: inherit }
    a { color: inherit !important }
    div.example:before { font-family: serif !important }
    pre.example:before { font-family: serif !important }
    a:link, a:visited { text-decoration: none !important }
    a:link:after, a:visited:after { /* create a cross-ref "see..." */ }
}
@page {
    margin: 1.5cm 1.1cm;
}

/* html body { margin-left: 8.5em } /* Overrides 70px in base.css */

body {counter-reset: exampleno figure}

h1, h2, h3, h4, h5, h6 { page-break-after: avoid; font-family: inherit }
div.figure, div.sidefigure, pre, table.propdef, table.propdef-extra,
div.example { page-break-inside: avoid }
dt { page-break-after: avoid }

span.id {float: right; font-weight: bold}

p, p.testlink + p, p.mtb {
    text-indent: 0;
    margin-bottom: 0.8em;
    margin-top: 0.2em;
}
p + p, p + div.sidefigure + p {
    text-indent: 0em;
    margin-top: 0.8em;
}
dd > p:first-child, li > p:first-child {
    margin-top: 0
}

h1 + h2 {
    margin-top: 0;
}

pre {
    text-align: left; /* fixes justification in Mac IE 5 */
    text-indent: 0;   /* fixes indent in Mac Netscape 6 */
    margin-top: 1em;
    margin-bottom: 1em;
}
/*
var {
    font-style: normal;
}
*/
img {
    border-style: none;
    color: white;
}
.toc {
    text-indent: 0;
}


@media all { /* NS < 6 doesn't like borders around inline elements... */

    body {
        line-height: 1.3;
        -webkit-text-size-adjust:none;
    }

    a:link, a:visited {
        color: inherit;
        text-decoration: underline;
    }

    a.logo:link, a.logo:visited {
        padding: 0;
        border-style: none;
    }

    /* Hmm, this seems to confuse many browsers... */
    dt { margin-left: 0 }
    dd { margin-left: 2em }
    dl, ul, ol { margin-left: 0; padding-left: 0 }
    li { margin-left: 2em; padding-left: 0 }

}
ul.indexlist { margin-left: 0; /*column-width: 13em; columns: 13em*/ }
ul.indexlist li { margin-left: 0; list-style: none }
ul.indexlist li li { margin-left: 1em }

.example {
    counter-increment: exampleno;
}
div.example:before {
    content: "Example";
    content: "Example " counter(exampleno, upper-roman);
    font: bold small sans-serif;
    /*float: left;*/
    position: absolute;
    top: -0.9em;
    left: -2.5em;
    width: 7.5em;
    text-align: center;
    line-height: 1em;
    color: #FFF8DD;
    background: #600;
    padding: 0.1em;
    border: thin solid #999;
    /*margin: -1.3em 0 0.3em -2.5em;*/
}
pre.example:before {
    content: "Example";
    content: "Example " counter(exampleno, upper-roman);
    font: bold small sans-serif;
    /*float: left;*/
    position: absolute;
    top: -0.9em;
    left: -2.5em;
    width: 7.5em;
    text-align: center;
    line-height: 1em;
    color: #FFF8DD;
    background: #600;
    padding: 0.1em;
    border: thin solid #999;
    /*margin: -1.3em 0 0.3em -2.5em;*/
}
div.example, div.illegal-example, div.html, div.illegal-html, div.xml,
div.illegal-xml, pre.example, pre.illegal-example, pre.html,
pre.illegal-html, pre.xml, pre.illegal-xml {
    background: #FFF8DD;
    padding: 0.5em;
    margin: 1em 0;
    border: thin solid #999;
    position: relative;
}
pre.example, pre.illegal-example, pre.html,
pre.illegal-html, pre.xml, pre.illegal-xml {
    padding-top: 1.5em;
}
div.example { color: #600 }
pre.example { color: #600 }
pre.illegal-example { color: red }
div.illegal-example { color: red }
div.illegal-example p { color: black }

div.html { color: #600 }
pre.html { color: #600 }
pre.illegal-html { color: red }
div.illegal-html { color: red }
div.illegal-html p { color: black }
pre.deprecated-html { color: red }
div.deprecated-html { color: red }
div.deprecated-html p { color: black }

div.xml { color: #600 }
pre.xml { color: #600 }
pre.illegal-xml { color: red }
div.illegal-xml { color: red }
div.illegal-xml p { color: black }

/* code { font-size: 90% } */
.css { color: #800 }		/* inline CSS code (SPAN/CODE) */
code.css { font-family: inherit; font-size: 100% }
code.html { color: #600 }	/* inline HTML */
code.xml { color: #600 }	/* inline XML */
.property { font: inherit; }	/* name of a CSS property (SPAN) */
.descriptor { }			/* name of a CSS descriptor (SPAN) */
.issue { color: #c00 }		/* editorial remark, open issue */
.type { font-style: italic }	/* A <type> value for a property */

dfn { font-weight: bolder; /*font-size: 1em*/ }

/* Class note is a non-normative note. May be inline or a P or DIV */

div.note:before {
    content: "Non-normative";
    font: bold small sans-serif;
    /*float: left;*/
    position: absolute;
    top: -0.9em;
    left: -2.5em;
    width: 7.5em;
    text-align: center;
    line-height: 1em;
    color: #F8FFDD;
    background: #060;
    padding: 0.1em;
    border: thin solid #999;
    /*margin: -1.3em 0 0.3em -2.5em;*/
}
div.note, pre.note {
    background: #F8FFDD;
    padding: 0.5em;
    margin: 1em 0;
    border: thin solid #999;
    position: relative;
}
pre.note {
    padding-top: 1.5em;
}
div.note { color: #060 }
pre.note { color: #060 }

div.note.editor:before {
    content: "Editor's note";
    background: #600;
}
div.note.editor {
    background: #FFDDF8;
    color: black;
}
div.note.rationale:before {
    content: "Rationale";
    background: #006;
}
div.note.rationale {
    background: #DDF8FF;
    color: black;
}


/* Class strawman is a strawman proposal. May be inline or a P or DIV */

div.strawman:before {
    content: "Strawman Proposal";
    font: bold small sans-serif;
    /*float: left;*/
    position: absolute;
    top: -0.9em;
    left: -1.5em;
    width: 10em;
    text-align: center;
    line-height: 1em;
    color: #F8E2E2;
    background: #A33;
    padding: 0.1em;
    border: thin solid #999;
    /*margin: -1.3em 0 0.3em -2.5em;*/
}
div.strawman, pre.strawman {
    background: #F8E2E2;
    padding: 0.5em;
    margin: 1em 0;
    border: thin solid #999;
    position: relative;
}
pre.strawman {
    padding-top: 1.5em;
}
div.strawman { color: #400 }
pre.strawman { color: #400 }

.normref { color: red }	
.informref { color: green }	


/* ToC not indented, but font style shows hierarchy */
//ul.toc {margin: 1em 0; padding: 0; font-weight: bold}
//ul.toc ul {margin: 0; padding: 0; font-weight: normal}
//ul.toc ul ul {margin: 0 /*0 0 2em*/; font-style: italic}
//ul.toc ul ul ul {margin: 0}
//ul.toc li {margin: 0.6em 0; padding: 0}
//ul.toc li li {margin: 0}
/*
ul.toc li li li, ul.toc li li li ul {margin-left: 0; display: inline}
ul.toc li li li ul, ul.toc li li li ul li {margin-left: 0; display: inline}
*/

ul li+li {margin-top: 1em; gborder: 1px solid red;}

.toc-h2 {margin: 0.5em 0; padding: 0; font-weight: bold; font-style: normal; }
.toc-h3 {margin: 0.2em 0.5em; padding: 0; font-weight: normal; font-style: normal; }
.toc-h4 {margin: 0.2em 1em; padding: 0; font-weight: normal; font-style: italic; }
.toc-h5 {margin: 0.2em 1.5em; padding: 0; font-weight: normal; font-style: italic; font-size:0.9em; }

@media all { /* NS4 doesn't align the floats properly :-( */

  /* Section numbers in a column of their own */
  ul.toc span.secno {margin-right: 1em} /* workaround for Opera6 */
  ul.toc span.secno {float: left; width: 4em; margin-left: -5em}
  /*ul.toc span.secno {text-align: right}*/
  ul.toc li {clear: both}
  ul.toc {margin-left: 5em}
  /* If we had 'tab', floats would not be needed here:
       ul.toc span.secno {tab: 5em right; margin-right: 1em}
       ul.toc li {text-indent: 5em hanging}
     The second line in case items wrap
  */
}

ul.index {
  list-style: disc;		/* Mac NS has problem with 'none' */
  list-style: none;
}

s, del {text-decoration: line-through; color: red}
u, ins {text-decoration: underline; background: #bfa}

div.figure, div.sidefigure {
    text-align: center;
    margin: 2.5em 0;
}
div.sidefigure {
    float: right;
    width: 50%;
    margin: 0 0 0.5em 0.5em
}
div.figure img, div.sidefigure img {
    display: block;
    margin: auto;
    max-width: 100%
}
p.caption, caption {
    text-align: center;
    font-style: italic;
    font-size: 90%;
    margin: 1.5em 2em;
    text-indent: 0;
}
p.caption:before {
    content: "Figure " counter(figure) ". ";
    font-weight: bold;
}
p.caption {
    counter-increment: figure;
}

/* DL list is indented, but figure inside it is not */
dd { margin-left: 2em }
dd div.figure { margin-left: -2em }

sup {
    vertical-align: super;
    font-size: 80%
}

/* "Equations" (not real MathML, but simple HTML) are put in a
blockquote and may have an equation number. We make sure the
blockquote has enough margin on the right and then put the equation
number there. */

blockquote {
    margin: 0.5em 4em 0.5em 2em;
    text-indent: 0;
}
.eqno {
    text-align: right;
    float: right;
    width: 3em;
    margin: 0 -4em 0 0;
    font-weight: bold;
    /* background: silver; color: black; padding: 0.1em */
}

table.equiv-table { border-spacing: 0; margin: 0.5em 0 }
table.equiv-table th, table.equiv-table td { padding: 0.3em }
table.equiv-table th { text-align: left }
/* table.equiv-table th:first-child { text-align: right } */
table.equiv-table td, table.equiv-table th { border-bottom: thin solid #666 }
table.equiv-table { border-bottom: hidden }
table.equiv-table { empty-cells: show }
table.equiv-table caption { margin: 0.5em 0 0 0 }

/* Style for table of properties */
table.proptable {
    font-size: small;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left;
    margin: 1em 0;
}

table.proptable td, table.proptable th {
    padding: 0.4em;
    border-style: solid none none dotted;
    border-width: thin;
    border-color: red;
}
table.proptable th:first-child, table.proptable td:first-child {
    border-left-style: none;
}


/* Style for table that defines a property or a descriptor */
table.propdef, table.propdef-extra, table.descdef {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
    background: #DEF;
    margin-top: 1.2em;
    margin-bottom: 1.2em
}

/* Since Jan 2008, some CSS modules use <th> instead of <td> in the
first column of a table.propdef. These rules handle both. As of Jan
2008, http://www.w3.org/Style/spec-mark-up still only documents <td>
*/

table.propdef td, table.propdef-extra td, table.descdef td,
table.propdef th, table.propdef-extra th, table.descdef th {
    padding: 0 0.3em;
    vertical-align: baseline;
}
/*
table.propdef dfn, table.propdef-extra dfn, table.descdef dfn {
    font-weight: bold;
    font-style: normal
}
*/
table.propdef td:first-child,
table.propdef-extra td:first-child,
table.descdef td:first-child,
table.propdef th:first-child,
table.propdef-extra th:first-child,
table.descdef th:first-child {
    font-style: italic;
    font-weight: normal;
    text-align: left;
    width: 8.3em
}
table.propdef td[colspan]:first-child,
table.propdef-extra td[colspan]:first-child,
table.descdef td[colspan]:first-child,
table.propdef th[colspan]:first-child,
table.propdef-extra th[colspan]:first-child,
table.descdef th[colspan]:first-child {
    font-style: inherit
}
table.propdef tr:first-child,
table.propdef-extra tr:first-child,
table.descdef tr:first-child {
    background: #005A9C;
    color: white
}
/* table.propdef tr:first-child td { padding-top: 0.1em; padding-bottom: 0.1em } */

/* This would replace :first-child for Opera, but it confuses WinIE :-( */
/*
table.propdef td { width: 8em }
table.propdef td + td { width: auto }
table.propdef tr { background: #005A9C; color: white }
table.propdef tr + tr { background: transparent; color: black }
*/

/* CSS modules typically don't use MUST, SHOULD etc. from RFC 2119,
or, if they do, they don't put them in uppercase. But the following
class is provided in case a spec wants to use RFC 2119 terms in
uppercase in the source. */

em.rfc2119 {
    text-transform: lowercase;
    font-variant: small-caps;
    font-style: normal
}

/* In Profile specs, a table of required features: */

table.features th {
    background: #00589f;
    color: #fff;
    text-align: left;
    padding: 0.2em 0.2em 0.2em 0.5em;
}
table.features td {
    vertical-align: top;
    border-bottom: 1px solid #ccc;
    padding: 0.3em 0.3em 0.3em 0.7em;
}


/* Style for data tables (and properly marked-up proptables) */

    .data, .proptable {
      margin: 1em auto;
      border-collapse: collapse;
      border: solid #005A9B;
    }
    .data caption {
      width: 100%;
      text-align: center;
    }
    .data td, .data th,
    .proptable td, .proptable th {
      border: thin solid;
      padding: 0.2em;
      text-align: center;
    }
    .data thead th[scope="row"],
    .proptable thead th[scope="row"] {
      text-align: right;
      background: #A4C8E2;
      color: inherit;
    }
    .data thead,
    .proptable thead {
      background: #EEEEEE;
      color: inherit;
    }
    .data tbody th:first-child,
    .proptable tbody th:first-child {
      text-align: right;
      background: #EEEEEE;
      color: inherit;
    }
    .data thead,
    .data tbody,
    .data tfoot,
    .data colgroup {
      border: solid;
    }

    .data img {
      vertical-align: middle;
    }

    table.propdef {
      table-layout: auto;
    }
    .propdef th {
      font-style: italic;
      font-weight: normal;
      text-align: left;
      width: 3em;
    }
    dt dfn code {
      font-size: inherit;
    }

/* This is mostly to make the list inside the CR exit criteria more compact. */
dl ol, dl ol li {display: inline; padding: 0; margin: 0}
dl ol {counter-reset: list-item}
dl ol li {counter-increment: list-item}
dl ol li:before {content: "(" counter(list-item) ") "; font-weight: bold}

/* ---------- Rules below were refactored from Khronos-WD.css and Khronos-Final.css ---------- */

/*
   Adapted for Khronos from http://www.w3.org/StyleSheets/TR/W3C-WD.css by Chris Marrin (cmarrin@apple.com)
   
   Copyright 1997-2003 W3C (MIT, ERCIM, Keio). All Rights Reserved.
   The following software licensing rules apply:
   http://www.w3.org/Consortium/Legal/copyright-software */

/* $Id: base.css,v 1.25 2006/04/18 08:42:53 bbos Exp $ */

body {
  padding: 2em 1em 2em 70px;
  margin: 0;
  font-family: sans-serif;
  color: black;
  background: white;
  background-position: top left;
  background-attachment: fixed;
  background-repeat: no-repeat;
}
:link { color: #00C; background: transparent }
:visited { color: #609; background: transparent }
a:active { color: #C00; background: transparent }

a:link img, a:visited img { border-style: none } /* no border on img links */

a img { color: white; }        /* trick to hide the border in Netscape 4 */
@media all {                   /* hide the next rule from Netscape 4 */
  a img { color: inherit; }    /* undo the color change above */
}

table {
    border-width:1px;
    border-style:solid;
    border-spacing:2px;
    border-collapse:collapse;
    padding:3;
}

th, td { /* ns 4 */
    border-width:1px;
    border-style:solid;
   font-family: sans-serif;
   padding:4px;
   text-align:left;
}

th {
    color:#111155;
    border-bottom:3px solid;
    background-color:#CCCCEE;
}

h1, h2, h3, h4, h5, h6 { text-align: left }
/* background should be transparent, but WebTV has a bug */
h1, h2, h3 { color: #005A9C; background: white }
h1 { font: 170% sans-serif }
h2 { font: 140% sans-serif }
h3 { font: 120% sans-serif }
h4 { font: bold 100% sans-serif }
h5 { font: italic 100% sans-serif }
h6 { font: small-caps 100% sans-serif }

.hide { display: none }

.left {
    float: left;
}

.right {
    float: right;
}

div.head { margin-bottom: 1em }
div.head h1 { margin-top: 2em; clear: both }
div.head table { margin-left: 2em; margin-top: 2em }

div.nonnormative,
p.nonnormative {
    color: green;
    margin: 2em 0 2em 2em; 
    padding: 0.5em 1em; 
    border: none; 
    background: #EEFFEE;
}

p.copyright { font-size: small }
p.copyright small { font-size: small }

@media screen {  /* hide from IE3 */
a[href]:hover { background: #ffa }
}

pre { margin-left: 2em }
/*
p {
  margin-top: 0.6em;
  margin-bottom: 0.6em;
}
*/
dt, dd { margin-top: 0; margin-bottom: 0 } /* opera 3.50 */
dt { font-weight: bold }

pre, code { font-size: 1.2em; font-family: monospace; } /* navigator 4 requires this */

pre.idl { border: solid thin; background: #EEEEEE; color: black; padding: 0.5em 1em; min-width: 61em;}
pre.idl :link, pre.idl :visited { color: inherit; background: transparent; }

/* for a list of steps */
ol.stepslist>li{
  margin-top: 1em;
}
ol.stepslist ol {
  margin-top: 1em;
}
ol.stepslist ul {
  margin-top: 1em;
}

dl.methods {
    color: black;
    margin: 2em 0 2em 2em; 
    padding: 0.5em 1em; 
    border: none; 
    background: #EEEEFF;
}

.methods dt {
    padding-top: 1em;
}

.idl-code {
  color:black;
  font-size: 125%;
  font-family: monospace;
  font-weight: bold;
}

p.idl-code {
  margin-top: 0.0em;
  margin-bottom: 0.0em;
}


.gl-spec {
  color: #111155;
  font-family: sans-serif;
  font-size: 60%;
  font-style:italic;
  font-weight:normal;
}

.gl-spec :link,
.gl-spec :visited
{
  color: green ! important;
}

ul.toc, ol.toc {
  list-style: disc;		/* Mac NS has problem with 'none' */
  list-style: none;
}

@media aural {  
  h1, h2, h3 { stress: 20; richness: 90 }
  .hide { speak: none }
  p.copyright { volume: x-soft; speech-rate: x-fast }
  dt { pause-before: 20% }
  pre { speak-punctuation: code } 
}

/******************************************************************
 * MikeSmith (2008-06-07)
 * Because our current online HTML diff tool[1] doesn't output
 * colored diffs, I the following rules for .diff-* classes so
 * I can get colored output in HTML diffs for Editor's Drafts.
 * [1] http://www.w3.org/2007/10/htmldiff
 ******************************************************************/
.diff-new {
  background-color: yellow;
}
.diff-chg {
  background-color: lime;
}
.diff-new:before,
.diff-new:after {
  content: "\2191";
}
.diff-chg:before,
.diff-chg:after {
  content: "\2195";
}
.diff-old {
  text-decoration: line-through;
  background-color: #FBB;
}
.diff-old:before,
.diff-old:after {
  content: "\2193";
}
/* end MikeSmith (2008-06-07) additions */

/* ---------- Support for nested ordered lists ---------- */

ol.nestedlist {counter-reset: list-item }
ol.nestedlist li { display: block }
ol.nestedlist li:before {content: counters(list-item, ".") "."; counter-increment: list-item }