- From: Vincent Hardy via cvs-syncmail <cvsmail@w3.org>
- Date: Wed, 26 Oct 2011 00:45:36 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-transforms In directory hutz:/tmp/cvs-serv21434 Added Files: Makefile Overview.html Transforms.src.html alternate-spec-style.css compound_transform.png default.css style-toggle.js transform1.png transform2.png Log Message: First sketch of consolidated CSS transform specification --- NEW FILE: style-toggle.js --- (function() { var defaultStyleText = 'default spec. style'; var additionalStyleText = "additional spec. style"; var toggle; function toggleStyle() { var st = document.getElementById('st'); if (st.hasAttribute('disabled') === true) { st.removeAttribute('disabled'); toggle.textContent = defaultStyleText; } else { st.setAttribute('disabled', 'true'); toggle.textContent = additionalStyleText; } } window.onload = function() { var st = document.getElementById('st'); var divHead = document.getElementById('div-head'); var defaultText = additionalStyleText; if (st.hasAttribute('disabled') === false) { defaultText = defaultStyleText; } toggle = document.createElement('a'); divHead.insertBefore(toggle, divHead.firstChild); toggle.textContent = defaultText; toggle.setAttribute('class', 'toggle'); toggle.setAttribute('href', '#'); toggle.addEventListener("click", toggleStyle, false); }; })(); --- NEW FILE: Makefile --- # $Id: Makefile,v 1.1 2011/10/26 00:45:04 vhardy Exp $ # # http://dev.w3.org/buildtools/css3-module-postprocessor/Makefile # # This is a makefile for generating output using the CSS3 module # postprocessor. Details about that are here: # # http://www.w3.org/Style/Group/css3-src/bin/postprocess # # To use this makefile, you need to have the "make" and "curl" # programs installed. If you are running a Windows/MS-DOS system, # you can download the "make" and "curl" programs from here: # # http://gnuwin32.sourceforge.net/downlinks/make.php # http://curl.haxx.se/dlwiz/?type=bin&os=Win32&flav=-&ver=2000/XP # # You also need to install either a .curlrc (*NIX/*BSD) or _curlrc # (MS-DOS ) file in your HOME directory, with at minimum the # following contents: # # user = foo:bar # # ...where "foo" and "bar" are your W3C username and password. SOURCEFILE=Transforms.src.html OUTPUTFILE=Overview.html PROCESSCGI=http://cgi.w3.org/member-bin/process.cgi CURL=curl CURLFLAGS= # if you want to set a publication date other than today's date, # invoke make like this: "make PUBDATE=2008-03-19" PUBMSG= PUBDATE= USER= W3C_CSS_DIR=~/work/W3C/cvs/dev.w3.org/csswg/css3-exclusions all: $(OUTPUTFILE) $(OUTPUTFILE): $(SOURCEFILE) ifeq (,$(PUBDATE)) $(CURL) $(CURLFLAGS) --user $(USER) -F file="@$<" -o "$@" -F group=CSS -F output=html -F method=file $(PROCESSCGI) else $(CURL) $(CURLFLAGS) --user $(USER) -F file="@$<" -o "$@" -F group=CSS -F output=html -F method=file $(PROCESSCGI) -F date=$(PUBDATE) endif --- NEW FILE: Transforms.src.html --- (This appears to be a binary file; contents omitted.) --- NEW FILE: Overview.html --- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang=en> <head profile="http://www.w3.org/2006/03/hcard"><meta content="text/html; charset=utf-8" http-equiv=Content-Type> <title>CSS Exclusions and Shapes Module Level 1</title> <link href=default.css rel=stylesheet type="text/css"> <link href="http://www.w3.org/StyleSheets/TR/W3C-ED.css" rel=stylesheet type="text/css"> <link href=alternate-spec-style.css id=st rel=stylesheet title="additional spec styles" type="text/css"> <script src=style-toggle.js type="text/javascript"></script> <style type="text/css"> .singleImgExample { display: block; margin: auto; [...1300 lines suppressed...] Local variables: mode: sgml sgml-declaration:"~/SGML/HTML4.decl" sgml-default-doctype-name:"html" sgml-minimize-attributes:t sgml-nofill-elements:("pre" "style" "br") sgml-live-element-indicator:t sgml-omittag:nil sgml-shorttag:nil sgml-namecase-general:t sgml-general-insert-case:lower sgml-always-quote-attributes:t sgml-indent-step:nil sgml-indent-data:t sgml-parent-document:nil sgml-exposed-tags:nil sgml-local-catalogs:nil sgml-local-ecat-files:nil End: --> --- NEW FILE: transform1.png --- (This appears to be a binary file; contents omitted.) --- NEW FILE: alternate-spec-style.css --- @import url(http://fonts.googleapis.com/css?family=Sorts+Mill+Goudy); @import url(http://fonts.googleapis.com/css?family=Inconsolata); body { font-family: 'Sorts Mill Goudy', 'OFS Sorts Mill Goudy', Garamond, serif; font-size: 16px; width: 36em; color: #2f2f2f; line-height: 1.5em; } h1, h2, h3, h4, h5, h6 { color: #4f4f4f; font-weight: bold; } h2, h3, h4, h5, h6 { margin-top: 1.2em; } h1, h2, h3, h4, h5, h6, table, th, tr, td { font-family: 'Sorts Mill Goudy', 'OFS Sorts Mill Goudy', Garamond, serif; } h1+h2 { font-weight: normal; margin-top: 0em; margin-bottom: 2em; } h1 { margin-bottom: 0em; line-height: 1em; font-size: 180%; } a, a:visited, a:link, :link { color: #46A4E9; } a[href]:hover { color: #005A9C; background-color: white; } .secno { color: #3f3f3f; } .toc a { color: #3f3f3f; } .toc a:hover { color: #46A4E9; background-color: white; } .css, .property { color: #46A4E9; } pre { margin-left: 0em; line-height: 1.4em; } pre, code { font-family: Inconsolata, monospace; font-size: 83%; line-height: 1.4em; } code.xml { color: #3f3f3f; } code > pre { font-size: 100%; } pre > code { font-size: 100%; } ul.toc { text-transform: none; } div.example:before { color: #808080 ; background: none; border: none; text-transform: none; font-weight: bold; width: 100%; display: block; } div.example { background: none; padding: 0.75em; margin: 1em 0; border-top: thin solid rgba(0, 0, 0, 0.1); border-bottom: thin solid rgba(0, 0, 0, 0.1); border-left: none; position: relative; clear: both; } div.example { color: #303030 } div.issue { color: red; margin-top: 1em; padding: 0.5em; border-left: 1ex solid red; padding-left: 1em; position: relative; color: gray; padding-right: 10em; background: none; } div.issue:before { content: "Issue " counter(issue); background: none; padding: 0; margin: 0 0 0.7em 0; border: none; font-weight: bold; color: gray; display: block; } .issue { counter-increment: issue; } table.propdef { background: none; border-left: none; } table.propdef td, table.propdef-extra td, table.descdef td, table.propdef th, table.propdef-extra th, table.descdef th { padding: 0.5em; vertical-align: baseline; border-bottom: thin solid rgba(0, 0, 0, 0.2); } table.propdef > tbody > tr:last-child th, table.propdef-extra > tbody > tr:last-child th, table.descdef > tbody > tr:last-child th, table.propdef > tbody > tr:last-child td, table.propdef-extra > tbody > tr:last-child td, table.descdef > tbody > tr:last-child td { border-bottom: thin solid rgba(0, 0, 0, 0.2); } table.propdef tr:first-child td, table.propdef tr:first-child th { border-top: thin solid rgba(0, 0, 0, 0.2); } table.propdef tr:nth-child(odd) { background-color: rgba(0, 0, 0, 0.02); } p.note { border: none; border-left: 1ex solid rgba(0, 0, 0, 0.1); background: none; } div.note { margin-top: 1em; padding: 0.5em; border: none; border-left: 1ex solid rgba(0, 0, 0, 0.1); padding-left: 1em; padding-bottom: 1em; position: relative; background: none; } div.note:before { content: "Note " counter(note); background: none; padding: 0; margin: 0 0 0.7em 0; border: none; font-weight: bold; display: block; } div.note p { color: black; } div.note p:before { color: #1C75BC; } .note { counter-increment: note; } pre.code { margin-top: 1em; padding: 0.5em; border-left: 1ex solid gray; padding-left: 1em; position: relative; background: #F0F0F0; margin-left: 0px; } pre.idl { background: #f4f4f4; padding: 0.5em; margin: 1em 0; border: thin solid #999; position: relative; clear: both; } .swatch-list li { list-style: none; } .swatch-list { display: inline-block; } #region_styling_img_2 { float: left; margin-bottom: 1em; } .swatch { width: 1em; height: 1em; border: 1px solid black; display: inline-block; margin-right: 0.5em; margin-bottom: -0.25em; margin-top: 0.5em; } #region-style-example p, #region-style-example pre { clear: both; } #region_styling_illustration { margin: 0px auto; width: 70ex; } .event-desc td, .event-desc th { border: 1px solid gray; } .event-desc th { text-align: left; padding: 0.5ex; } .resolved, .moved, .stale { display: none; } p { margin-bottom: 1em; } table.values-desc { border-collapse: collapse; margin-top: 0.5em; } .values-desc td { border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-top: 1px solid rgba(0, 0, 0, 0.1); padding: 0.5em; } .values-desc td:first-child { font-weight: bold; } .values-desc tr:nth-child(odd) { background-color: rgba(0, 0, 0, 0.02); } .values-desc th { font-weight: bold; } table.values-desc { border-left: none; padding-left: 1ex; } .figure { page-break-inside: avoid; } #default-fragment-shader:before { content: "Default fragment shader"; } #default-vertex-shader:before { content: "Default vertex shader"; } .table .caption::before { counter-increment: table; content: ''; } span.highlight { color: #46A4E9; } span.highlight2 { color: #E00000; } span.fade { color: rgba(0, 0, 0, 0.4); } table.values-desc td:first-child { min-width: 28ex; } #div-head > h1:before { content: ''; background-image: url(http://www.w3.org/2008/site/images/logo-w3c-mobile-lg); background-color: gray; display: block; width: 90px; height: 53px; position: absolute; margin-left: -120px; border-radius: 0.2em; -webkit-box-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.2); -ms-box-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.2); -moz-box-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.2); -o-box-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.2); box-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.2); } img[alt='W3C'] { display: none; } --- NEW FILE: transform2.png --- (This appears to be a binary file; contents omitted.) --- NEW FILE: compound_transform.png --- (This appears to be a binary file; contents omitted.) --- NEW FILE: 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 2011/10/26 00:45:34 vhardy 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; max-width: 50em; margin: 0 auto !important; color: #444; } /* Pagination */ 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} /* General Structural Markup */ h2, h3, h5, h6 { margin-top: 3em; } h1 + h2 { margin-top: 0; } h4 { margin-top: 4em; } p, div.note { text-indent: 0; margin-bottom: 0; margin-top: 1em } dd > p:first-child, li > p:first-child, .note > p:first-child { 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; font-size: 90% /*smaller*/; } 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.5; } 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... */ dl dd { margin: 0 0 1em 2em } .head dd { margin-bottom: 0; } ul, ol { margin-left: 0; padding-left: 2em; } li { margin: 0.25em 2em 0.5em 0; 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 } /* Examples */ .example { counter-increment: exampleno; } div.example:before { content: "Example"; content: "Example " counter(exampleno); min-width: 7.5em; text-transform: uppercase; } pre.example:before { content: "Example"; content: "Example " counter(exampleno); min-width: 7.5em; text-transform: uppercase; } 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 { padding: 0.5em; margin: 1em 0; position: relative; clear: both; } pre.example, pre.illegal-example, pre.html, pre.illegal-html, pre.xml, pre.illegal-xml { padding-top: 1.5em; } 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, .property { color: #005a9c } /* 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; white-space: nowrap; } /* name of a CSS property (SPAN) */ .descriptor { } /* name of a CSS descriptor (SPAN) */ .type { font-style: italic } /* A <type> value for a property */ dfn { font-weight: bolder; /*font-size: 1em*/ } p.issue, div.issue, p.note, div.note, div.example { padding: .5em; border-left-width: .5em; border-left-style: solid; } /* Open issue / editorial remark; not intended for a final publication */ p.issue, div.issue { border-color: #E05252; background: #FBE9E9; counter-increment: issue; } p.issue:before, div.issue:before { content: "Issue " counter(issue); padding-right: 1em; text-transform: uppercase; color: #E05252; } span.issue { color: red; } /* Class note is a non-normative note. May be inline or a P or DIV */ p.note, div.note { border-color: #52E052; background: #E9FBE9; } span.note { color: green; } .normref { color: red } .informref { color: green } /* Example box */ div.example { border-color: #E0CB52; background: #FCFAEE; } div.example:before { color: #B9AB2D; } /* ToC not indented, but font style shows hierarchy */ ul.toc {margin: 1em 0; padding: 0; line-height: 1.3; font-weight: bold; text-transform: uppercase; } ul.toc ul {margin: 0; padding: 0; font-weight: normal; text-transform: none; } ul.toc ul ul {margin: 0 0 0 2em; font-style: italic; } ul.toc ul ul ul {margin: 0} ul.toc > li {margin: 1.5em 0; padding: 0; } ul.toc ul.toc li { margin: 0.3em 0 0 0; } ul.toc a { text-decoration: none; } ul.toc a:hover, ul.toc a:focus { text-decoration: underline; } /* 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} */ @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 ul ul span.secno { margin-left: -7em; } /*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%; } 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; text-align: center; } table.proptable tr:hover td { background: #DEF; } /* Style for table that defines a property or a descriptor */ table.propdef, table.propdef-extra, table.descdef { border-spacing: 0; padding: 0 1em 0.5em; width: 100%; table-layout: fixed; background: #DEF; margin: 1.2em 0; border-left: 0.5em solid #8CCBF2; } /* 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.5em; vertical-align: baseline; border-bottom: 1px solid #bbd7e9; } /* 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; width: 8.3em; padding-left: 1em; } 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 { } table.propdef > tbody > tr:last-child th, table.propdef-extra > tbody > tr:last-child th, table.descdef > tbody > tr:last-child th, table.propdef > tbody > tr:last-child td, table.propdef-extra > tbody > tr:last-child td, table.descdef > tbody > tr:last-child td { border-bottom: 0; } table.propdef tr:first-child th, table.propdef-extra tr:first-child th, table.descdef tr:first-child th, table.propdef tr:first-child td, table.propdef-extra tr:first-child td, table.descdef tr:first-child td { padding-top: 1em; } /* For when values are extra-complex and need formatting for readability */ table td.pre { white-space: pre-wrap; } /* A footnote at the bottom of a propdef */ table.propdef td.footnote {padding-top: 0.6em; width: auto} table.propdef td.footnote:before { content: " "; display: block; height: 0.6em; width: 4em; border-top: thin solid; } /* 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 } */ table.proptable td .property { display: block; text-align: left; font-weight: bold; } /* 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; width: 100%; border: hidden; } .data caption { width: 100%; text-align: center; } .data td, .data thx, .proptable td, .proptable thx { padding: 0.5em; text-align: center; border-top: 1px dotted; } .data thead td:empty { padding: 0; border: 0; } .data thead th[scope="row"], .proptable thead th[scope="row"] { text-align: right; color: inherit; } .data thead, .proptable thead, .data tbody, .proptable tbody { color: inherit; border-bottom: 1px solid; } .data colgroup { border-left: 1px solid; } .data tbody th:first-child, .proptable tbody th:first-child , .data tbody td[scope="row"]:first-child, .proptable tbody td[scope="row"]:first-child { text-align: right; color: inherit; border-right: 1px solid; border-top: 1px dotted; padding-right: 1em; } .data tbody th[rowspan], .proptable tbody th[rowspan], .data tbody td[rowspan], .proptable tbody td[rowspan]{ border-left: 1px dotted; } .data tbody th[rowspan]:first-child, .proptable tbody th[rowspan]:first-child, .data tbody td[rowspan]:first-child, .proptable tbody td[rowspan]:first-child{ border-left: 0; border-right: 1px dotted; } .complex.data th, .complex.data td { border: 1px dotted; } .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. */ ol.inline, ol.inline li {display: inline; padding: 0; margin: 0} ol.inline {counter-reset: list-item} ol.inline li {counter-increment: list-item} ol.inline li:before {content: "(" counter(list-item) ") "; font-weight: bold}
Received on Wednesday, 26 October 2011 00:45:41 UTC