- From: Erik Dahlstrvm via cvs-syncmail <cvsmail@w3.org>
- Date: Fri, 07 Jan 2011 13:09:43 +0000
- To: public-fx-editors@w3.org
Update of /sources/public/Graphics-FX/modules/filters/publish/style
In directory hutz:/tmp/cvs-serv19005
Added Files:
expanders.js svg-style-extra.css svg-style.css svgspec.css
W3C-WD.css
Log Message:
Moved filters spec from dev.w3.org/SVG/modules/filters.
--- NEW FILE: svg-style-extra.css ---
body { line-height: 1.3; }
.element-summary { background: #d9e8ff; padding: 1em; margin-top: 1em }
.element-summary-name { float: right; font-size: 110% }
.element-summary dl, .element-summary dt { margin-top: 0; margin-bottom: 0; }
.element-summary * + dt { margin-top: 0.5em; }
.element-summary dd { margin-top: 0; }
.element-summary ul.no-bullets { list-style: none; padding-left: 0em }
.element-summary ul.no-bullets li { padding-left: 2em; text-indent: -2em; }
.expander { color: #888; text-decoration: underline; cursor: pointer; font-size: 85% }
.expander { }
.expander:active { color: #C00 }
.expander:hover { background: #ffa }
.expander:after { content: 'show »' }
.xgrammar { /*color: #005a9c;*/ color: #A52A2A; font-family: monospace; font-size: 90% }
pre.idl { color: black; background: #d9e8ff; padding: 1em; margin-top: 1em; margin-left: 0; font-size: 1em; overflow: auto; /*white-space: pre-wrap*/ }
pre.idl a:link, pre.idl a:visited { color: black; }
dl.interface dt {
margin-top: 1em;
}
dl.interface dl.attributes > dt,
dl.interface dl.constants > dt,
dl.interface dl.operations > dt {
margin-top: 2em;
}
dl.interface dl.attributes > dt,
dl.interface dl.constants > dt,
dl.interface dl.operations > dt,
dl.interface ol.parameters > li,
dl.interface dl.exceptions > dt {
font-weight: normal;
display: list-item;
}
dl.interface dl.attributes > dt:first-child,
dl.interface dl.constants > dt:first-child,
dl.interface dl.operations > dt:first-child,
dl.interface ol.parameters > li:first-child,
dl.interface dl.exceptions > dt:first-child {
margin-top: 0;
}
dl.interface dl.attributes > dd,
dl.interface dl.constants > dd,
dl.interface dl.operations > dd,
dl.interface ol.parameters > li,
dl.interface dl.exceptions > dd {
margin-top: 0.5em;
margin-left: 0;
}
dl.interface dl.attribute {
/*margin-left: 2em;*/
}
dl.interface dd > *:first-child,
dl.interface ol.parameters > li,
dl.interface ol.parameters > li > *:first-child + * {
margin-top: 0;
}
ol.parameters > li > .parameter {
float: left;
}
ol.parameters > li > .parameter::after {
content: " — ";
}
.idl .keyword {
/*font-weight: bold;*/
}
.idlattr, .idlattr:link, .idlattr:visited {
background: #d9e8ff;
color: black;
}
ol.parameters {
list-style-type: disc;
padding-left: 0;
}
var {
font-style: italic;
}
dl.definitions > dt,
.adef-list dl > dt { margin-top: 1em; }
dl.definitions > dt + dt,
.adef-list dl > dt + dt { margin-top: 0; }
dl.definitions > dd > :first-child,
.adef-list dl > dd > :first-child { margin-top: 0; }
table.vert {
border-collapse: collapse;
border-top: 2px solid #005a9c;
border-bottom: 2px solid #005a9c;
margin-top: 1em;
margin-bottom: 1em;
margin-left: auto;
margin-right: auto;
}
table.vert td {
background: #f0f6ff;
}
table.vert th {
text-align: left;
vertical-align: bottom;
border-bottom: 2px solid #005a9c;
white-space: nowrap;
color: #d9e8ff;
background: #005a9c;
}
table.vert th a:link,
table.vert th a:visited { color: #d9e8ff; }
table.vert th a:hover { color: black; }
table.vert th, table.vert td { padding: 0.5em 0.75em; }
table.vert th .attr-name { color: white }
table.vert th a:hover .element-name { color: #2A2AA5 }
table.vert th .prop-name { color: white }
table.vert th a:hover .element-name { color: black }
table.vert th .element-name { color: white }
table.vert th a:hover .element-name { color: #A52A2A }
table.vert td { vertical-align: top; }
table.offset { margin-left: 2em; margin-right: 2em; }
.indented {
margin-left: 2em;
}
.math var, .math sub, .math sup {
font-family: serif;
}
.separated {
word-spacing: 1em;
}
.familyname {
text-transform: uppercase;
}
dl.unemphasized-names > dt > a { font-weight: normal }
.header { background: #eee; padding: 0.5em; font-size: 85%; text-align: right }
.header.top { border-top: 1px solid #ccc }
.header.bottom { border-bottom: 1px solid #ccc; margin-top: 1em }
.header .namedate { display: block; float: left }
.header ul { display: block; margin: 0 }
.header ul li { display: inline; margin: 0 }
.header ul li:first-child::before { content: none }
.header ul li::before { content: ' ⋅ ' }
.header .after { display: block; clear: both; height: 1px }
.header .after::before { content: ' ' }
table.property-table { font-size: 90%; border-collapse: collapse }
table.vert td { border-top: 1px solid #005a9c; border-top-color: rgba(0, 90, 156, 0.5) }
.tocline1 { font-weight: bold }
/* .toc { margin-bottom: 0.5em } */
.idl-type-parenthetical { font-size: 90% }
td > :first-child,
th > :first-child { margin-top: 0 }
td p {
margin-top: 1em;
margin-bottom: 0;
}
table.collection { border-collapse: collapse; background: #fff; font-size: 90%; margin-bottom: 1em; margin-left: 2em }
table.collection th { background: #eee }
table.collection td, table.collection th { border: 1px solid black; padding: 0.25em; vertical-align: baseline }
ol.notes { list-style-type: none; padding-left: 0 }
.colorpatch { width: 14px; height:14px; border: 1px solid black; }
--- NEW FILE: W3C-WD.css ---
/* Style for a public "Working Draft" */
/*
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: W3C-WD.css,v 1.1 2011/01/07 13:09:41 edahlstr 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 */
}
th, td { /* ns 4 */
font-family: sans-serif;
}
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 }
div.head { margin-bottom: 1em }
div.head h1 { margin-top: 2em; clear: both }
div.head table { margin-left: 2em; margin-top: 2em }
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-family: monospace } /* navigator 4 requires this */
ul.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 }
}
body {
background-image: url(http://www.w3.org/StyleSheets/TR/logo-WD);
}
--- NEW FILE: svgspec.css ---
.term {
FONT-WEIGHT: bold; COLOR: #aa3333; BACKGROUND-COLOR: white
}
PRE {
FONT-SIZE: 90%; MARGIN-LEFT: 2em; COLOR: #a52a2a; FONT-FAMILY: monospace; BACKGROUND-COLOR: white
}
PRE.schema {
BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 0.5em; BORDER-TOP: black 1px solid; PADDING-LEFT: 0.5em; FONT-SIZE: 90%; BACKGROUND: #ddddff; PADDING-BOTTOM: 0.5em; MARGIN-LEFT: 2em; BORDER-LEFT: black 1px solid; COLOR: maroon; MARGIN-RIGHT: 3em; PADDING-TOP: 0.5em; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: monospace
}
PRE.example {
BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 0.5em; BORDER-TOP: black 1px solid; PADDING-LEFT: 0.5em; FONT-SIZE: 90%; BACKGROUND: #ddffdd; PADDING-BOTTOM: 0.5em; MARGIN-LEFT: 2em; BORDER-LEFT: black 1px solid; COLOR: #a52a2a; MARGIN-RIGHT: 3em; PADDING-TOP: 0.5em; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: monospace
}
.dtd-fragment {
BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; MARGIN-LEFT: 0px; BORDER-LEFT: black 1px solid; COLOR: black; BORDER-BOTTOM: black 1px solid; BACKGROUND-COLOR: #dddddd
}
.idl-code {
BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; MARGIN: 0px; BORDER-LEFT: black 1px solid; COLOR: black; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: monospace; WHITE-SPACE: pre; BACKGROUND-COLOR: #dfdfdf
}
.adef {
FONT-WEIGHT: bold; FONT-FAMILY: monospace
}
IMG {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
.toc {
TEXT-INDENT: 0px
}
.toc2 {
TEXT-INDENT: 2em
}
.toc3 {
TEXT-INDENT: 4em
}
P.toc-line {
MARGIN-TOP: 1em; MARGIN-BOTTOM: 1em; TEXT-INDENT: 0px
}
.example {
COLOR: maroon; BACKGROUND-COLOR: white
}
.pseudocode {
BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; COLOR: #990000; BORDER-BOTTOM: black 1px solid; BACKGROUND-COLOR: #ccccff
}
.algorithm OL {
LIST-STYLE-TYPE: decimal
}
.algorithm OL LI {
MARGIN-TOP: 0.25em; MARGIN-BOTTOM: 0.25em
}
.algorithm OL LI OL {
LIST-STYLE-TYPE: lower-alpha
}
.algorithm OL LI OL LI {
MARGIN-TOP: 0.25em; MARGIN-BOTTOM: 0.25em
}
.algorithm OL LI OL LI OL {
LIST-STYLE-TYPE: lower-roman
}
.algorithm OL LI OL LI OL LI {
MARGIN-TOP: 0.25em; MARGIN-BOTTOM: 0.25em
}
.note {
BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 0.3em; BORDER-TOP: black 1px solid; PADDING-LEFT: 0.3em; FONT-WEIGHT: bold; BACKGROUND: #aaffaa; PADDING-BOTTOM: 0.3em; MARGIN: 1em; BORDER-LEFT: black 1px solid; COLOR: black; PADDING-TOP: 0.3em; BORDER-BOTTOM: black 1px solid
}
P.caption {
FONT-WEIGHT: bold; FONT-SIZE: 90%; MARGIN: 1.5em 25% 0px; COLOR: #088; FONT-STYLE: italic; BACKGROUND-COLOR: white; TEXT-ALIGN: center
}
CAPTION {
FONT-WEIGHT: bold; FONT-SIZE: 90%; MARGIN: 1.5em 25% 0px; COLOR: #088; FONT-STYLE: italic; BACKGROUND-COLOR: white; TEXT-ALIGN: center
}
.element {
FONT-WEIGHT: bold; FONT-SIZE: 90%; COLOR: #a52a2a; BACKGROUND-COLOR: white
}
.type {
FONT-WEIGHT: bold; FONT-SIZE: 90%
}
.attribute {
FONT-WEIGHT: bold; FONT-SIZE: 90%; COLOR: #2a2aa5; BACKGROUND-COLOR: white
}
.property {
FONT-WEIGHT: bold; FONT-SIZE: 90%; COLOR: black; BACKGROUND-COLOR: white
}
.attribute-value {
FONT-WEIGHT: bold; FONT-SIZE: 90%
}
.property-value {
FONT-WEIGHT: bold; FONT-SIZE: 90%
}
.interface {
FONT-WEIGHT: bold
}
.dom-attribute {
COLOR: black; BACKGROUND-COLOR: #ffffd2
}
.dom-attribute-type {
FONT-WEIGHT: bold; COLOR: black; BACKGROUND-COLOR: white
}
.dom-attribute-value {
FONT-WEIGHT: bold; COLOR: black; BACKGROUND-COLOR: white
}
.dom-method {
COLOR: black; BACKGROUND-COLOR: #d9e6f8
}
.dom-parameter {
COLOR: black; BACKGROUND-COLOR: #fee6f8
}
--- NEW FILE: svg-style.css ---
/*
* style sheet for svg specification
*/
body {
color: black;
/* text-align: justify; */
font-family: helvetica, sans-serif;
background: white;
margin: 2em;
/* for the rec: background: #def url(recbg.jpg); */
}
.navlinks {
text-align: center;
}
h2, h3, h4, h5, h6 {
text-align: left;
}
.header {
text-align: right;
border-bottom: 1px solid #aaa;
padding-bottom: 0.5em;
font-size: 80%;
}
.footer {
text-align: right;
margin-top: 1em;
border-top: 1px solid #aaa;
padding-top: 0.5em;
font-size: 80%;
}
.header ul, .footer ul {
display: inline;
padding: 0;
}
.header li, .footer li {
display: inline;
border-left: 1px solid #aaa;
padding-left: 0.2em;
}
h1 {
clear: left;
margin-top: 1em;
text-align: center;
}
pre { margin-left: 2em }
pre {
color: #a52a2a;
font-family: monospace;
font-size: 90%
}
pre.svgsamplecompressed {
font-size: 75%;
letter-spacing: -.05em;
line-height: 95%
}
pre strong {
color: #004400;
font-weight: bold
}
.filterformula {
color: #a52a2a;
font-family: monospace;
font-size: 90%;
margin-left: 2em
}
div.dtd-fragment {
background-color: #dddddd;
margin-left: 0;
}
.dtd-fragment {
background-color: #dddddd;
margin-left: 0;
}
.idl-code {
margin: 0;
font-family: monospace;
border: 1px solid black;
white-space: pre;
color: black;
background-color: #dfdfdf;
}
.adef {
font-family: monospace;
font-weight: bold;
}
address {
text-align: right;
font-style: italic;
}
var {
font-style: normal;
}
img {
border: 0;
}
.toc {
text-indent: 0;
}
.toc2 {
text-indent: 2em;
}
.toc3 {
text-indent: 4em;
}
p.toc-line {
margin-top: 1em;
margin-bottom: 1em;
text-indent: 0;
}
/* it should be 'inherit', but netscape inserts a random color :-( */
a.noxref:link, a.noxref:visited {color: black; /*color: inherit*/}
div.example a:link, div.example a:visited {color: maroon; /*color: inherit*/}
div.deprecated-html-example a:link,
div.deprecated-html-example a:visited {color: red; /*color: inherit*/}
.note a:link, .note a:visited {color: green; /*color: inherit*/}
a.propdef-title {
background: yellow;
}
a.descdef-title {
color: yellow;
background: green
}
/* table {margin-left: 1em} */
div.propdef {margin: 1.2em 0}
.example {
padding: 0;
background: white;
}
.exampleheader {
margin: 0;
background: #dda;
border-bottom: 1px solid #666;
border-right: 1px solid #666;
border-top: 1px solid #aaa;
border-left: 1px solid #aaa;
padding: 0.5em 1em;
}
.examplesource {
padding: 0;
margin: 0;
background: #ffc;
border-bottom: 1px solid #996;
border-right: 1px solid #996;
border-top: 1px solid #bb8;
border-left: 1px solid #bb8;
}
.examplesource pre {
background: none;
color: #633;
margin: 0 1em;
padding: 0.5em 0 0 0;
}
.exampleimage {
text-align: center;
padding: 1em;
border-bottom: 1px solid #996;
border-right: 1px solid #996;
border-top: 1px solid #bb8;
border-left: 1px solid #bb8;
}
.schema {
padding: 0;
background: white;
width: 100%;
}
.schemaheader {
margin: 0;
background: #ccc;
border-bottom: 1px solid #666;
border-right: 1px solid #666;
border-top: 1px solid #aaa;
border-left: 1px solid #aaa;
padding: 0.5em 1em;
}
.schemasource {
padding: 0;
margin: 0;
background: #ddd;
border-bottom: 1px solid #666;
border-right: 1px solid #666;
border-top: 1px solid #aaa;
border-left: 1px solid #aaa;
}
.schemasource pre {
background: none;
color: #030;
margin: 0 1em;
padding: 0.5em 0 0 0;
}
pre.example { color: maroon }
pre.illegal-example { color: red }
div.illegal-example { color: red }
div.illegal-example p { color: black }
div.html-example { color: maroon }
pre.html-example { color: maroon }
pre.illegal-html-example { color: red }
div.illegal-html-example { color: red }
div.illegal-html-example p { color: black }
pre.deprecated-html-example { color: red }
div.deprecated-html-example { color: red }
div.deprecated-html-example p { color: black }
div.xml-example { color: maroon }
pre.xml-example { color: maroon }
pre.illegal-xml-example { color: red }
div.illegal-xml-example { color: red }
div.illegal-xml-example p { color: black }
div.dtd-example { color: maroon }
pre.dtd-example { color: maroon }
pre.illegal-dtd-example { color: red }
div.illegal-dtd-example { color: red }
div.illegal-dtd-example p { color: black }
.note {
font-weight: bold;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 1em;
margin-right: 1em;
background: #6f9 none repeat scroll 0%;
color: black;
}
.requirement {
margin-top: 1em;
margin-bottom: 1em;
margin-left: 1em;
margin-right: 1em;
background: #fad none repeat scroll 0%;
color: black;
}
.normref {
color: red;
}
.informref {
color: green;
}
div.propdef th {
text-align: right;
}
div.descdef th {
text-align: right;
}
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}
/* div.subtoc ul, div.subtoc ol {list-style: none} */
/* the border in the following rule crashes nn4 on fonts.html :-(
div.subtoc {padding: 1em; border: solid black thin; margin: 1em 0;
background: #ddd}
*/
ul.index {list-style: none}
s, del {text-decoration: line-through; color: red}
u, ins {text-decoration: underline; background: #bfa}
div.figure {
text-align: center;
/*border: solid thin;
width: 100%;*/
margin: 2.5em 0
}
p.caption, caption {
text-align: center;
font-style: italic;
font-weight: bold;
font-size: 90%;
color: #088;
margin: 1.5em 25% 0 25%;
}
div.toc, ul.index, dt {
text-align: left
}
sup {
vertical-align: super;
font-size: 80%
}
.code-fragment {
color: #a52a2a;
font-weight: bold;
font-size: 90%
}
.element-name {
color: #a52a2a;
font-weight: bold;
font-size: 90%
}
.attr-name {
color: #2a2aa5;
font-weight: bold;
font-size: 90%
}
.prop-name {
color: black;
font-weight: bold;
font-size: 90%
}
.attr-value, .prop-value {
font-weight: bold;
font-size: 90%
}
/*
.svg-term {
color: red;
font-weight: bold
}
*/
.svg-termdefine {
font-weight: bold
}
.example-ref {
color: green;
}
.anim-target {
font-style: italic
}
.dominterfacename {
font-weight: bold
}
.dom-attr-name {
color: black;
background-color: #ffffd2;
}
.dom-attr-type, .dom-attr-value {
color: black;
font-weight: bold;
}
.dom-method-name {
color: black;
background-color: #d9e6f8;
}
.dom-parameter-name {
margin-top: 1%;
background-color: #fee6f8;
color: black;
}
.math-variable {
font-family:times,serif
}
.color-keyword-value {
color: #a52a2a;
}
.view-as-svg {
font-style:italic
}
.table-heading-1 {
font-style:italic;
text-align:center
}
.pathdatatable {
background: #dddddd
}
.useruleapplied {
font-style:normal;
font-weight:bold;
color:blue
}
.useruleignored {
font-style:italic;
font-weight:bold;
color:#050;
}
.editor { text-decoration: underline; font-size: 85% }
.editor-intro { color: red; font-weight: bold }
.editor-rec { color: red; font-weight: bold }
.designgoals { list-style-type: upper-alpha }
.reqt-level0 { list-style-type: decimal; font-weight: bold }
.reqt-level1 { list-style-type: lower-alpha; font-weight: normal }
.reqt-level2 { list-style-type: lower-roman; font-weight: normal }
.b4nomfix { color: #a52a2a; text-decoration: line-through }
.afnomfix { color: red; }
div.note,p.note {
border: 2px dotted #3c6;
padding: 0.5em;
}
.specissue {
border-style: solid;
border-color: black;
border-width: 1px 1px 1px 4px;
padding: 0.5em; background: rgb(220, 20, 60) none repeat scroll 0%;
}
.svgt12 {
background: rgb(153, 223, 255) none repeat scroll 0%;
color: black;
}
a[href="http://www.w3.org/TR/SVG10/"] { background: red; }
a[href="http://www.w3.org/TR/SVG11/"] { background: yellow; }
a[href="http://www.w3.org/SVGMobile12/"] { background: green; }
.new {
border-style: solid;
border-color: green;
border-width: 0px 0px 0px 4px;
padding-left: 20px;
margin-left: -20px;
}
.changed {
border-style: solid;
border-color: blue;
border-width: 0px 0px 0px 4px;
padding-left: 20px;
margin-left: -20px;
}
div.note-editor
{
display:none;
}
--- NEW FILE: expanders.js ---
function expand(e) {
e = e.parentNode;
e.parentNode.removeAttribute('class');
e.style.display = "none";
e.nextSibling.style.display = "inline";
}
(function() {
var i, a = [], e0, e1p, e1, e2, l = document.getElementsByTagName('span');
for (i = 0; i != l.length; i++) {
e0 = l[i];
if (e0.getAttribute('class') == 'expanding') {
a.push(e0);
}
}
for (i = 0; i != a.length; i++) {
e0 = a[i];
e1 = document.createElement('span');
e1.setAttribute('class', 'expander');
e1.setAttribute('onclick', 'expand(event.target)');
e1p = document.createElement('span');
e1p.textContent = ' ';
e1p.appendChild(e1);
e2 = document.createElement('span');
e2.style.display = 'none';
while (e0.firstChild) {
e2.appendChild(e0.firstChild);
}
e0.appendChild(e1p);
e0.appendChild(e2);
}
})();
Received on Friday, 7 January 2011 13:09:45 UTC