diff --git a/geek.css b/geek.css deleted file mode 100644 index 389b545..0000000 --- a/geek.css +++ /dev/null @@ -1,22 +0,0 @@ -span.must, span.required -{ - background-color: #d6ffb9; - box-shadow: 0 0 6px 6px lime; -} - -span.mustnot, span.shallnot, span.shouldnot -{ - background-color: #ffe3e3; - box-shadow: 0 0 6px 6px red; -} - -span.shall, span.should, span.recommended { - background-color: #d6eeff; - box-shadow: 0 0 6px 6px #0985d8; -} - -span.may, span.optional -{ - background-color: #ffffd6; - box-shadow: 0 0 6px 6px yellow; -} \ No newline at end of file diff --git a/override.css b/override.css deleted file mode 100644 index 3cb4811..0000000 --- a/override.css +++ /dev/null @@ -1,260 +0,0 @@ -/* Tweaks to override respec formatting */ - -body { - counter-reset: example; -} - -/* "work in progress" text used in references. */ -.wip { - font-style: italic; -} - -/* Make h5 and h6 easier to see. */ - -section > h5 { - font-style: normal; - font-size: 1em; - font-weight: bold; - color: #005A9C; - margin-bottom: 0.5em; -} - -section > h6 { - font-style: normal; - font-size: 1em; - font-weight: bold; - color: #005A9C; - padding-left: 16px; - margin-bottom: 0.5em; -} - -/* Warnings */ - -section > .warning { - margin-top: 0.5em; - margin-bottom: 0.5em; -} - -dd > .warning { - margin-top: 0.5em; - margin-bottom: 0.5em; -} - -/* Notes */ - -.note-title { - display: none; -} - -section > .note { - margin-top: 0.5em; - margin-bottom: 0.5em; -} - -dd > .note { - margin-top: 0.5em; - margin-bottom: 0.5em; -} - -.note > p { - margin: 0.5em 0; - padding-left: 8px; -} - -.issue { - background-color: #fff0f0; -} - -/* Examples */ - -div.example { - margin-bottom: 1em; -} - -div.example > p { - margin: 0.5em 0 0 0; -} - -div.example > p:first-child { - margin: -0.5em 0 0 0; -} - -div.example > ol,ul,pre,table { - margin: 0; -} - -div.warning > p { - margin: 0.5em 0 0 0; -} - -div.warning > p:first-child { - margin: -0.5em 0 0 0; -} - -.example-title:before { - content: "Example "; -} - -.example-title { - font-weight: bold; - background-color: #FF4500; - color: white; - letter-spacing: 0.05em; - display: block; - width: 6.3em; - margin: -1em 0em 1em -1em; - padding: 0.2em 0.2em 0.1em 0.4em; -} - -.example-title:after { - counter-increment: example; - content: counter(example); -} - -/* Remove extra margin from around each param description */ -.prmDesc > p { - margin: 0 0; -} - -/* "Introduced in DOM Level n" */ - -.intro-dom { - font-size: 0.9em; - font-style: italic; -} - -/* Suppress auto-generated IDL sections in the Appendix. - These tables simply restate the info in the IDL so they're not needed. - */ - -#event-initializers > section > section > h5 { - display: none; -} - -#idl-interface-Event-initializers > h4 + pre + section { - display: none; -} - -#idl-interface-CustomEvent-initializers > h4 + pre + section { - display: none; -} - -#idl-interface-UIEvent-initializers > h4 + pre + section { - display: none; -} - -#idl-interface-FocusEvent-initializers > h4 + pre + section { - display: none; -} - -#idl-interface-MouseEvent-initializers > h4 + pre + section { - display: none; -} - -#idl-interface-WheelEvent-initializers > h4 + pre + section { - display: none; -} - -#idl-interface-KeyboardEvent-initializers > h4 + div + pre + section { - display: none; -} - -#idl-interface-CompositionEvent-initializers > h4 + div + pre + section { - display: none; -} - -/* Formatting for the key value tables. - */ -/* The
that contains the key table. */ -.key-table { - padding: 0 15px 0 30px; -} - -.key-value-table { - width: 100%; -} - -/* The cell in a key table that contains the key name. */ -.key-table-key { - vertical-align: top; -} - -/* Formatting for the event sequence tables. - */ -.event-sequence-table th { - background:none repeat scroll 0 0 #E8EDFF; - color:#003399; - font-weight:normal; - padding: 0.25em 0.5em 0.25em 0.5em; -} - -.event-sequence-table td { - background:none repeat scroll 0 0 #ffffff; - color:#666699; - padding: 0 0.5em 0 0.5em; -} - -.event-sequence-table tr:hover td { - background:none repeat scroll 0 0 #E8EDFF; - color:#333399; -} - -/* Formatting for the legacy key tables in the Appendix. - */ -.legacy-key-table th { - background:none repeat scroll 0 0 #E8EDFF; - color:#003399; - font-weight:normal; - padding: 0.25em 0.5em 0.25em 0.5em; -} - -.legacy-key-table td { - background:none repeat scroll 0 0 #ffffff; - color:#666699; - padding: 0 0.5em 0 0.5em; -} - -.legacy-key-table tr:hover td { - background:none repeat scroll 0 0 #E8EDFF; - color:#333399; -} - -.cell-center { - text-align: center; -} - -.cell-number { - text-align: right; - min-width: 3em; -} - -/* formatting for data tables (including the keyboard codes) */ -.data-table { - border-collapse:collapse; - text-align:left; - width: 100%; -} - -.data-table th { - background:none repeat scroll 0 0 #B9C9FE; - border-bottom:1px solid #FFFFFF; - border-top:4px solid #AABCFE; - color:#003399; - font-weight:normal; - padding: 2px; - padding-left: 0.5em; -} - -.data-table td { - background:none repeat scroll 0 0 #E8EDFF; - border-bottom:1px solid #FFFFFF; - border-top:1px solid transparent; - color:#666699; - padding: 2px; - padding-left: 1em; -} - -.data-table tr:hover td { - background:none repeat scroll 0 0 #D0DAFD; - color:#333399; -} diff --git a/spec-WD.css b/spec-WD.css deleted file mode 100644 index 16b40be..0000000 --- a/spec-WD.css +++ /dev/null @@ -1,269 +0,0 @@ -h4 { - text-align: left; - font-family: sans-serif; - font-weight: normal; - color: #005A9C; -} - -/*.attribute-name { - color: black; - background-color: #FFFFD2; -} - -.constant-name { - color: black; - background-color: #DDFFD2; -} - -.method-name { - color: black; - background-color: #D9E6F8; - font-size: large; - font-style: italic; -} - -.parameter-name { - color: black; - background-color: #FEE6F8; -}*/ - -/* Some fun IDL styling */ -.comment { - color: green; -} - -.d3-idl a:first-of-type { - font-weight: bolder; - font-size: larger; -} - -/*ul.toc, ol.toc {list-style: none} -div.toc ul ul, div.toc ol ol {margin-left: 0} -div.toc ul ul ul, div.toc ol ol ol {margin-left: 1em} -div.toc ul ul ul ul, div.toc ol ol ol ol {margin-left: 0} -li.tocline1 {font-weight: bold} -li.tocline2 {font-weight: normal} -li.tocline4 {font-style: italic} -*/ -/* code { font-family: monospace } */ - -div.paramtable { margin-left: 1em } -div.returntable { margin-left: 1em } - -/* default alignment for tables */ -table { - margin-bottom: 1em; -} - -td { - vertical-align: middle; -} - -/* style for event definition tables */ - -.event-definition table { - border: 2px solid black; - width: 95%; -} - -.event-definition td, -.event-definition th { - border-bottom: 1px dashed #ccc; - padding-left: 8px; - padding-right: 8px; -} - -.event-definition th { - text-align: left; - font-weight: normal; - border-right: 1px dashed #ccc; - white-space: nowrap; - background-color: #D9E6F8; - background-color: #F7F5D7; - background-color: #D0DAFD; -} - -.event-definition td { - width: 100%; -} - -.event-definition tr:last-child td { - border-bottom: none; -} - -.event-definition dfn a { - font-size: larger; - /*font-family: monospace; - color: black; - font-weight: normal; - font-style: normal; - padding-left: 1em; - padding-right: 1em; - padding-top: 0.2em; - background-color: #FFC500;*/ -} - -.event-definition dd table { - margin-bottom: -0.02em; -} - -/* Added the d3-idl class here to remove underlines in IDL blocks */ -/*.event-definition a, .d3-idl a { - text-decoration: none -}*/ - -.event-definition td b { - font-weight: normal -} - -.event-definition dd { - margin-top: 4px -} - -/* style for context info event definition lists */ - -.event-definition td > ul > li { - margin-left: -2.5em; - list-style: none; - border-bottom: 1px dashed #ccc; -} - -.event-definition td > ul > li.last { - border-bottom: none; -} - -dt > p, dd > p { - margin-top: 0.5em; -} - -/* style for exception table */ - -.exceptiontable -{ - border-top-style: hidden; - border-right-style: hidden; - border-bottom-style: none; - border-left-style: hidden; - border-collapse: collapse; -} -.exceptiontable td, .exceptiontable th -{ - padding: 0.2em; - vertical-align: top; - border-right-color: currentColor; - border-bottom-color: currentColor; - border-left-color: currentColor; - border-right-width: medium; - border-bottom-width: thin; - border-left-width: medium; - border-right-style: solid; - border-bottom-style: solid; - border-left-style: solid; -} - -/*h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { - color: inherit !important; - font-weight: inherit !important; - text-decoration: none !important; - font-style: inherit !important; -}*/ - -.typeCell { - background-color: #cfcfcf; -} - -h5 { - font-weight: bold; -} - -dl#glossary-list dt a -{ - font-weight: bold; -} - -/*a.eventtype { - text-decoration: none; -}*/ - -/*a.eventtype code { - font-size: 1.13em; - color: #ff6d00; -}*/ - -/* Denotes a key value (the value of the KeyboardEvent.key property) */ -.key { - color: #191970; - background-color: #b0e0e6; -} - -/* Denotes a code value (the physical location of the key on the keyboard) */ -.code { - color: #191970; - background-color: #ffc4ff; -} - -/* Denotes a char value (the code-point for the character) */ -.char { - color: #191970; - background-color: #98fb98; -} - -/* Denotes a char value (an example glyph for the character) */ -.glyph { - color: #191970; - background-color: #ffe4b5; -} - -dl#key-id-set dt { - display: inline; -} - -a.def { - color: inherit; - text-decoration: inherit; - border-bottom: 1px dotted blue; -} - -/*style for table-event-summary and table-key-values */ - -.data-table { - border-collapse:collapse; - text-align:left; -} - -.data-table th { - background:none repeat scroll 0 0 #B9C9FE; - border-bottom:1px solid #FFFFFF; - border-top:4px solid #AABCFE; - color:#003399; - font-weight:normal; - padding: 2px; - padding-left: 0.5em; -} - -.data-table td { - background:none repeat scroll 0 0 #E8EDFF; - border-bottom:1px solid #FFFFFF; - border-top:1px solid transparent; - color:#666699; - padding: 2px; - padding-left: 1em; -} - -.data-table tr:hover td { - background:none repeat scroll 0 0 #D0DAFD; - color:#333399; -} - -/*style for algorithm lists */ -ol.algo { - counter-reset: section; - list-style-type: none; -} - -ol.algo li { - counter-increment: section; - margin-top: 0.5em; -} -ol.algo li:before { content: counters(section, ".") ". "; } -ol.algo li ol.algo li { margin-left: -1em; } diff --git a/spec.css b/spec.css deleted file mode 100644 index 4f06779..0000000 --- a/spec.css +++ /dev/null @@ -1,295 +0,0 @@ -h4 { - text-align: left; - font-family: sans-serif; - font-weight: normal; - color: #005A9C; -} - -.attribute-name { - color: black; - background-color: #FFFFD2; -} - -.constant-name { - color: black; - background-color: #DDFFD2; -} - -.method-name { - color: black; - background-color: #D9E6F8; - font-size: large; - font-style: italic; -} - -.parameter-name { - color: black; - background-color: #FEE6F8; -} - -/* Some fun IDL styling */ -.comment { - color: green; -} - -.idl a:first-of-type { - font-weight: bolder; - font-size: larger; -} - -ul.toc, ol.toc {list-style: none} -div.toc ul ul, div.toc ol ol {margin-left: 0} -div.toc ul ul ul, div.toc ol ol ol {margin-left: 1em} -div.toc ul ul ul ul, div.toc ol ol ol ol {margin-left: 0} -li.tocline1 {font-weight: bold} -li.tocline2 {font-weight: normal} -li.tocline4 {font-style: italic} - -code { font-family: monospace } - -div.paramtable { margin-left: 1em } -div.returntable { margin-left: 1em } - -/* default alignment for tables */ -table { - margin-bottom: 1em; -} - -td { - vertical-align: middle; -} - -/* style for event definition tables */ - -.event-definition table { - border: 2px solid black; - width: 95%; -} - -.event-definition td, -.event-definition th { - border-bottom: 1px dashed #ccc; - padding-left: 8px; - padding-right: 8px; -} - -.event-definition th { - text-align: left; - font-weight: normal; - border-right: 1px dashed #ccc; - white-space: nowrap; - background-color: #D9E6F8; - background-color: #F7F5D7; - background-color: #D0DAFD; -} - -.event-definition td { - width: 100%; -} - -.event-definition tr:last-child td { - border-bottom: none; -} - -.event-definition dfn a { - font-family: monospace; - color: black; - font-weight: normal; - font-style: normal; - padding-left: 1em; - padding-right: 1em; - padding-top: 0.2em; - background-color: #FFC500; -} - -.event-definition dd table { - margin-bottom: -0.02em; -} - -/* Added the idl class here to remove underlines in IDL blocks */ -.event-definition a, .idl a { - text-decoration: none -} - -.event-definition td b { - font-weight: normal -} - -.event-definition dd { - margin-top: 4px -} - -/* style for context info event definition lists */ - -.event-definition td > ul > li { - margin-left: -2.5em; - list-style: none; - border-bottom: 1px dashed #ccc; -} - -.event-definition td > ul > li.last { - border-bottom: none; -} - -dt > p, dd > p { - margin-top: 0.5em; -} - -/* style for exception table */ - -.exceptiontable -{ - border-top-style: hidden; - border-right-style: hidden; - border-bottom-style: none; - border-left-style: hidden; - border-collapse: collapse; -} -.exceptiontable td, .exceptiontable th -{ - padding: 0.2em; - vertical-align: top; - border-right-color: currentColor; - border-bottom-color: currentColor; - border-left-color: currentColor; - border-right-width: medium; - border-bottom-width: thin; - border-left-width: medium; - border-right-style: solid; - border-bottom-style: solid; - border-left-style: solid; -} - -h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { - color: inherit !important; - font-weight: inherit !important; - text-decoration: none !important; - font-style: inherit !important; -} - -.typeCell { - background-color: #cfcfcf; -} - -h5 { - font-weight: bold; -} - -dl#glossary-list dt a -{ - font-weight: bold; -} - -a.eventtype { - text-decoration: none; -} - -a.eventtype code { - font-size: 1.13em; - color: #ff6d00; -} - -/* Denotes a key value (the value of the KeyboardEvent.key property) */ -.key { - color: #191970; - background-color: #b0e0e6; -} - -/* Denotes a char value (the code-point for the character) */ -.char { - color: #191970; - background-color: #98fb98; -} - -/* Denotes a char value (an example glyph for the character) */ -.glyph { - color: #191970; - background-color: #ffe4b5; -} - -dl#key-id-set dt { - display: inline; -} - -a.def { - color: inherit; - text-decoration: inherit; - border-bottom: 1.8px dashed blue; -} - -/*style for table-event-summary and table-key-values */ - -.data-table { - border-collapse:collapse; - text-align:left; -} - -.data-table th { - background:none repeat scroll 0 0 #B9C9FE; - border-bottom:1px solid #FFFFFF; - border-top:4px solid #AABCFE; - color:#003399; - font-weight:normal; - padding: 2px; - padding-left: 0.5em; -} - -.data-table td { - background:none repeat scroll 0 0 #E8EDFF; - border-bottom:1px solid #FFFFFF; - border-top:1px solid transparent; - color:#666699; - padding: 2px; - padding-left: 1em; -} - -.data-table tr:hover td { - background:none repeat scroll 0 0 #D0DAFD; - color:#333399; -} - -/*style for algorithm lists */ -ol.algo { - counter-reset: section; - list-style-type: none; -} - -ol.algo li { - counter-increment: section; - margin-top: 0.5em; -} -ol.algo li:before { content: counters(section, ".") ". "; } -ol.algo li ol.algo li { margin-left: -1em; } - -#turnOnConformanceHighlighting { - position: fixed; - font-size: 12pt; - padding: 5px; - background-color: red; - color: white; - width: 400px; - left: 0; - opacity: 1; - bottom: 0; - -webkit-transform-origin: top left; - -moz-transform-origin: top left; - -ms-transform-origin: top left; - -o-transform-origin: top left; - transform-origin: top left; - - -webkit-transform: rotate(-90deg); - -moz-transform: rotate(-90deg); - -ms-transform: rotate(-90deg); - -o-transform: rotate(-90deg); - transform: rotate(-90deg); - - -webkit-transition: opacity 0.2s linear, bottom 0.3s ease-in; - -moz-transition: opacity 0.2s linear, bottom 0.3s ease-in; - -ms-transition: opacity 0.2s linear, bottom 0.3s ease-in; - -o-transition: opacity 0.2s linear, bottom 0.3s ease-in; - transition: opacity 0.2s linear, bottom 0.3s ease-in; -} -#turnOnConformanceHighlighting[class=off] { - opacity: 0; - bottom: 100px; -} \ No newline at end of file diff --git a/styles.css b/styles.css deleted file mode 100644 index c946415..0000000 --- a/styles.css +++ /dev/null @@ -1,210 +0,0 @@ -.note { border-left-style: solid; border-left-width: 0.25em; background: none repeat scroll 0 0 #E9FBE9; border-color: #52E052; } -.note em, .warning em, .note i, .warning i { font-style: normal; } -p.note, div.note { padding: 0.5em 2em; } -span.note { padding: 0 2em; } -.note p:first-child { margin-top: 0; } -.note p:last-child { margin-bottom: 0; } -p.note:before { content: 'Note: '; font-weight: bolder;} - -.warning { background-color: #F9F0D4; border: medium double #FF0000; margin: 1em; padding: 1em; } -.warning p:first-child { margin-top: 0; } -.warning p:last-child { margin-bottom: 0; } -.warning:before { font-style: normal; } -p.warning:before { content: '\26A0 Warning! '; font-weight:bolder;} -.warning em, .warning i { font-style: normal; } - -.critical {margin:1em; border:double red; padding:1em; background-color:#F9F0D4;} - -.XXX { color: #E50000; background: white; border: solid red; padding: 0.5em; margin: 1em 0; } -.XXX > :first-child { margin-top: 0; } -p .XXX { line-height: 3em; } - -pre.idl, pre.idl-ignore { border: solid thin #d3d3d3; background: #FCFCFC; color: black; padding: 0.5em 1em; position: relative; } -pre.idl :link, pre.idl :visited, pre.idl-ignore :link, pre.idl-ignore :visited { color: inherit; background: transparent; } -pre.idl::before, pre.idl-ignore::before { content: "IDL"; font: bold small sans-serif; padding: 0.5em; background: white; position: absolute; top: 0; margin: -1px 0 0 -4em; width: 1.5em; border: thin solid; border-radius: 0 0 0 0.5em } - -.intro-dom { - font-size: 0.9em; - font-style: italic; -} - -.comment { - color: green; -} - -.example:before { content: 'Example ' counter(example) ':'; font-weight: bolder; } -.example pre:last-child { margin-bottom: 0; } -.example code.pre {white-space: pre;} -} - - -/* Used when spelling out words or symbols phonetically. */ -span.phonetic { - font-style: italic; -} - -/* KEY - * Denotes a key value (the value of the KeyboardEvent.key property). - */ -code.key { - color: #191970; - background-color: #b0e0e6; - padding: 0 2px; - border: 1px solid #b0d0d6; - border-radius: 3px; -} -code.key a:link, code.key a:visited { - color: #191970; - text-decoration: none; -} -code.key:hover, code.key a:hover { - color: #000000; - background-color: #b0d0d6; -} - -/* CODE - * Denotes a code value that indicates the physical location of the key on - * the keyboard). This is the value of the KeyboardEvent.code property. - */ -code.code { - color: #191970; - background-color: #ffc4ff; - padding: 0 2px; - border: 1px solid #f0a4f0; - border-radius: 3px; -} -code.code a:link, code.code a:visited { - color: #191970; - text-decoration: none; -} -code.code:hover, code.code a:hover { - color: #000000; - background-color: #f0a4f0; -} - -/* Denotes a string displayed on the keycap. */ -code.keycap { - padding: 0 2px; - border: 1px solid black; - border-radius: 3px; -} - -/* Denotes a Unicode code-point for the character. */ -code.unicode { - color: #191970; - background-color: #98fb98; -} - -/* Denotes an example glyph for the character. */ -code.glyph { - color: #191970; - background-color: #ffe4b5; -} - - -/* Formatting for data tables (including the keyboard codes) */ -.data-table { - border-collapse:collapse; - text-align:left; - width: 100%; -} - -.data-table th { - background:none repeat scroll 0 0 #B9C9FE; - border-bottom:1px solid #FFFFFF; - border-top:4px solid #AABCFE; - color:#003399; - font-weight:normal; - padding: 0.4em 1em; -} - -.data-table td { - background:none repeat scroll 0 0 #E8EDFF; - border-bottom:1px solid #FFFFFF; - border-top:1px solid transparent; - color:#666699; - padding: 0.4em 1em; -} - -.data-table tr:hover td { - background:none repeat scroll 0 0 #D0DAFD; - color:#333399; -} - -/* Formatting for the event sequence tables. - */ -.event-sequence-table th { - background:none repeat scroll 0 0 #E8EDFF; - color:#003399; - font-weight:normal; - padding: 0.25em 0.5em 0.25em 0.5em; - font-size: 0.9em; -} - -.event-sequence-table td { - background:none repeat scroll 0 0 #ffffff; - color:#666699; - padding: 0 0.5em 0 0.5em; - font-size: 0.8em; - vertical-align: top; -} - -.event-sequence-table tr:hover td { - background:none repeat scroll 0 0 #E8EDFF; -} - -.example .event-sequence-table { - border: 1px solid #000000; - margin: 3px; -} - -.example .event-sequence-table td { - background:none repeat scroll 0 0 #FCFAEE; -} - -.example .event-sequence-table th { - background:none repeat scroll 0 0 #ede19b; -} - -.cell-center { - text-align: center; -} - -.cell-number { - text-align: right; -} - - -/* The cell in a code table that contains the code value. */ -.code-table-code { - vertical-align: top; -} - -.event-definition { - border: 2px solid black; - width: 95%; -} -.event-definition td, -.event-definition th { - border-bottom: 1px dashed #ccc; - padding-left: 8px; - padding-right: 8px; - font-size: 0.9em; -} -.event-definition th { - text-align: left; - font-weight: normal; - border-right: 1px dashed #ccc; - white-space: nowrap; - background-color: #D9E6F8; - background-color: #F7F5D7; - background-color: #D0DAFD; -} -.event-definition td { - width: 100%; -} -.event-definition td > ul > li, -.event-definition td > ul > li > p { - margin-top: 0; - margin-bottom: 0; -}