Sync from monorepo

core-aam/common/css/common.css

@@ -0,0 +1,254 @@
+
+ol{ list-style:decimal; }
+ol ol{ list-style:upper-alpha; }
+ol ol ol{ list-style:lower-roman; }
+ol ol ol ol{ list-style:lower-alpha; }
+
+/* following rules are specifically for the complex nested list in #textequivalentcomputation */
+/* but perhaps we should abstract this out to a more general classname (like .stepbystep or .nested) instead */
+#textequivalentcomputation li{
+	margin-top:0.5em;
+	margin-bottom:0.5em;
+}
+#textequivalentcomputation > ol{
+	padding-top:0.5em;
+	padding-bottom:0.7em;
+	border:solid 1px #ccc;
+}
+#textequivalentcomputation > ol > li{
+	margin-right:2em;
+}
+
+/* not clear where/why the following two blocks are used; spacing on .role causes problem in html-aam; commenting out for now
+ * 
+.role, .state, .property, .widget {
+	margin-left: 2em;
+	margin-bottom: 4ex;
+}
+
+.role-name, .state-name, .property-name, .widget-name {
+	/* margin-left: -2em; */
+/*	font-size: 100%;
+	font-weight: bold;
+	font-style: normal;
+	font-variant: normal;
+}
+*/
+.role-parent ul,
+.role-base ul,
+.role-children ul,
+.role-related ul,
+.role-scope ul,
+.role-mustcontain ul,
+.role-required-properties ul,
+.role-properties ul,
+.role-inherited ul,
+.role-disallowed ul,
+.role-namefrom ul,
+.state-value ul, .state-related ul,
+.state-applicability ul,
+.state-descendants ul,
+.property-value ul,
+.property-related ul,
+.property-applicability ul,
+.property-descendants ul,
+.quickref-required ul,
+.quickref-supported ul {
+	margin:0;
+	padding:0;
+	list-style-type:none;
+}
+/*
+.role-parent ul li, .role-children ul li, .role-related ul li, .role-scope ul li, .role-mustcontain ul li, .role-required-properties ul li, .role-properties ul li, .role-inherited ul li, .role-namefrom ul li, .state-value ul li, .state-related ul li, .state-applicability ul li, .state-descendants ul li, .property-value ul li, .property-related ul li, .property-applicability ul li, .property-descendants ul li {
+	display: inline;
+}
+.role-parent ul li:after, .role-children ul li:after, .role-related ul li:after, .role-scope ul li:after, .role-mustcontain ul li:after, .role-required-properties ul li:after, .role-properties ul li:after, .role-inherited ul li:after, .role-namefrom ul li:after, .state-value ul li:after, .state-related ul li:after, .state-applicability ul li:after, .state-descendants ul li:after, .property-value ul li:after, .property-related ul li:after, .property-applicability ul li:after, .property-descendants ul li:after {
+	content: " ";
+}
+*/
+/*
+.widget-description ul, .widget-keyboard ul, .widget-mouse ul, .widget-styling ul, .widget-aria ul, .widget-example ul {
+	margin: 0;
+	padding: 0;
+	list-style-type: none;
+}
+*/
+
+table{
+	border:solid 2px #999;
+	border-width:1px 0 0 1px;
+	margin:0.1em 0 1em;
+	padding:0;
+	border-spacing:0;
+	border-collapse:collapse;
+}
+th, td{
+	border:solid 2px #999;
+	border-width:0 1px 1px 0;
+	padding:0.15em 0.3em 0.1em;
+	vertical-align:top;
+	text-align:left;
+}
+th{
+	background-color:#eee;
+}
+caption{
+	text-align:left;
+	color:#555;
+	font-style:normal;
+	margin:1em 0 0.1em;
+	padding:0 0 0 0.3em;
+}
+table.role-features th, table.role-features td, table.state-features th, table.state-features td, table.property-features th, table.property-features td, table.value-descriptions th, table.value-descriptions td {
+	min-width:20em;
+}
+table.role-features tbody th, table.state-features tbody th, table.property-features tbody th, table.value-descriptions tbody th {
+    text-align: left !important;
+}
+th+th, td+td{
+	width:auto;
+}
+/*
+.role-abstract-head, .role-parent-head, .role-children-head, .role-related-head, .role-scope-head, .role-mustcontain-head, .role-required-properties-head, .role-properties-head, .role-inherited-head, .role-namefrom-head, .role-child-presentational-head, .role-presentational-inherited-head, .state-value-head, .state-related-head, .state-applicability-head, .property-value-head, .property-related-head, .property-applicability-head, .widget-description-head, .widget-keyboard-head, .widget-mouse-head, .widget-styling-head, .widget-aria-head, .widget-example-head {
+	width: 20em;
+}
+table.role-features, table.role-features tbody tr td, table.role-features thead tr th, table.state-features, table.state-features tbody tr td, table.state-features thead tr th, table.property-features, table.property-features tbody tr td, table.property-features thead tr th, table.widget-features, table.widget-features tbody tr td, table.widget-features tbody tr th {
+	border: 1px solid #000000;
+}
+table.role-properties tbody tr th, table.state-properties tbody tr th, table.property-properties tbody tr th {
+	padding-right: 1em;
+}
+table.value-descriptions caption {
+	margin-top: 1em;
+}
+*/
+
+html code, html pre, html kbd{ /* more specific selector than the default W3C style sheet */
+	/* Most browsers default 'monospace' to Courier, which has an ex-height of about 60% normal size. */
+	/* Monaco has a normal ex-height so font sizes appear more consistent with surrounding non-monospaced text. */
+	font-family: "Monaco", "Courier New", "Courier", monospace;
+	font-family: "Monaco", "Courier New", "Courier"; /* declare as separate rule to account for browser font-size inconsistencies, monospace fallback from previous rule should still work in the [almost non-existant] case that a user system does not have Courier */
+	font-size:0.9em;
+}
+html pre { /* more specific selector than the default W3C style sheet */
+	border: solid 1px #999;
+	background-color: #fcfcfc;
+	margin:1em 0;
+	padding:0.5em 0.8em;
+	font-size:0.75em; /* text in blocks code blocks looked too big now that font is back to normal size */
+	line-height:1.4; /* [sic] unitless multiplier, not EM size */
+}
+pre .tag, code .tag, code.tag{
+	color:#00c; /* blue */
+}
+pre .str, code .str, code.str{
+	color:#090; /* green */
+}
+pre .comment, code .comment, code.comment, .comment .str, .comment .tag{
+	color:#777; /* gray */
+}
+/*
+.role-reference, .role-reference:link, .role-reference:visited {
+	background-color: #eee;
+}
+.state-reference, .state-reference:link, .state-reference:visited {
+	background-color: #ffc;
+}
+.property-reference, .property-reference:link, .property-reference:visited {
+	background-color: #ccf;
+}
+.widget-reference, .widget-reference:link, .widget-reference:visited {
+	background-color: #9f6;
+}
+*/
+.termref, a.termref:link {
+	color:#006400;
+	text-decoration:none;
+	font-style:italic;
+}
+a.termref:visited {
+	color:inherit;
+}
+a.termref:hover, a.termref:focus {
+	background-color: #fafad2;
+	color: #006400;
+}
+.empty {
+	display: none;
+}
+.note {
+	color:#444;
+	border:solid 1px #ccc;
+	margin:1em 0;
+	padding:1em 2em;
+}
+.ednote {
+	border:solid 3px #cca;
+	background-color:#ffd;
+	padding:0 0.8em;
+}
+.role-screenshot {
+	float: right;
+	margin-left: 1em;
+	margin-bottom: 1ex;
+}
+.role-screenshot p {
+	text-align: center;
+	font-size: smaller;
+}
+.image {
+	text-align: center;
+}
+.img {
+	margin-left: auto;
+	margin-right: auto;
+}
+.img p {
+	text-align: center;
+	font-weight: bold;
+	font-size: smaller;
+}
+.img-caption {
+	font-weight: bold;
+}
+/*
+dl.runin dt {
+	display: run-in;
+}
+dl.runin dt:after {
+	content: ": ";
+}
+*/
+dl.compact dt {
+	font-weight:normal;
+}
+/*
+dl.compact dd {
+	margin-left: 5em;
+}
+*/
+.rfc2119 {
+	font-weight: bold;
+	text-transform: uppercase;
+}
+.todo {
+	background-color:#f99;
+}
+.issue {
+	background-color:#0c0;
+}
+abbr.symbol {
+	border-bottom:none;
+}
+
+.aref { 
+	font-family: monospace; 
+	font-weight: bold; 
+	color: #ff4500 !important;
+}
+
+/* prevent <dt> from butting up against previous <dd> in .termlist (terms.html) */
+.termlist dt {margin-top: 1em;}
+
+
+

core-aam/common/css/mapping-tables.css

@@ -0,0 +1,53 @@
+caption {
+    text-align:left;
+    font-size: 120%;
+    font-weight:bold;
+    margin-bottom: 0.25em;
+}
+table {
+    width:100%;
+    border-collapse: collapse;
+    border: 1px solid #630;
+}
+th, td {
+    text-align: left;
+    vertical-align: top;
+    padding: 0.3em;
+    border-collapse: collapse;
+    border: 1px solid #630;
+}
+th code, td code {font-size: 123%;}
+
+a[href|="#el"], a[href|="#att"] {color: #D93B00;}
+
+.warning {color: #990000; font-size: x-large; font-weight: normal;}
+.map-table, .details {clear: left; margin-bottom: 2em;}
+.map-table thead {background-color: #ddd;}
+.map-table tr:nth-child(2n+2) {background-color: #fafafa;}
+.map-table tbody th {max-width: 200px;}
+details, summary {display: block;}
+details {border-bottom: 1px solid #ccc; padding: 0.5em;}
+summary {padding: 0.25em;background: #fff url(../img/rightArrow.png) no-repeat 0.5em center; padding: 0.25em 0.25em 0.25em 2em;}
+summary::-webkit-details-marker {display: none;}
+.open summary, details[open] summary {background-color: #f5f5f5; background-image: url(../img/downArrow.png);}
+summary .el-context {display: inline;}
+summary:hover, summary:focus, details[open] summary:hover, details[open] summary:focus {background-color: #eee;}
+.map table {margin: 0.5em 1% 1%; width: 98%;}
+.map th span {font-weight: normal;}
+.map th {width: 18%;}
+.switch-view {font-size: 100%; margin-bottom: 1.5em;}
+.show-hide-cols {border: 1px solid #ccc; float: left; margin-bottom: 0.5em; padding: 10px;}
+.show-hide-cols span {margin: 0.25em 0; vertical-align: middle;}
+.show-hide-cols button {font-size: 80%; margin: 0 5px; padding-right: 15px;}
+.show-hide-cols .action {position: absolute; left: -9999em;}
+.show-col {background: #eee; border-style: inset;}
+.hide-col {background: #ddd; border-style: outset;}
+
+.general, .role, .states, .name, .actions, .objattrs, .textattrs, .relations,
+.ifaces, .children, .ctrltype, .ctrlpattern, .properties, .subrole, .roledesc {
+    margin: 0 0 6px;
+}
+
+.type {
+  font-weight: bold;
+}