W3C home > Mailing lists > Public > public-css-commits@w3.org > October 2011

csswg/css3-transforms Makefile,NONE,1.1 Overview.html,NONE,1.1 Transforms.src.html,NONE,1.1 alternate-spec-style.css,NONE,1.1 compound_transform.png,NONE,1.1 default.css,NONE,1.1 style-toggle.js,NONE,1.1 transform1.png,NONE,1.1 transform2.png,NONE,1.1

From: Vincent Hardy via cvs-syncmail <cvsmail@w3.org>
Date: Wed, 26 Oct 2011 00:45:36 +0000
To: public-css-commits@w3.org
Message-Id: <E1RIrcg-0005cG-D3@lionel-hutz.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 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Wednesday, 26 October 2011 00:45:41 GMT