source: rfc2629xslt/samples/sample.ipr.id.trust200902.201006.irtf.test.xhtml

Last change on this file was 2762, checked in by julian.reschke@…, 2 weeks ago

update specs and rfc2629.xslt

  • Property svn:eol-style set to native
File size: 12.9 KB
Line 
1<?xml version="1.0" encoding="UTF-8"?>
2<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
3   <head>
4      <title>Example for @ipr="trust200902"/@submissionType="IRTF" as of June 2010</title>
5      <script>
6function anchorRewrite() {
7  map = { };
8  if (window.location.hash.length &gt;= 1) {
9    var fragid = window.location.hash.substr(1);
10    if (fragid) {
11      if (! document.getElementById(fragid)) {
12        var prefix = "rfc.";
13        var mapped = map[fragid];
14        if (mapped) {
15          window.location.hash = mapped;
16        } else if (fragid.indexOf("section-") == 0) {
17          window.location.hash = prefix + "section." + fragid.substring(8).replace("-",".p.");
18        } else if (fragid.indexOf("appendix-") == 0) {
19          window.location.hash = prefix + "section." + fragid.substring(9).replace("-",".p.");
20        } else if (fragid.indexOf("s-") == 0) {
21          var postfix = fragid.substring(2);
22          if (postfix.startsWith("abstract")) {
23            window.location.hash = prefix + postfix;
24          } else if (postfix.startsWith("note-")) {
25            window.location.hash = prefix + "note." + postfix.substring(5).replace("-",".p.");
26          } else {
27            window.location.hash = prefix + "section." + postfix.replace("-",".p.");
28          }
29        } else if (fragid.indexOf("p-") == 0) {
30          var r = fragid.substring(2);
31          var p = r.indexOf("-");
32          if (p &gt;= 0) {
33            window.location.hash = prefix + "section." + r.substring(0, p) + ".p." + r.substring(p + 1);
34          }
35        }
36      }
37    } 
38  }
39}
40window.addEventListener('hashchange', anchorRewrite);
41window.addEventListener('DOMContentLoaded', anchorRewrite);
42</script>
43      <style title="rfc2629.xslt">@import url('https://fonts.googleapis.com/css?family=Noto+Sans:r,b,i,bi');
44@import url('https://fonts.googleapis.com/css?family=Roboto+Mono:r,b,i,bi');
45
46:root {
47  --col-bg: white;
48  --col-bg-error: red;
49  --col-bg-highlight: yellow;
50  --col-bg-highligh2: lime;
51  --col-bg-light: gray;
52  --col-bg-pre: lightyellow;
53  --col-bg-pre1: #f8f8f8;
54  --col-bg-pre2: #f0f0f0;
55  --col-bg-th: #e9e9e9;
56  --col-bg-tr: #f5f5f5;
57  --col-fg: black;
58  --col-fg-del: red;
59  --col-fg-error: red;
60  --col-fg-ins: green;
61  --col-fg-light: gray;
62  --col-fg-link: blue;
63  --col-fg-title: green;
64}
65a {
66  color: var(--col-fg-link);
67  text-decoration: none;
68}
69a.smpl {
70  color: var(--col-fg);
71}
72a:hover {
73  text-decoration: underline;
74}
75a:active {
76  text-decoration: underline;
77}
78address {
79  margin-top: 1em;
80  margin-left: 2em;
81  font-style: normal;
82}
83body {
84  background-color: var(--col-bg);
85  color: var(--col-fg);
86  font-family: 'Noto Sans', segoe, optima, arial, sans-serif, serif;
87  font-size: 16px;
88  line-height: 1.5;
89  margin: 10px 0px 10px 10px;
90}
91@media screen and (min-width: 1040px) {
92  body {
93    margin: 10px auto;
94    max-width: 1000px;
95  }
96}
97samp, span.tt, code, pre {
98  font-family: 'Roboto Mono', monospace;
99}
100cite {
101  font-style: normal;
102}
103dl {
104  margin-left: 2em;
105}
106dl &gt; dt {
107  float: left;
108  margin-right: 1em;
109}
110dl.nohang &gt; dt {
111  float: none;
112}
113dl &gt; dd {
114  margin-bottom: .5em;
115}
116dl.compact &gt; dd {
117  margin-bottom: .0em;
118}
119dl &gt; dd &gt; dl {
120  margin-top: 0.5em;
121}
122dt &gt; span {
123  line-height: 0;
124}
125dd &gt; span {
126  line-height: 0;
127}
128ul.empty {
129  list-style-type: none;
130}
131ul.empty li {
132  margin-top: .5em;
133}
134dl p {
135  margin-left: 0em;
136}
137dl.reference &gt; dt {
138  font-weight: bold;
139}
140dl.reference &gt; dd {
141  margin-left: 6em;
142}
143h1 {
144  color: var(--col-fg-title);
145  font-size: 150%;
146  font-weight: bold;
147  text-align: center;
148  margin-top: 36pt;
149  margin-bottom: 0pt;
150}
151h2 {
152  font-size: 130%;
153  page-break-after: avoid;
154}
155h2.np {
156  page-break-before: always;
157}
158h3 {
159  font-size: 120%;
160  page-break-after: avoid;
161}
162h4 {
163  font-size: 110%;
164  page-break-after: avoid;
165}
166h5, h6 {
167  font-size: 100%;
168  page-break-after: avoid;
169}
170h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
171  color: var(--col-fg);
172}
173img {
174  margin-left: 3em;
175}
176ol {
177  margin-left: 2em;
178}
179li ol {
180  margin-left: 0em;
181}
182ol p {
183  margin-left: 0em;
184}
185p {
186  margin-left: 2em;
187}
188pre {
189  font-size: 90%;
190  margin-left: 3em;
191  background-color: var(--col-bg-pre);
192  padding: .25em;
193  page-break-inside: avoid;
194}
195pre.text2 {
196  border-style: dotted;
197  border-width: 1px;
198  background-color: var(--col-bg-pre2);
199}
200pre.inline {
201  background-color: var(--col-bg);
202  padding: 0em;
203  page-break-inside: auto;
204}
205pre.text {
206  border-style: dotted;
207  border-width: 1px;
208  background-color: var(--col-bg-pre1);
209}
210pre.drawing {
211  border-style: solid;
212  border-width: 1px;
213  background-color: var(--col-bg-pre1);
214  padding: 2em;
215}
216table {
217  margin-left: 2em;
218}
219table.header {
220  border-spacing: 1px;
221  width: 95%;
222  font-size: 90%;
223  color: var(--col-bg);
224}
225td.top {
226  vertical-align: top;
227}
228td.topnowrap {
229  vertical-align: top;
230  white-space: nowrap;
231}
232table.header td {
233  vertical-align: top;
234  background-color: var(--col-bg-light);
235  width: 50%;
236}
237table.header a {
238  color: var(--col-bg);
239}
240ul.toc, ul.toc ul {
241  list-style: none;
242  margin-left: 1.5em;
243  padding-left: 0em;
244}
245ul.toc li {
246  line-height: 150%;
247  font-weight: bold;
248  margin-left: 0em;
249}
250ul.toc li li {
251  line-height: normal;
252  font-weight: normal;
253  font-size: 90%;
254  margin-left: 0em;
255}
256li.excluded {
257  font-size: 0%;
258}
259ul {
260  margin-left: 2em;
261}
262li ul {
263  margin-left: 0em;
264}
265ul p {
266  margin-left: 0em;
267}
268.filename, h1, h2, h3, h4 {
269  font-family: 'Noto Sans', segoe, optima, arial, sans-serif;
270}
271
272.avoidbreakinside {
273  page-break-inside: avoid;
274}
275.avoidbreakafter {
276  page-break-after: avoid;
277}
278
279.comment {
280  background-color: var(--col-bg-highlight);
281}
282.center {
283  text-align: center;
284}
285.error {
286  color: var(--col-fg-error);
287  font-style: italic;
288  font-weight: bold;
289}
290.figure {
291  font-weight: bold;
292  text-align: center;
293  font-size: 80%;
294}
295.filename {
296  font-size: 112%;
297  font-weight: bold;
298  line-height: 21pt;
299  text-align: center;
300  margin-top: 0pt;
301}
302.fn {
303  font-weight: bold;
304}
305.left {
306  text-align: left;
307}
308.right {
309  text-align: right;
310}
311.warning {
312  font-size: 130%;
313  background-color: var(--col-bg-highlight);
314}
315.self {
316    color: var(--col-fg-light);
317    margin-left: .3em;
318    text-decoration: none;
319    visibility: hidden;
320    -webkit-user-select: none;
321    -moz-user-select: none;
322    -ms-user-select: none;
323}
324.self:hover {
325    text-decoration: none;
326}
327h1:hover &gt; a.self, h2:hover &gt; a.self, h3:hover &gt; a.self, li:hover &gt; a.self, p:hover &gt; a.self {
328    visibility: visible;
329}
330
331@media screen {
332  pre.text, pre.text2, pre.drawing {
333    width: 69ch;
334  }
335}
336
337@media print {
338  .noprint {
339    display: none;
340  }
341
342  a {
343    color: black;
344    text-decoration: none;
345  }
346
347  table.header {
348    width: 90%;
349  }
350
351  td.header {
352    width: 50%;
353    color: black;
354    background-color: white;
355    vertical-align: top;
356    font-size: 110%;
357  }
358
359  ul.toc a:last-child::after {
360    content: leader('.') target-counter(attr(href), page);
361  }
362
363  ul.ind li li a {
364    content: target-counter(attr(href), page);
365  }
366
367  .print2col {
368    column-count: 2;
369  }
370}
371@page {
372  font-family: 'Noto Sans', segoe, optima, arial, sans-serif, serif;
373  @top-left {
374       content: "Internet-Draft";
375  }
376  @top-right {
377       content: "June 2010";
378  }
379  @top-center {
380       content: "trust200902 example";
381  }
382  @bottom-left {
383       content: "Doe";
384  }
385  @bottom-center {
386       content: "Expires December 3, 2010";
387  }
388  @bottom-right {
389       content: "[Page " counter(page) "]";
390  }
391}
392@page:first {
393    @top-left {
394      content: normal;
395    }
396    @top-right {
397      content: normal;
398    }
399    @top-center {
400      content: normal;
401    }
402}
403
404@media (prefers-color-scheme: dark) {
405  :root {
406    --col-bg: black;
407    --col-bg-error: red;
408    --col-bg-highlight: #9e9e20;
409    --col-bg-highligh2: lime;
410    --col-bg-light: gray;
411    --col-bg-pre: #202000;
412    --col-bg-pre1: #080808;
413    --col-bg-pre2: #101010;
414    --col-bg-th: #303030;
415    --col-bg-tr: #202020;
416    --col-fg: white;
417    --col-fg-del: red;
418    --col-fg-error: red;
419    --col-fg-ins: green;
420    --col-fg-light: gray;
421    --col-fg-link: lightblue;
422    --col-fg-title: green;
423  }
424 
425  pre.prettyprint .pln { color: #fff; }
426  pre.prettyprint .str, pre.prettyprint .atv { color: #8f8; }
427  pre.prettyprint .kwd, pre.prettyprint .tag { color: #88f; }
428  pre.prettyprint .com { color: #f88; }
429  pre.prettyprint .typ, pre.prettyprint .atn, pre.prettyprint .dec, pre.prettyprint .var { color: #f8f; }
430  pre.prettyprint .lit { color: #8ff; }
431  pre.prettyprint .pun, pre.prettyprint .opn, pre.prettyprint .clo { color: #ff8; }
432}
433</style>
434      <link rel="Author" href="#rfc.authors"/>
435      <link rel="License" href="#rfc.copyrightnotice"/>
436      <link rel="Chapter" title="1 Dummy Section" href="#rfc.section.1"/>
437      <meta name="viewport" content="initial-scale=1"/>
438      <link rel="schema.dcterms" href="http://purl.org/dc/terms/"/>
439      <meta name="dcterms.creator" content="Doe, J."/>
440      <meta name="dcterms.issued" content="2010-06-01"/>
441      <meta name="dcterms.abstract" content="Dummy Abstract."/>
442      <meta name="description" content="Dummy Abstract."/>
443   </head>
444   <body>
445      <header>
446         <table class="header" id="rfc.headerblock">
447            <tbody>
448               <tr>
449                  <td class="left">Network Working Group</td>
450                  <td class="right">J. Doe</td>
451               </tr>
452               <tr>
453                  <td class="left">Internet-Draft</td>
454                  <td class="right">June 1, 2010</td>
455               </tr>
456               <tr>
457                  <td class="left">Intended status: Informational</td>
458                  <td class="right"/>
459               </tr>
460               <tr>
461                  <td class="left">Expires: December 3, 2010</td>
462                  <td class="right"/>
463               </tr>
464            </tbody>
465         </table>
466         <div id="rfc.title">
467            <h1>Example for @ipr="trust200902"/@submissionType="IRTF" as of June 2010</h1>
468            <div class="filename">foo</div>
469         </div>
470      </header>
471      <section>
472         <h2 id="rfc.abstract">
473            <a href="#rfc.abstract">Abstract</a>
474         </h2>
475         <div id="rfc.abstract.p.1">
476            <p>Dummy Abstract.<a class="self" href="#rfc.abstract.p.1">¶</a>
477            </p>
478         </div>
479      </section>
480      <section id="rfc.status">
481         <h2>
482            <a href="#rfc.status">Status of this Memo</a>
483         </h2>
484         <div id="rfc.boilerplate.1.p.1">
485            <p>This Internet-Draft is submitted in full conformance with the provisions of BCP 78 and BCP 79.<a class="self" href="#rfc.boilerplate.1.p.1">¶</a>
486            </p>
487         </div>
488         <div id="rfc.boilerplate.1.p.2">
489            <p>Internet-Drafts are working documents of the Internet Engineering Task Force (IETF). Note that other groups may also distribute working documents as Internet-Drafts. The list of current Internet-Drafts is at <a href="http://datatracker.ietf.org/drafts/current/">http://datatracker.ietf.org/drafts/current/</a>.<a class="self" href="#rfc.boilerplate.1.p.2">¶</a>
490            </p>
491         </div>
492         <div id="rfc.boilerplate.1.p.3">
493            <p>Internet-Drafts are draft documents valid for a maximum of six months and may be updated, replaced, or obsoleted by other documents at any time. It is inappropriate to use Internet-Drafts as reference material or to cite them other than as “work in progress”.<a class="self" href="#rfc.boilerplate.1.p.3">¶</a>
494            </p>
495         </div>
496         <div id="rfc.boilerplate.1.p.4">
497            <p>This Internet-Draft will expire on December 3, 2010.<a class="self" href="#rfc.boilerplate.1.p.4">¶</a>
498            </p>
499         </div>
500      </section>
501      <section id="rfc.copyrightnotice">
502         <h2>
503            <a href="#rfc.copyrightnotice">Copyright Notice</a>
504         </h2>
505         <div id="rfc.boilerplate.2.p.1">
506            <p>Copyright (c) 2010 IETF Trust and the persons identified as the document authors. All rights reserved.<a class="self" href="#rfc.boilerplate.2.p.1">¶</a>
507            </p>
508         </div>
509         <div id="rfc.boilerplate.2.p.2">
510            <p>This document is subject to BCP 78 and the IETF Trust's Legal Provisions Relating to IETF Documents (<a href="http://trustee.ietf.org/license-info">http://trustee.ietf.org/license-info</a>) in effect on the date of publication of this document. Please review these documents carefully, as they describe your rights and restrictions with respect to this document.<a class="self" href="#rfc.boilerplate.2.p.2">¶</a>
511            </p>
512         </div>
513      </section>
514      <section id="n-dummy-section">
515         <h2 id="rfc.section.1" class="np">
516            <a href="#rfc.section.1">1.</a> <a href="#n-dummy-section">Dummy Section</a>
517         </h2>
518         <div id="rfc.section.1.p.1">
519            <p>Dummy Section.<a class="self" href="#rfc.section.1.p.1">¶</a>
520            </p>
521         </div>
522      </section>
523      <section id="rfc.authors" class="avoidbreakinside">
524         <h2>
525            <a href="#rfc.authors">Author's Address</a>
526         </h2>
527         <address>
528            <b>John Doe</b>
529         </address>
530      </section>
531   </body>
532</html>
Note: See TracBrowser for help on using the repository browser.