8000 csswg-drafts/default-TR.css at ae90b523284fa9183cbc6da0268533cb2e10b2d9 · w3c/csswg-drafts · GitHub
Skip to content

default-TR.css

Latest commit

 

History

History
856 lines (738 loc) · 20.3 KB

default-TR.css

File metadata and controls

856 lines (738 loc) · 20.3 KB
padding: 0.3em 0.3em 0.3em 0.7em;
}
/** Data tables (and properly marked-up proptables) ***************************/
/*
<table class="data"> highlights structural relationships in a table
when correct markup is used (e.g. thead/tbody, th vs. td, scope attribute)
Use class="complex data" for particularly complicated tables --
(This will draw more lines: busier, but clearer.)
Use class="long" on table cells with paragraph-like contents
(This will adjust text alignment accordingly.)
*/
.data, .proptable {
margin: 1em auto;
border-collapse: collapse;
width: 100%;
border: hidden;
}
.data {
text-align: center;
width: auto;
}
.data caption {
width: 100%;
}
.data td, .data th,
.proptable td, .proptable th {
padding: 0.5em;
border-width: 1px;
border-color: silver;
border-top-style: solid;
}
.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: 2px solid;
}
.data colgroup {
border-left: 2px 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: 2px solid;
border-top: 1px solid silver;
padding-right: 1em;
}
.data.define td:last-child {
text-align: left;
}
.data tbody th[rowspan],
.proptable tbody th[rowspan],
.data tbody td[rowspan],
.proptable tbody td[rowspan]{
border-left: 1px solid silver;
}
.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 solid silver;
}
.complex.data th,
.complex.data td {
border: 1px solid silver;
}
.data td.long {
vertical-align: baseline;
text-align: left;
}
.data img {
vertical-align: middle;
}
/******************************************************************************/
/* Indices */
/******************************************************************************/
/** Table of Contents *********************************************************/
/* ToC not indented, but font style shows hierarchy */
ul.toc { margin: 1em 0; font-weight: bold; /*text-transform: uppercase;*/ }
ul.toc ul { margin: 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; }
ul.toc ul.toc li { margin: 0.3em 0 0 0; }
ul.toc, ul.toc ul, ul.toc li { padding: 0; line-height: 1.3; }
ul.toc a { text-decoration: none; border-bottom-style: none; }
ul.toc a:hover, ul.toc a:focus { border-bottom-style: solid; }
/*
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}
*/
/* Section numbers in a column of their own */
ul.toc {
margin-left: 5em
}
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;
}
/* 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
*/
/** At-risk List **************************************************************/
/* Style for At Risk features (intended as editorial aid, not intended for publishing) */
.atrisk::before {
position: absolute;
margin-left: -5em;
margin-top: -2px;
padding: 4px;
border: 1px solid;
content: 'At risk';
font-size: small;
background-color: white;
color: gray;
border-radius: 1em;
text-align: center;
}
.toc .atrisk::before { content:none }
/** Index *********************************************************************/
/* Index Lists: Layout */
ul.indexlist { margin-left: 0; columns: 13em; }
ul.indexlist li { margin-left: 0; list-style: none }
ul.indexlist li li { margin-left: 1em }
ul.indexlist dl { margin-top: 0; }
ul.indexlist dt { margin: .2em 0 .2em 20px;}
ul.indexlist dd { margin: .2em 0 .2em 40px;}
/* Index Lists: Typography */
ul.indexlist ul,
ul.indexlist dl { font-size: smaller; }
ul.indexlist a { font-weight: bold; }
/** Property Index Tables *****************************************************/
/* See also the data table styling section, which this effectively subclasses */
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;
}
.propdef th {
font-style: italic;
font-weight: normal;
text-align: left;
width: 3em;
}
/* The link in the first column in the property table (formerly a TD) */
table.proptable td .property,
table.proptable th .property {
display: block;
text-align: left;
font-weight: bold;
}
/******************************************************************************/
/* Print */
/******************************************************************************/
@media print {
html {
margin: 0 !important; }
body {
font-family: serif; }
th, td {
font-family: inherit; }
a {
color: inherit !important; }
a:link, a:visited {
text-decoration: none !important }
a:link:after, a:visited:after { /* create a cross-ref "see..." */ }
.example:before {
font-family: serif !important; }
}
@page {
margin: 1.5cm 1.1cm;
}