- From: Vincent Hardy via cvs-syncmail <cvsmail@w3.org>
- Date: Fri, 30 Sep 2011 19:56:09 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-regions
In directory hutz:/tmp/cvs-serv9167
Modified Files:
Overview.html Overview.src.html alternate-spec-style.css
Added Files:
default.css
Log Message:
Completed action items on CSS regions. Added pointers to issues
Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-regions/Overview.html,v
retrieving revision 1.17
retrieving revision 1.18
diff -u -d -r1.17 -r1.18
--- Overview.html 23 Aug 2011 23:24:30 -0000 1.17
+++ Overview.html 30 Sep 2011 19:56:06 -0000 1.18
@@ -1,22 +1,16 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
-<html dir=ltr lang=en>
- <head profile="http://www.w3.org/2006/03/hcard"><meta content="IE=edge"
- http-equiv=X-UA-Compatible>
- <meta content="text/html; charset=utf-8" http-equiv=Content-Type>
+<html lang=en>
+ <head profile="http://www.w3.org/2006/03/hcard"><meta content="text/html;
+ charset=utf-8" http-equiv=Content-Type>
[...1730 lines suppressed...]
-
- <td>auto | break
-
- <td>auto
-
- <td>region elements
-
- <td>no
-
- <td>N/A
-
- <td>paged
- </table>
- <!--end-properties-->
- <!-- Keep this comment at the end of the file
+</html>
+<!-- Keep this comment at the end of the file
Local variables:
mode: sgml
sgml-declaration:"~/SGML/HTML4.decl"
Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-regions/Overview.src.html,v
retrieving revision 1.19
retrieving revision 1.20
diff -u -d -r1.19 -r1.20
--- Overview.src.html 23 Aug 2011 23:24:30 -0000 1.19
+++ Overview.src.html 30 Sep 2011 19:56:06 -0000 1.20
@@ -1,25 +1,19 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
-"http://www.w3.org/TR/html4/strict.dtd">
-
-<html dir="ltr" lang="en">
+<!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 http-equiv="X-UA-Compatible" content="IE=edge">
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
[...1234 lines suppressed...]
@@ -2205,8 +1611,10 @@
<h2 class="no-num" id="index">Index</h2><!--index-->
<h2 class="no-num" id="property-index">Property index</h2>
- <!-- properties -->
- <!-- Keep this comment at the end of the file
+
+</body>
+</html>
+<!-- Keep this comment at the end of the file
Local variables:
mode: sgml
sgml-declaration:"~/SGML/HTML4.decl"
@@ -2227,5 +1635,4 @@
sgml-local-ecat-files:nil
End:
-->
-</body>
-</html>
+
Index: alternate-spec-style.css
===================================================================
RCS file: /sources/public/csswg/css3-regions/alternate-spec-style.css,v
retrieving revision 1.6
retrieving revision 1.7
diff -u -d -r1.6 -r1.7
--- alternate-spec-style.css 12 Aug 2011 00:13:51 -0000 1.6
+++ alternate-spec-style.css 30 Sep 2011 19:56:07 -0000 1.7
@@ -1,98 +1,32 @@
-div.example:before {
- top: -0.6em;
- left: -2.5em;
- width: 7.5em;
- text-align: center;
-}
-
-div.example:before {
- color: white;
- background: #1976B9;
- padding: 0.5em;
- border: none;
- border-radius: 0.4em;
- box-shadow: black 2px 2px 2px;
- margin-top: -0.5em;
- left: -1em;
-}
-
-div.example {
- background: #f4f4f4;
- padding: 0.5em;
- margin: 1em 0;
- border: thin solid #999;
- position: relative;
- clear: both;
-}
-div.example {
- color: #303030
-}
-
-div.issue {
- color: red;
- margin-top: 1em;
- padding: 0.5em;
- border-left: 5px solid red;
- padding-left: 1em;
- position: relative;
- color: gray;
- padding-right: 10em;
+div.issue-marker {
+ position: absolute;
+ left: 5px;
+ z-index: 100;
+ padding-left: 1em;
+ border: 1px solid rgba(255, 0, 0, 0.3);
+ border-left: 1em solid red;
+ padding: 5px;
+ font-weight: bold;
+ font-size: 11px;
+ -webkit-box-shadow: 1px 1px 6px rgba(255, 0, 0, 0.15);
+ -moz-box-shadow: 1px 1px 6px rgba(255, 0, 0, 0.15);
+ box-shadow: 1px 1px 6px rgba(255, 0, 0, 0.15);
+ background-color: white;
+ -webkit-transform: rotateZ(-30deg) translateZ(0);
+ -moz-transform: rotate(-30deg);
+ transform: rotate(-30deg);
}
-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;
}
-div.note {
- margin-top: 1em;
- padding: 0.5em;
- border: 1px solid #ECF4F8;
- border-left: 5px solid #1C75BC;
- padding-left: 1em;
- padding-bottom: 1em;
- position: relative;
- background: #F3FAFF;
-}
-
-div.note:before {
- content: "Note " counter(note);
- background: none;
- padding: 0;
- margin: 0 0 0.7em 0;
- border: none;
- font-weight: bold;
- color: #1C75BC;
- 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: 5px solid gray;
+ padding: 1em;
+ border-left: 0.5em solid gray;
padding-left: 1em;
position: relative;
background: #F0F0F0;
@@ -146,8 +80,12 @@
width: 70ex;
}
+.event-desc {
+ background-color: #DEF;
+}
.event-desc td, .event-desc th {
- border: 1px solid gray;
+ padding: 0.5em;
+ border-bottom: 1px solid #BBD7E9;
}
.event-desc th {
--- 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/09/30 19:56:07 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 Friday, 30 September 2011 19:56:12 UTC