├── .gitignore ├── .pr-preview.json ├── images ├── 0009.png ├── 000A.png ├── 000B.png ├── 000C.png ├── 000D.png ├── 0020.png ├── 007F.png ├── 0085.png ├── 00A0.png ├── 061C.png ├── 1680.png ├── 2000.png ├── 2001.png ├── 2002.png ├── 2003.png ├── 2004.png ├── 2005.png ├── 2006.png ├── 2007.png ├── 2008.png ├── 2009.png ├── 200A.png ├── 200B.png ├── 200C.png ├── 200D.png ├── 200E.png ├── 200F.png ├── 2028.png ├── 2029.png ├── 202F.png ├── 205F.png ├── 3000.png ├── FE0F.png ├── FEFF.png ├── balinese-gc.png ├── many-glyphs.png ├── suisse-cows.jpg ├── emoji-image-1.png ├── emoji-image-2.png ├── emoji-image-3.png ├── emoji-image-4.png ├── memorable-unicode.png ├── balinese-ortho-syllab.png └── indivisible-memorable.jpg ├── w3c.json ├── LICENCE.md ├── CODE_OF_CONDUCT.md ├── echidna ├── README.md ├── CONTRIBUTING.md ├── index-data └── dumpdata.js ├── make_checklist.js └── local.css /.gitignore: -------------------------------------------------------------------------------- 1 | *.DS_Store 2 | -------------------------------------------------------------------------------- /.pr-preview.json: -------------------------------------------------------------------------------- 1 | { 2 | "src_file": "index.html", 3 | "type": "respec" 4 | } 5 | -------------------------------------------------------------------------------- /images/0009.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/w3c/bp-i18n-specdev/gh-pages/images/0009.png -------------------------------------------------------------------------------- /images/000A.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/w3c/bp-i18n-specdev/gh-pages/images/000A.png -------------------------------------------------------------------------------- /images/000B.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/w3c/bp-i18n-specdev/gh-pages/images/000B.png -------------------------------------------------------------------------------- /images/000C.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/w3c/bp-i18n-specdev/gh-pages/images/000C.png -------------------------------------------------------------------------------- /images/000D.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/w3c/bp-i18n-specdev/gh-pages/images/000D.png -------------------------------------------------------------------------------- /images/0020.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/w3c/bp-i18n-specdev/gh-pages/images/0020.png -------------------------------------------------------------------------------- /images/007F.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/w3c/bp-i18n-specdev/gh-pages/images/007F.png -------------------------------------------------------------------------------- /images/0085.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/w3c/bp-i18n-specdev/gh-pages/images/0085.png -------------------------------------------------------------------------------- /images/00A0.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/w3c/bp-i18n-specdev/gh-pages/images/00A0.png -------------------------------------------------------------------------------- /images/061C.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/w3c/bp-i18n-specdev/gh-pages/images/061C.png -------------------------------------------------------------------------------- /images/1680.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/w3c/bp-i18n-specdev/gh-pages/images/1680.png -------------------------------------------------------------------------------- /images/2000.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/w3c/bp-i18n-specdev/gh-pages/images/2000.png -------------------------------------------------------------------------------- /images/2001.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/w3c/bp-i18n-specdev/gh-pages/images/2001.png -------------------------------------------------------------------------------- /images/2002.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/w3c/bp-i18n-specdev/gh-pages/images/2002.png -------------------------------------------------------------------------------- /images/2003.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/w3c/bp-i18n-specdev/gh-pages/images/2003.png -------------------------------------------------------------------------------- /images/2004.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/w3c/bp-i18n-specdev/gh-pages/images/2004.png -------------------------------------------------------------------------------- /images/2005.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/w3c/bp-i18n-specdev/gh-pages/images/2005.png -------------------------------------------------------------------------------- /images/2006.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/w3c/bp-i18n-specdev/gh-pages/images/2006.png -------------------------------------------------------------------------------- /images/2007.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/w3c/bp-i18n-specdev/gh-pages/images/2007.png -------------------------------------------------------------------------------- /images/2008.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/w3c/bp-i18n-specdev/gh-pages/images/2008.png -------------------------------------------------------------------------------- /images/2009.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/w3c/bp-i18n-specdev/gh-pages/images/2009.png -------------------------------------------------------------------------------- /images/200A.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/w3c/bp-i18n-specdev/gh-pages/images/200A.png -------------------------------------------------------------------------------- /images/200B.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/w3c/bp-i18n-specdev/gh-pages/images/200B.png -------------------------------------------------------------------------------- /images/200C.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/w3c/bp-i18n-specdev/gh-pages/images/200C.png -------------------------------------------------------------------------------- /images/200D.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/w3c/bp-i18n-specdev/gh-pages/images/200D.png -------------------------------------------------------------------------------- /images/200E.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/w3c/bp-i18n-specdev/gh-pages/images/200E.png -------------------------------------------------------------------------------- /images/200F.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/w3c/bp-i18n-specdev/gh-pages/images/200F.png -------------------------------------------------------------------------------- /images/2028.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/w3c/bp-i18n-specdev/gh-pages/images/2028.png -------------------------------------------------------------------------------- /images/2029.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/w3c/bp-i18n-specdev/gh-pages/images/2029.png -------------------------------------------------------------------------------- /images/202F.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/w3c/bp-i18n-specdev/gh-pages/images/202F.png -------------------------------------------------------------------------------- /images/205F.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/w3c/bp-i18n-specdev/gh-pages/images/205F.png -------------------------------------------------------------------------------- /images/3000.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/w3c/bp-i18n-specdev/gh-pages/images/3000.png -------------------------------------------------------------------------------- /images/FE0F.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/w3c/bp-i18n-specdev/gh-pages/images/FE0F.png -------------------------------------------------------------------------------- /images/FEFF.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/w3c/bp-i18n-specdev/gh-pages/images/FEFF.png -------------------------------------------------------------------------------- /images/balinese-gc.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/w3c/bp-i18n-specdev/gh-pages/images/balinese-gc.png -------------------------------------------------------------------------------- /images/many-glyphs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/w3c/bp-i18n-specdev/gh-pages/images/many-glyphs.png -------------------------------------------------------------------------------- /images/suisse-cows.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/w3c/bp-i18n-specdev/gh-pages/images/suisse-cows.jpg -------------------------------------------------------------------------------- /images/emoji-image-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/w3c/bp-i18n-specdev/gh-pages/images/emoji-image-1.png -------------------------------------------------------------------------------- /images/emoji-image-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/w3c/bp-i18n-specdev/gh-pages/images/emoji-image-2.png -------------------------------------------------------------------------------- /images/emoji-image-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/w3c/bp-i18n-specdev/gh-pages/images/emoji-image-3.png -------------------------------------------------------------------------------- /images/emoji-image-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/w3c/bp-i18n-specdev/gh-pages/images/emoji-image-4.png -------------------------------------------------------------------------------- /images/memorable-unicode.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/w3c/bp-i18n-specdev/gh-pages/images/memorable-unicode.png -------------------------------------------------------------------------------- /images/balinese-ortho-syllab.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/w3c/bp-i18n-specdev/gh-pages/images/balinese-ortho-syllab.png -------------------------------------------------------------------------------- /images/indivisible-memorable.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/w3c/bp-i18n-specdev/gh-pages/images/indivisible-memorable.jpg -------------------------------------------------------------------------------- /w3c.json: -------------------------------------------------------------------------------- 1 | { 2 | "group": 32113 3 | , "contacts": [ "xfq" ] 4 | , "policy": "open" 5 | , "repo-type": "note" 6 | } 7 | -------------------------------------------------------------------------------- /LICENCE.md: -------------------------------------------------------------------------------- 1 | All documents in this Repository are licensed by contributors 2 | under the 3 | [W3C Software and Document license](https://www.w3.org/Consortium/Legal/copyright-software). 4 | 5 | -------------------------------------------------------------------------------- /CODE_OF_CONDUCT.md: -------------------------------------------------------------------------------- 1 | # Code of Conduct 2 | 3 | All documentation, code and communication under this repository are covered by the [W3C Code of Ethics and Professional Conduct](https://www.w3.org/Consortium/cepc/). 4 | -------------------------------------------------------------------------------- /echidna: -------------------------------------------------------------------------------- 1 | # ECHIDNA configuration 2 | index.html?specStatus=NOTE&shortName=international-specs respec 3 | make_checklist.js 4 | local.css 5 | images/0009.png 6 | images/000A.png 7 | images/000B.png 8 | images/000C.png 9 | images/000D.png 10 | images/0020.png 11 | images/007F.png 12 | images/0085.png 13 | images/00A0.png 14 | images/061C.png 15 | images/1680.png 16 | images/2000.png 17 | images/2001.png 18 | images/2002.png 19 | images/2003.png 20 | images/2004.png 21 | images/2005.png 22 | images/2006.png 23 | images/2007.png 24 | images/2008.png 25 | images/2009.png 26 | images/200A.png 27 | images/200B.png 28 | images/200C.png 29 | images/200D.png 30 | images/200E.png 31 | images/200F.png 32 | images/2028.png 33 | images/2029.png 34 | images/202F.png 35 | images/205F.png 36 | images/3000.png 37 | images/FE0F.png 38 | images/FEFF.png 39 | images/many-glyphs.png 40 | images/indivisible-memorable.jpg 41 | images/memorable-unicode.png 42 | images/suisse-cows.jpg 43 | images/emoji-image-1.png 44 | images/emoji-image-2.png 45 | images/emoji-image-3.png 46 | images/emoji-image-4.png 47 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Internationalization Best Practices for Spec Developers 2 | 3 | ### Documents 4 | - [Draft Note in /TR](https://www.w3.org/TR/international-specs/) 5 | - [Editor's copy](https://w3c.github.io/bp-i18n-specdev/) 6 | 7 | ### Feedback 8 | Please use the [GitHub issue list](https://github.com/w3c/bp-i18n-specdev/issues) to send feedback about this document. 9 | 10 | To make it easier to track comments, please raise separate issues for each comment, and point to the section you are commenting on using a URL for the dated version of the document. 11 | 12 | ### Following 13 | To follow the work, you can 'Watch' this repository using the control above, or subscribe to the [www-international](https://lists.w3.org/Archives/Public/www-international/) mailing list, which is notified once a day about changes to the repo. Please use github issues rather than the mailing list to send feedback. 14 | 15 | ### Contributing 16 | 17 | All contributors should read and agree with [CONTRIBUTING.md](https://github.com/w3c/bp-i18n-specdev/blob/gh-pages/CONTRIBUTING.md). 18 | 19 | Editors should be familiar with and use the following: 20 | 21 | - [Github guidelines for working with i18n documents](https://w3c.github.io/i18n-activity/guidelines/github) 22 | - [Editorial guidelines for working with i18n documents](https://w3c.github.io/i18n-activity/guidelines/editing) 23 | 24 | ### Links 25 | - [Working Group Home Page](https://w3c.github.io/i18n-activity/i18n-wg/) 26 | -------------------------------------------------------------------------------- /CONTRIBUTING.md: -------------------------------------------------------------------------------- 1 | ##Contributions 2 | 3 | Contributions to this repository are intended to become part of the Internationalization Working Group documents governed by the [Software and Document License](https://www.w3.org/Consortium/Legal/copyright-software). By committing here, you agree to that licensing of your contributions. 4 | 5 | If you are not the sole contributor to a contribution (pull request), please identify all contributors in the pull request comment. 6 | 7 | To add a contributor (other than yourself, that's automatic), mark them one per line as follows: 8 | 9 | ``` 10 | +@github_username 11 | ``` 12 | 13 | If you added a contributor by mistake, you can remove them in a comment with: 14 | 15 | ``` 16 | -@github_username 17 | ``` 18 | 19 | If you are making a pull request on behalf of someone else but you had no part in designing the feature, you can remove yourself with the above syntax. 20 | 21 | 22 | 23 | ##Copyright 24 | 25 | Copyright is a very important part of standardization activities. It allows the standards development organization to maintain vendor neutral control over a specification, and thus protect the consensus found within a Working Group. 26 | 27 | In the course of the development of materials within the W3C, Task Force Participants will make contributions. Those contributions will be integrated into the jointly developed work thus creating shared copyright on the Task Force Participant's contribution. Most W3C Specifications contain a section with acknowledgement of contributions. 28 | 29 | Task Force Participants grant to the W3C a perpetual, nonexclusive, royalty-free, world-wide right and license under any Task Force Participant's copyrights on his or her contributions, to copy, publish and distribute the contribution under a license of W3C's choosing. Additionally, the Task Force Participant grants a right and license of the same scope to any derivative works prepared by the W3C and based on, or incorporating all or part of, his or her contribution and that any derivative works of this contribution prepared by the W3C shall be solely owned by the W3C. Furthermore, the Task Force Participant understands that W3C will be able to exercise all rights as a copyright owner of Task Force Participant's contribution, including enforcement against infringers without additional agreement or notice. 30 | 31 | Nothing in this agreement restricts the Task Force Participant from using their individual contributions as they wish, even if those have later been amalgamated into joint works. Where W3C releases materials under a permissive license such as the W3C Software License or CC-BY, nothing in this agreement should be read to restrict the Task Force Participant from exercising the permissions granted by that license. The Task Force Participant represents that they are legally entitled to grant the above license. If their employer(s) have rights to intellectual property that the Task Force Participant creates that includes the contributions, they represent that they have received permission to make contributions on behalf of that employer or that the employer has waived such rights for the contributions to W3C. 32 | 33 | 34 | ##Decency 35 | 36 | The Task Force Participant will participate in the W3C Group in a decent way. Task Force Participants will refrain from defaming, harassing or otherwise offending other participants. The [Section 3.1 of the Process Document](https://www.w3.org/2015/Process-20150901/#ParticipationCriteria) applies, as does the W3C [Code of Ethics and Professional Conduct](https://www.w3.org/Consortium/cepc/). 37 | 38 | The Task Force Participant will refrain from sending unsolicited commercial messages to W3C mailing-lists and other promotional activities for personal matters or for third parties. This is especially required from Task Force Participants sending messages to public W3C Groups. 39 | -------------------------------------------------------------------------------- /index-data/dumpdata.js: -------------------------------------------------------------------------------- 1 | function dumpData () { 2 | // outputs to a textarea code that can be used to create an outline version of the document 3 | console.log('hello') 4 | 5 | // find the h2 level sections 6 | var h2s = document.querySelectorAll('.topic') 7 | 8 | var out = '' 9 | var listitems, l 10 | 11 | 12 | 13 | // process each h2 level section 14 | for (var i=0;i\n'+h2+'\n\n' 20 | //var summary = h2s[i].querySelector('.summary') 21 | ///if (summary) out += '

In this section

\n' 22 | //out += '
Open All Close All
\n' 23 | // get the h3 level sections 24 | 25 | 26 | //
27 | // Getting started 28 | //
29 | //
Background reading
30 | 31 | 32 | 33 | 34 | var h3s = h2s[i].querySelectorAll('.subtopic') 35 | for (var j=0;j\n' 42 | out += ''+h3+'\n' 43 | out += '
\n' 44 | 45 | // get the see also's 46 | var xref = h3s[j].querySelector('.xref') 47 | if (xref) { 48 | out += '
See also
' 49 | var paras = xref.querySelectorAll('p') 50 | for (var p=0;p\n' 59 | } 60 | out += '\n' 61 | out += '
\n' 62 | 63 | // get the how-to's 64 | var howto = h3s[j].querySelector('.howto') 65 | if (howto) { 66 | out += '
How to\'s
    ' 67 | listitems = howto.querySelectorAll('li.w3') 68 | for (l=0;lhere.\n\n` 11 | 12 | out += '## '+checklist.parentNode.querySelector('h2').textContent+'\n' 13 | 14 | // get the mustard from the checklist 15 | var h3s = checklist.querySelectorAll('.checklistDiv') 16 | 17 | console.log(h3s.length) 18 | 19 | for (var j=0;j /,'') 35 | if (checked) out += `1. [x] ${ temp }
    _Comments_go_here_\n` 36 | else out += `1. [ ] ${ temp }
    _Comments_go_here_\n` 37 | } 38 | } 39 | 40 | out += '\n' 41 | } 42 | 43 | 44 | return out 45 | } 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | function createIssueText () { 54 | // outputs to a textarea markdown for just the checklist items that can be used to create an interactive checklist in a github issue 55 | 56 | // find the h2 level sections 57 | var h2s = document.querySelectorAll('.topic') 58 | 59 | var out = '# Internationalisation review checklist\nCheck marks indicate relevant issues. Add comments to describe conformance.\n\nThis checklist was created here.\n\n' 60 | 61 | // process each h2 level section 62 | for (var i=0;i /,'') 88 | if (checked) out += `1. [x] ${ temp }
    _Comments_go_here_\n` 89 | else out += `1. [ ] ${ temp }
    _Comments_go_here_\n` 90 | } 91 | 92 | out += '\n' 93 | } 94 | 95 | } 96 | 97 | return out 98 | } 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | function showChecklistsOLD (section, listLocation) { 107 | // called after the page is loaded; sets up section by section lists of contents 108 | // click on the contents list to see the recommendations in checklist form 109 | 110 | var out = '' 111 | var checks, h3s 112 | 113 | h3s = section.querySelectorAll('h3') 114 | for (var h=0;h${ h3s[h].innerHTML }` 116 | checks = h3s[h].parentNode.querySelectorAll('.advisement') 117 | out += `
      ` 118 | for (var c=0;c ${ checks[c].innerHTML } more` 119 | out += `
    ` 120 | out += `
` 121 | } 122 | 123 | 124 | document.getElementById(listLocation).innerHTML = out 125 | } 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | function showChecklists (section) { 134 | // called after the page is loaded; sets up section by section lists of contents 135 | // click on the contents list to see the recommendations in checklist form 136 | // section: pointer to level 2 section node 137 | // listLocation: id of div that will contain the checklist (+_checklist) 138 | 139 | 140 | var out = '' 141 | var checks, h3s 142 | var listLocation = section.id+'_checklist' 143 | var textarea = section.id+'_dump' 144 | 145 | h3s = section.querySelectorAll('h3') 146 | out += `
Show checklist\n` 147 | for (var h=0;h${ h3s[h].innerHTML }

` 149 | checks = h3s[h].parentNode.querySelectorAll('.advisement') 150 | out += `
    ` 151 | for (var c=0;c ${ checks[c].innerHTML } more` 152 | out += `
` 153 | } 154 | out += `

` 155 | out += `
` 156 | out += `
` 157 | 158 | 159 | document.getElementById(listLocation).innerHTML = out 160 | } 161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | function showChecklists (section) { 169 | // called after the page is loaded; sets up section by section lists of contents 170 | // click on the contents list to see the recommendations in checklist form 171 | // section: pointer to level 2 section node 172 | // listLocation: id of div that will contain the checklist (+_checklist) 173 | 174 | 175 | var out = '' 176 | var checks, h3s 177 | var listLocation = section.id+'_checklist' 178 | var textarea = section.id+'_dump' 179 | 180 | h3s = section.querySelectorAll('h3') 181 | out += `
Show the self-review checklist\n` 182 | 183 | out += `

This is a list of just the requirements in this section, which can be used for self-reviews. Select the first checkbox on a line for all requirements relevant to your spec. Select the second checkbox if your spec meets the requirement. Then click on the button "Create markdown for GitHub", and copy the result to a GitHub issue list. See more details.` 184 | 185 | for (var h=0;h` 187 | out += `

${ h3s[h].innerHTML }

` 188 | checks = h3s[h].parentNode.querySelectorAll('.advisement') 189 | out += `
    ` 190 | for (var c=0;c ${ checks[c].innerHTML } more` 191 | out += `
` 192 | out += `` 193 | } 194 | out += `

` 195 | out += `
` 196 | out += `
` 197 | 198 | 199 | document.getElementById(listLocation).innerHTML = out 200 | } 201 | 202 | 203 | 204 | 205 | 206 | 207 | 208 | 209 | -------------------------------------------------------------------------------- /local.css: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | 3 | /** Styles to support the mention of Unicode characters and character sequences *****/ 4 | /* These match the styles in the tr-design stylesheet exactly. 5 | * They are present in this stylesheet so that we can experiment with 6 | * fixes and changes conveniently. 7 | */ 8 | 9 | .codepoint bdi { 10 | line-height: 1em; 11 | font-size: 1.25em; 12 | padding-inline: 0.25em; 13 | } 14 | 15 | .codepoint img { 16 | height: 2em; 17 | margin-inline: 0.25em; 18 | vertical-align: bottom; 19 | } 20 | 21 | .uname { 22 | font-family: Arial, monospace; 23 | font-size: 0.75em; 24 | letter-spacing: 0.03em; 25 | color: var(--uname-text); 26 | } 27 | /** end of unicode styles */ 28 | 29 | 30 | /** 31 | * The remainder of the styles in this file are used locally in specdev. 32 | * Over time most of these should be migrated to I18N's shared stylesheet 33 | * (currently respec_2022.css). * 34 | */ 35 | 36 | :root { 37 | --blue: blue; 38 | --checklistGroup-li-bg: antiquewhite; 39 | --checklistGroup-li-input: chocolate; 40 | --checklistGroup-li: brown; 41 | --example-note-bg: white; 42 | --bidi-example-table-bg: white; 43 | --bidi-example-table-tr-border: #ddd; 44 | --exampleNamesTable-td-border: #ddd; 45 | --exampleNamesTable-tr-2n: #f2f2f2; 46 | --exampleNamesTable-tr-hover: var(--exampleNamesTable-td-border); 47 | --h4-color: #005a9c; 48 | --links-bg: #EFEFF9; 49 | --links-title-text: #005a9c; 50 | --localdef-bg: white; 51 | --localdef-border: brown; 52 | --review-comments-bg: #EFEFF9; 53 | --summary-text: saddlebrown; 54 | --uname-text: brown; 55 | --xref-bg: #fbf4e0; 56 | --start-here-border: green; 57 | --start-here-bg: rgb(233, 251, 233); 58 | --start-here-p-title-bg: ivory; 59 | --term-guide-hover: #dfd; 60 | --spillover-example-bg: #fdfdfd; 61 | --spillover-example-resolution: blue; 62 | --spillover-example-monitor: purple; 63 | } 64 | 65 | body.darkmode { 66 | --blue: rgb(51 125 255); 67 | --checklistGroup-li-bg: rgb(69 43 9); 68 | --checklistGroup-li-input: rgb(228 132 63); 69 | --checklistGroup-li: rgb(215 99 99); 70 | --example-note-bg: #181a1b; 71 | --bidi-example-table-bg: black; 72 | --bidi-example-table-tr-border: #3a3e41; 73 | --exampleNamesTable-td-border: rgb(58 62 65); 74 | --exampleNamesTable-tr-2n: rgb(31 34 35); 75 | --exampleNamesTable-tr-hover: var(--exampleNamesTable-td-border); 76 | --h4-color: rgb(110 194 255); 77 | --links-bg: rgb(30 33 34); 78 | --links-title-text: rgb(110 194 255); 79 | --localdef-bg: rgb(24 26 27); 80 | --localdef-border: rgb(154 39 39); 81 | --review-comments-bg: rgb(30 33 34); 82 | --summary-text: rgb(236 164 113); 83 | --uname-text: rgb(215 99 99); 84 | --xref-bg: rgb(53 42 11); 85 | --start-here-border: #00d900; 86 | --start-here-bg: #16380a; 87 | --start-here-p-title-bg: #d1d1c5; 88 | --term-guide-hover: #124700; 89 | --spillover-example-bg: #191b1c; 90 | --spillover-example-resolution: #337dff; 91 | --spillover-example-monitor: #ff72ff; 92 | } 93 | 94 | 95 | .advisement { /*background-color:#ffffcc; border: 1px solid #ccc;*/ 96 | border-radius: 4px; 97 | position: relative; 98 | } 99 | .advisement a { 100 | font-style: italic; 101 | } 102 | .advisement a.local { 103 | display:none; 104 | } 105 | 106 | body { 107 | counter-reset: advisement; /* Set the section counter to 0 */ 108 | /*counter-reset: bp; Set the section counter to 0 */ 109 | } 110 | 111 | .new-term { 112 | font-weight: bold 113 | } 114 | code { 115 | font-family: monospace; 116 | } 117 | section h2 { 118 | margin-top: 5em; 119 | margin-bottom: 0em; 120 | } 121 | .head h2, #abstract h2, #sotd h2 { 122 | margin-top: 0; 123 | } 124 | 125 | .term { 126 | font-weight: bold; 127 | margin-top: 1em; 128 | } 129 | a.termref:link { 130 | color:#C60; 131 | text-decoration:none; 132 | border-bottom: 1px dotted #FC0; 133 | } 134 | 135 | a.termref:hover { 136 | color:#C60; 137 | text-decoration:none; 138 | border-bottom: 1px dotted #FC0; 139 | } 140 | 141 | a.termref:visited { 142 | color:#C60; 143 | text-decoration:none; 144 | border-bottom: 1px dotted #FC0; 145 | } 146 | 147 | a.termref:active { 148 | color:#C60; 149 | text-decoration:none; 150 | border-bottom: 1px dotted #FC0; 151 | } 152 | 153 | 154 | .note { 155 | margin-left: 2em; 156 | margin-right: 3em; 157 | margin-top: 1em; 158 | border: 2px solid #CFF6D9; 159 | padding: .5em; 160 | padding-top: 0px; 161 | padding-bottom: 1em; 162 | color: #444; 163 | background-color: #E2FFF0; 164 | font-size: 0.8em; 165 | } 166 | 167 | @media print { 168 | .bp { background: #ffcc99 } 169 | 170 | body { font-size: 80%; margin: 2em; } 171 | .copyright { font-size: 80%; } 172 | } 173 | 174 | 175 | 176 | 177 | h4 { color: var(--h4-color); margin-top: 2em; } 178 | .indent { margin-left: 3em; } 179 | 180 | .links h4, .xref h4 { 181 | margin-top: 0; 182 | } 183 | 184 | .link { display: inline; } 185 | .desc { display: inline; margin-left: 1em; } 186 | .desc:before { content: '— '; } 187 | 188 | .links { 189 | /*background-color: #a09de5; border: 1px solid #ccc; */ 190 | font-size: 90%; 191 | padding: 1em; 192 | background-color: var(--links-bg); 193 | border-radius: 5px; 194 | /*margin-bottom: 20px; 195 | float: left; width: 60%;*/ 196 | } 197 | .xref { 198 | /* background-color: #feb; border: 1px solid #fc0; border-radius: 10px;*/ 199 | font-size: 80%; 200 | padding: 1em; 201 | background-color: var(--xref-bg); 202 | border-radius: 5px; 203 | /*margin-bottom: 40px; 204 | float: right; width: 30%;*/ 205 | padding: .25em 1em; 206 | } 207 | .xref p { 208 | line-height: 1.2; 209 | margin-top: 0; 210 | margin-bottom: .5em; 211 | } 212 | 213 | .subtopic, .topic { clear: both; } 214 | 215 | .bigtext { 216 | font-size: 30pt; 217 | color: var(--blue); 218 | text-align: left; 219 | margin-block-start: 12px; 220 | margin-block-end: 12px; 221 | } 222 | 223 | aside h2 { 224 | margin-top: 0em; 225 | } 226 | 227 | table.cpExample { 228 | table-layout: fixed; 229 | width: 80%; 230 | } 231 | 232 | table.truncExample th, 233 | table.truncExample td { 234 | vertical-align: top; 235 | } 236 | 237 | table.truncExample kbd, 238 | table.truncExample code { 239 | color: var(--blue); 240 | font-size: larger; 241 | } 242 | 243 | .summary .secno { 244 | display: none; 245 | } 246 | 247 | .example_div { 248 | margin-left: 4em; 249 | margin-right: 4em; 250 | font-size: 90%; 251 | } 252 | 253 | aside h3 { 254 | margin-block-start: 0; 255 | margin-inline-start: 1em; 256 | } 257 | aside h4 { 258 | margin-inline-start: 1em; 259 | } 260 | 261 | table.whitespace { 262 | /* width: 300px; */ 263 | width: 100%; 264 | border-spacing: 0; 265 | margin: 1em 0; 266 | } 267 | table.whitespace th { 268 | writing-mode: sideways-lr; 269 | vertical-align: bottom; 270 | } 271 | table.whitespace td { 272 | text-align: center; 273 | vertical-align: middle; 274 | } 275 | table.whitespace th, 276 | table.whitespace td { 277 | border: thin solid rgba(0,0,0,.12); 278 | padding: 6px; 279 | } 280 | table.whitespace caption { 281 | padding: 10px; 282 | caption-side: bottom; 283 | } 284 | 285 | 286 | .advisement + .links { margin-top: -1em; } 287 | .advisement + .links a { text-decoration: none; border-bottom: none; } 288 | .advisement { } 289 | .req { position: relative; } 290 | .req .links { padding-bottom: 0; } 291 | /*.req::before { 292 | content: "§"; 293 | display: block; 294 | border: none; 295 | color: inherit; 296 | font-size: 83%; 297 | height: 2em; 298 | left: -1.6em; 299 | opacity: .5; 300 | position: absolute; 301 | text-align: center; 302 | text-decoration: none; 303 | top: 0; 304 | transition: opacity .2s; 305 | width: 2em; 306 | }*/ 307 | .req .self-link { 308 | margin-left: -1em; 309 | float: left; 310 | text-decoration: none; 311 | border: 0; 312 | font-size: 80%; 313 | color: #999; 314 | } 315 | .req summary { 316 | margin: 0; 317 | margin-top: 0px; 318 | margin-top: -1em; 319 | font-size: 80%; 320 | font-weight: normal; 321 | line-height: 1; 322 | cursor: pointer; 323 | } 324 | /*.xref { 325 | border-radius: 8px; 326 | border: 4px solid white; 327 | padding: 10px; 328 | font-size: 90%; 329 | background-color: #FEB; 330 | float: right; 331 | width: 40%; 332 | margin-bottom: 1em; 333 | margin-inline-end: -15%; 334 | }*/ 335 | .seealso { 336 | color: #996600; 337 | font-size: 95%; 338 | font-weight: bold; 339 | } 340 | 341 | 342 | .links_title { margin-top: 0; font-weight: bold; color: var(--links-title-text); } 343 | .links_subtitle { font-style: italic; margin-block-start: 1rem; margin-bottom: 0; } 344 | 345 | 346 | 347 | 348 | .checklistGroup li { 349 | list-style-type: none; 350 | padding-inline: 1rem; 351 | padding-block: .3em; 352 | min-height: 2rem; 353 | color: var(--checklistGroup-li); 354 | background-color: var(--checklistGroup-li-bg); 355 | border-radius: 5px; 356 | font-size: 95%; 357 | } 358 | .checklistMore { 359 | font-size: 90%; 360 | font-style: italic; 361 | text-decoration: none; 362 | margin-inline-start: 1rem; 363 | } 364 | .checklistGroup li input { 365 | accent-color: var(--checklistGroup-li-input); 366 | } 367 | .checklist summary { 368 | font-weight: normal; 369 | margin-block: 2rem; 370 | } 371 | .checklist details > summary { 372 | color: saddlebrown; 373 | margin-inline-start: 2rem; 374 | } 375 | .summaryC summary { 376 | color: var(--summary-text); 377 | font-weight: normal; 378 | cursor: pointer; 379 | } 380 | 381 | 382 | .dumpBox { 383 | width: 100%; 384 | height: 400px; 385 | } 386 | 387 | .reviewComments { 388 | font-size: 90%; 389 | padding: 1em; 390 | background-color: var(--review-comments-bg); 391 | border-radius: 5px; 392 | margin-block: 0; 393 | font-style: italic; 394 | } 395 | 396 | .exampleNamesTable { 397 | border-collapse: collapse; 398 | width: 100%; 399 | } 400 | 401 | .exampleNamesTable td, .exampleNamesTable th { 402 | border: 1px solid var(--exampleNamesTable-td-border); 403 | padding: 8px; 404 | } 405 | 406 | .exampleNamesTable tr:nth-child(even){background-color: var(--exampleNamesTable-tr-2n);} 407 | 408 | .exampleNamesTable tr:hover {background-color: var(--exampleNamesTable-tr-hover);} 409 | 410 | .exampleNamesTable th { 411 | cursor: pointer; 412 | padding-top: 12px; 413 | padding-bottom: 12px; 414 | text-align: left; 415 | background-color: #04AA6D; 416 | color: white; 417 | } 418 | 419 | td.exampleChar { 420 | font-size: 300%; 421 | text-align: center; 422 | vertical-align: middle; 423 | } 424 | 425 | .spilloverExample { 426 | background-color: var(--spillover-example-bg); 427 | text-indent: 10px; 428 | font-size: 140%; 429 | } 430 | 431 | .spilloverExample :lang(ar) { 432 | font-family: Noto Sans Arabic, Tahoma, sans-serif; 433 | } 434 | 435 | .localdef { 436 | background-color:var(--localdef-bg); 437 | border: 1px solid var(--localdef-border); 438 | margin:0.5em; 439 | padding:0.5em; 440 | } 441 | 442 | #string_meta_progress p.example_note { 443 | background-color: var(--example-note-bg); 444 | border: 1px solid green; 445 | padding:10px; 446 | } 447 | 448 | table.bidi-example-table { 449 | background-color: var(--bidi-example-table-bg); 450 | border-collapse: collapse; 451 | padding: 0; 452 | width: 98%; 453 | } 454 | 455 | table.bidi-example-table td { 456 | padding: 0; 457 | } 458 | 459 | table.bidi-example-table th { 460 | text-align: center; 461 | } 462 | 463 | table.bidi-example-table tr { 464 | border-bottom: 1px solid var(--bidi-example-table-tr-border); 465 | } 466 | 467 | table.bidi-example-table tr td:last-child { 468 | white-space: nowrap; 469 | } 470 | 471 | img.emoji-image { 472 | display:block; 473 | margin-left:auto; 474 | margin-right:auto; 475 | max-width:60px; 476 | height:auto 477 | } 478 | 479 | .start-here { 480 | border:5px solid var(--start-here-border); 481 | background-color: var(--start-here-bg); 482 | padding: 10px; 483 | } 484 | 485 | aside.start-here p.title { 486 | color: rgb(3, 69, 117); 487 | font-size:large; 488 | font-family:sans-serif; 489 | font-weight:bold; 490 | text-align:center; 491 | background-color:var(--start-here-p-title-bg); 492 | margin:0; 493 | padding:0 494 | } 495 | 496 | table.charTermExample { 497 | border-collapse: collapse; 498 | } 499 | 500 | table.charTermExample th { 501 | width: 15%; 502 | } 503 | 504 | table.charTermExample td { 505 | border-right: 1px dotted gray; 506 | text-align: center; 507 | padding: 5px; 508 | } 509 | 510 | table.term-guide { 511 | border-collapse: collapse; 512 | 513 | } 514 | 515 | table.term-guide td { 516 | vertical-align: top; 517 | text-align: left; 518 | font-size: 90%; 519 | padding: 10px; 520 | border-bottom: 1px dotted gray; 521 | } 522 | 523 | table.term-guide th { 524 | vertical-align: top; 525 | text-align: left; 526 | font-size: 90%; 527 | padding: 10px; 528 | border-bottom: 1px dotted gray; 529 | } 530 | 531 | table.term-guide tbody tr:hover { 532 | background-color: var(--term-guide-hover); 533 | } 534 | 535 | table.byte-oriented-example { 536 | border-collapse: collapse; 537 | margin: 1em 0; 538 | } 539 | 540 | table.byte-oriented-example th, td { 541 | border: 1px solid #ccc; 542 | padding: 0.5em; 543 | } 544 | 545 | table.byte-oriented-example th:first-child, 546 | td:first-child { 547 | text-align: left; 548 | } 549 | 550 | table.byte-oriented-example th:not(:first-child), 551 | td:not(:first-child) { 552 | text-align: center; 553 | } 554 | --------------------------------------------------------------------------------