1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
|
<!DOCTYPE html>
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>highlight.vtt</title>
<meta name="generator" content="KF5::SyntaxHighlighting - Definition (Web Video Text Tracks) - Theme (Breeze Light)"/>
</head><body style="background-color:#ffffff;color:#1f1c1b"><pre>
<span style="color:#898887;font-weight:bold">WEBVTT</span>
<span style="color:#898887;font-weight:bold">WEBVTT</span><span style="color:#898887"> header text.</span>
<span style="color:#898887;font-weight:bold">NOTE</span><span style="color:#898887"> This is a single line comment</span>
<span style="color:#898887;font-weight:bold">NOTE</span>
<span style="color:#898887">This is a simple multi line comment</span>
<span style="color:#898887;font-weight:bold">NOTE</span>
<span style="color:#898887">One comment that is spanning</span>
<span style="color:#898887">more than one line.</span>
<span style="color:#898887;font-weight:bold">NOTE</span><span style="color:#898887"> This is a multi-line note block.</span>
<span style="color:#898887">with arrow (</span><span style="color:#bf0303;text-decoration:underline">--></span><span style="color:#898887">) error,</span>
<span style="color:#898887">entity error (</span><span style="color:#bf0303;text-decoration:underline">&</span><span style="color:#898887">ent),</span>
<span style="color:#898887">start tag error (</span><span style="color:#bf0303;text-decoration:underline"><</span><span style="color:#898887">)</span>
<span style="color:#898887">and valid entity (</span><span style="color:#898887;font-weight:bold">&lt;</span><span style="color:#898887">)</span>
<span style="font-weight:bold">STYLE</span>
<span style="color:#b08000;font-style:italic">::cue(</span><span style="color:#644a9b">.myclass</span><span style="color:#b08000;font-style:italic">)</span> {
<span style="font-weight:bold">background-image</span><span style="color:#924c9d">:</span> <span style="color:#644a9b">linear-gradient(</span>to <span style="color:#b08000">bottom</span><span style="color:#ca60ca">,</span> <span style="color:#aa5500">dimgray</span><span style="color:#ca60ca">,</span> <span style="color:#aa5500">lightgray</span><span style="color:#644a9b">)</span><span style="color:#ca60ca">;</span>
<span style="font-weight:bold">color</span><span style="color:#924c9d">:</span> <span style="color:#aa5500">papayawhip</span><span style="color:#ca60ca">;</span>
}
<span style="font-weight:bold">STYLE</span>
<span style="color:#b08000;font-style:italic">::cue</span> {
<span style="color:#898887">/* unclosed</span>
<span style="color:#006e28">00:01.000</span> <span style="color:#006e28">--></span> <span style="color:#006e28">00:04.000</span>
Never drink liquid nitrogen.
<span style="color:#ff5500">1 - Title Crawl</span>
<span style="color:#006e28">00:05.000</span> <span style="color:#006e28">--></span> <span style="color:#006e28">00:09.000</span> <span style="color:#ca60ca">line</span><span style="color:#ca60ca">:</span><span style="color:#ca60ca">-10</span> <span style="color:#ca60ca">position</span><span style="color:#ca60ca">:</span><span style="color:#ca60ca">45</span><span style="color:#ca60ca">%</span><span style="color:#ca60ca">,</span><span style="color:#ca60ca">line-right</span> <span style="color:#ca60ca">size</span><span style="color:#ca60ca">:</span><span style="color:#ca60ca">60</span><span style="color:#ca60ca">%</span> <span style="color:#ca60ca">align</span><span style="color:#ca60ca">:</span><span style="color:#ca60ca">start</span>
Because:
- It will perforate your stomach.
- You could die.
<span style="color:#ff5500">2</span>
<span style="color:#006e28">00:16.500</span> <span style="color:#006e28">--></span> <span style="color:#006e28">00:18.500</span>
When the moon <span style="color:#b08000"><00:17.500></span>hits your eye
I like <span style="color:#0057ae"><v</span><span style="color:#e31616"> Salame</span><span style="color:#0057ae">></span>lime.<span style="color:#0057ae"></v></span>
<span style="color:#0057ae"><lang</span><span style="color:#e31616"> en-GB</span><span style="color:#0057ae">></span>Cyan!<span style="color:#0057ae"></lang></span>
<span style="color:#0057ae"><c</span><span style="color:#644a9b">.classname</span><span style="color:#0057ae">></span>Cyan!<span style="color:#0057ae"></c></span>
<span style="color:#898887;font-weight:bold">NOTE</span><span style="color:#898887"> nested tag</span>
<span style="color:#006e28">00:00:08.000</span> <span style="color:#006e28">--></span> <span style="color:#006e28">00:00:16.000</span>
bla <span style="color:#b08000">&ent;</span> <span style="color:#b08000"><00:17.500></span> <span style="color:#bf0303;text-decoration:underline">&</span>err bla
bla <span style="color:#0057ae;font-weight:bold"><b></span><span style="font-weight:bold">bold </span><span style="color:#bf0303;font-weight:bold;text-decoration:underline"><</span><span style="font-weight:bold">b> bla </span><span style="color:#b08000;font-weight:bold">&ent;</span><span style="font-weight:bold"> </span><span style="color:#b08000;font-weight:bold"><00:17.500></span><span style="font-weight:bold"> </span><span style="color:#bf0303;font-weight:bold;text-decoration:underline">&</span><span style="font-weight:bold">err</span>
<span style="font-weight:bold"> </span><span style="color:#0057ae;font-weight:bold;font-style:italic"><i></span><span style="font-weight:bold;font-style:italic">bold-italic </span><span style="color:#bf0303;font-weight:bold;font-style:italic;text-decoration:underline"><</span><span style="font-weight:bold;font-style:italic">i> </span><span style="color:#bf0303;font-weight:bold;font-style:italic;text-decoration:underline"><</span><span style="font-weight:bold;font-style:italic">b> bla </span><span style="color:#b08000;font-weight:bold;font-style:italic">&ent;</span><span style="font-weight:bold;font-style:italic"> </span><span style="color:#b08000;font-weight:bold;font-style:italic"><00:17.500></span><span style="font-weight:bold;font-style:italic"> </span><span style="color:#bf0303;font-weight:bold;font-style:italic;text-decoration:underline">&</span><span style="font-weight:bold;font-style:italic">err</span>
<span style="font-weight:bold;font-style:italic"> </span><span style="color:#0057ae;font-weight:bold;font-style:italic;text-decoration:underline"><u></span><span style="font-weight:bold;font-style:italic;text-decoration:underline">bold-italic-underline </span><span style="color:#bf0303;font-weight:bold;font-style:italic;text-decoration:underline"><</span><span style="font-weight:bold;font-style:italic;text-decoration:underline">u> </span><span style="color:#bf0303;font-weight:bold;font-style:italic;text-decoration:underline"><</span><span style="font-weight:bold;font-style:italic;text-decoration:underline">i> </span><span style="color:#bf0303;font-weight:bold;font-style:italic;text-decoration:underline"><</span><span style="font-weight:bold;font-style:italic;text-decoration:underline">b> bla </span><span style="color:#b08000;font-weight:bold;font-style:italic;text-decoration:underline">&ent;</span><span style="font-weight:bold;font-style:italic;text-decoration:underline"> </span><span style="color:#b08000;font-weight:bold;font-style:italic;text-decoration:underline"><00:17.500></span><span style="font-weight:bold;font-style:italic;text-decoration:underline"> </span><span style="color:#bf0303;font-weight:bold;font-style:italic;text-decoration:underline">&</span><span style="font-weight:bold;font-style:italic;text-decoration:underline">err</span>
<span style="font-weight:bold;font-style:italic;text-decoration:underline"> </span><span style="color:#0057ae;font-weight:bold;font-style:italic;text-decoration:underline"></u></span><span style="font-weight:bold;font-style:italic">bold-italic</span>
<span style="font-weight:bold;font-style:italic"> </span><span style="color:#0057ae;font-weight:bold;font-style:italic"></i></span><span style="font-weight:bold">bold</span>
<span style="font-weight:bold"> </span><span style="color:#0057ae;font-weight:bold"></b></span>bla
bla <span style="color:#0057ae;font-weight:bold"><b></span><span style="font-weight:bold">bold </span><span style="color:#bf0303;font-weight:bold;text-decoration:underline"><</span><span style="font-weight:bold">b> bla </span><span style="color:#b08000;font-weight:bold">&ent;</span><span style="font-weight:bold"> </span><span style="color:#b08000;font-weight:bold"><00:17.500></span><span style="font-weight:bold"> </span><span style="color:#bf0303;font-weight:bold;text-decoration:underline">&</span><span style="font-weight:bold">err</span>
<span style="font-weight:bold"> </span><span style="color:#0057ae;font-weight:bold;text-decoration:underline"><u></span><span style="font-weight:bold;text-decoration:underline">bold-underline </span><span style="color:#bf0303;font-weight:bold;text-decoration:underline"><</span><span style="font-weight:bold;text-decoration:underline">u> </span><span style="color:#bf0303;font-weight:bold;text-decoration:underline"><</span><span style="font-weight:bold;text-decoration:underline">b> bla </span><span style="color:#b08000;font-weight:bold;text-decoration:underline">&ent;</span><span style="font-weight:bold;text-decoration:underline"> </span><span style="color:#b08000;font-weight:bold;text-decoration:underline"><00:17.500></span><span style="font-weight:bold;text-decoration:underline"> </span><span style="color:#bf0303;font-weight:bold;text-decoration:underline">&</span><span style="font-weight:bold;text-decoration:underline">err</span>
<span style="font-weight:bold;text-decoration:underline"> </span><span style="color:#0057ae;font-weight:bold;font-style:italic;text-decoration:underline"><i></span><span style="font-weight:bold;font-style:italic;text-decoration:underline">bold-underline-italic </span><span style="color:#bf0303;font-weight:bold;font-style:italic;text-decoration:underline"><</span><span style="font-weight:bold;font-style:italic;text-decoration:underline">i> </span><span style="color:#bf0303;font-weight:bold;font-style:italic;text-decoration:underline"><</span><span style="font-weight:bold;font-style:italic;text-decoration:underline">u> </span><span style="color:#bf0303;font-weight:bold;font-style:italic;text-decoration:underline"><</span><span style="font-weight:bold;font-style:italic;text-decoration:underline">b> bla </span><span style="color:#b08000;font-weight:bold;font-style:italic;text-decoration:underline">&ent;</span><span style="font-weight:bold;font-style:italic;text-decoration:underline"> </span><span style="color:#b08000;font-weight:bold;font-style:italic;text-decoration:underline"><00:17.500></span><span style="font-weight:bold;font-style:italic;text-decoration:underline"> </span><span style="color:#bf0303;font-weight:bold;font-style:italic;text-decoration:underline">&</span><span style="font-weight:bold;font-style:italic;text-decoration:underline">err</span>
<span style="font-weight:bold;font-style:italic;text-decoration:underline"> </span><span style="color:#0057ae;font-weight:bold;font-style:italic;text-decoration:underline"></i></span><span style="font-weight:bold;text-decoration:underline">bold-underline</span>
<span style="font-weight:bold;text-decoration:underline"> </span><span style="color:#0057ae;font-weight:bold;text-decoration:underline"></u></span><span style="font-weight:bold">bold</span>
<span style="font-weight:bold"> </span><span style="color:#0057ae;font-weight:bold"></b></span>bla
bla <span style="color:#0057ae;font-style:italic"><i></span><span style="font-style:italic">italic </span><span style="color:#bf0303;font-style:italic;text-decoration:underline"><</span><span style="font-style:italic">i> bla </span><span style="color:#b08000;font-style:italic">&ent;</span><span style="font-style:italic"> </span><span style="color:#b08000;font-style:italic"><00:17.500></span><span style="font-style:italic"> </span><span style="color:#bf0303;font-style:italic;text-decoration:underline">&</span><span style="font-style:italic">err</span>
<span style="font-style:italic"> </span><span style="color:#0057ae;font-weight:bold;font-style:italic"><b></span><span style="font-weight:bold;font-style:italic">italic-bold </span><span style="color:#bf0303;font-weight:bold;font-style:italic;text-decoration:underline"><</span><span style="font-weight:bold;font-style:italic">i> </span><span style="color:#bf0303;font-weight:bold;font-style:italic;text-decoration:underline"><</span><span style="font-weight:bold;font-style:italic">b> bla </span><span style="color:#b08000;font-weight:bold;font-style:italic">&ent;</span><span style="font-weight:bold;font-style:italic"> </span><span style="color:#b08000;font-weight:bold;font-style:italic"><00:17.500></span><span style="font-weight:bold;font-style:italic"> </span><span style="color:#bf0303;font-weight:bold;font-style:italic;text-decoration:underline">&</span><span style="font-weight:bold;font-style:italic">err</span>
<span style="font-weight:bold;font-style:italic"> </span><span style="color:#0057ae;font-weight:bold;font-style:italic;text-decoration:underline"><u></span><span style="font-weight:bold;font-style:italic;text-decoration:underline">italic-bold-underline </span><span style="color:#bf0303;font-weight:bold;font-style:italic;text-decoration:underline"><</span><span style="font-weight:bold;font-style:italic;text-decoration:underline">u> </span><span style="color:#bf0303;font-weight:bold;font-style:italic;text-decoration:underline"><</span><span style="font-weight:bold;font-style:italic;text-decoration:underline">i> </span><span style="color:#bf0303;font-weight:bold;font-style:italic;text-decoration:underline"><</span><span style="font-weight:bold;font-style:italic;text-decoration:underline">b> bla </span><span style="color:#b08000;font-weight:bold;font-style:italic;text-decoration:underline">&ent;</span><span style="font-weight:bold;font-style:italic;text-decoration:underline"> </span><span style="color:#b08000;font-weight:bold;font-style:italic;text-decoration:underline"><00:17.500></span><span style="font-weight:bold;font-style:italic;text-decoration:underline"> </span><span style="color:#bf0303;font-weight:bold;font-style:italic;text-decoration:underline">&</span><span style="font-weight:bold;font-style:italic;text-decoration:underline">err</span>
<span style="font-weight:bold;font-style:italic;text-decoration:underline"> </span><span style="color:#0057ae;font-weight:bold;font-style:italic;text-decoration:underline"></u></span><span style="font-weight:bold;font-style:italic">italic-bold</span>
<span style="font-weight:bold;font-style:italic"> </span><span style="color:#0057ae;font-weight:bold;font-style:italic"></b></span><span style="font-style:italic">italic</span>
<span style="font-style:italic"> </span><span style="color:#0057ae;font-style:italic"></i></span>bla
bla <span style="color:#0057ae;font-style:italic"><i></span><span style="font-style:italic">italic </span><span style="color:#bf0303;font-style:italic;text-decoration:underline"><</span><span style="font-style:italic">i> bla </span><span style="color:#b08000;font-style:italic">&ent;</span><span style="font-style:italic"> </span><span style="color:#b08000;font-style:italic"><00:17.500></span><span style="font-style:italic"> </span><span style="color:#bf0303;font-style:italic;text-decoration:underline">&</span><span style="font-style:italic">err</span>
<span style="font-style:italic"> </span><span style="color:#0057ae;font-style:italic;text-decoration:underline"><u></span><span style="font-style:italic;text-decoration:underline">italic-underline </span><span style="color:#bf0303;font-style:italic;text-decoration:underline"><</span><span style="font-style:italic;text-decoration:underline">u> </span><span style="color:#bf0303;font-style:italic;text-decoration:underline"><</span><span style="font-style:italic;text-decoration:underline">i> bla </span><span style="color:#b08000;font-style:italic;text-decoration:underline">&ent;</span><span style="font-style:italic;text-decoration:underline"> </span><span style="color:#b08000;font-style:italic;text-decoration:underline"><00:17.500></span><span style="font-style:italic;text-decoration:underline"> </span><span style="color:#bf0303;font-style:italic;text-decoration:underline">&</span><span style="font-style:italic;text-decoration:underline">err</span>
<span style="font-style:italic;text-decoration:underline"> </span><span style="color:#0057ae;font-weight:bold;font-style:italic;text-decoration:underline"><b></span><span style="font-weight:bold;font-style:italic;text-decoration:underline">italic-underline-bold </span><span style="color:#bf0303;font-weight:bold;font-style:italic;text-decoration:underline"><</span><span style="font-weight:bold;font-style:italic;text-decoration:underline">u> </span><span style="color:#bf0303;font-weight:bold;font-style:italic;text-decoration:underline"><</span><span style="font-weight:bold;font-style:italic;text-decoration:underline">i> </span><span style="color:#bf0303;font-weight:bold;font-style:italic;text-decoration:underline"><</span><span style="font-weight:bold;font-style:italic;text-decoration:underline">b> bla </span><span style="color:#b08000;font-weight:bold;font-style:italic;text-decoration:underline">&ent;</span><span style="font-weight:bold;font-style:italic;text-decoration:underline"> </span><span style="color:#b08000;font-weight:bold;font-style:italic;text-decoration:underline"><00:17.500></span><span style="font-weight:bold;font-style:italic;text-decoration:underline"> </span><span style="color:#bf0303;font-weight:bold;font-style:italic;text-decoration:underline">&</span><span style="font-weight:bold;font-style:italic;text-decoration:underline">err</span>
<span style="font-weight:bold;font-style:italic;text-decoration:underline"> </span><span style="color:#0057ae;font-weight:bold;font-style:italic;text-decoration:underline"></b></span><span style="font-style:italic;text-decoration:underline">italic-underline</span>
<span style="font-style:italic;text-decoration:underline"> </span><span style="color:#0057ae;font-style:italic;text-decoration:underline"></u></span><span style="font-style:italic">italic</span>
<span style="font-style:italic"> </span><span style="color:#0057ae;font-style:italic"></i></span>bla
bla <span style="color:#0057ae;text-decoration:underline"><u></span><span style="text-decoration:underline">underline </span><span style="color:#bf0303;text-decoration:underline"><</span><span style="text-decoration:underline">u> bla </span><span style="color:#b08000;text-decoration:underline">&ent;</span><span style="text-decoration:underline"> </span><span style="color:#b08000;text-decoration:underline"><00:17.500></span><span style="text-decoration:underline"> </span><span style="color:#bf0303;text-decoration:underline">&</span><span style="text-decoration:underline">err</span>
<span style="text-decoration:underline"> </span><span style="color:#0057ae;font-weight:bold;text-decoration:underline"><b></span><span style="font-weight:bold;text-decoration:underline">underline-bold </span><span style="color:#bf0303;font-weight:bold;text-decoration:underline"><</span><span style="font-weight:bold;text-decoration:underline">u> </span><span style="color:#bf0303;font-weight:bold;text-decoration:underline"><</span><span style="font-weight:bold;text-decoration:underline">b> bla </span><span style="color:#b08000;font-weight:bold;text-decoration:underline">&ent;</span><span style="font-weight:bold;text-decoration:underline"> </span><span style="color:#b08000;font-weight:bold;text-decoration:underline"><00:17.500></span><span style="font-weight:bold;text-decoration:underline"> </span><span style="color:#bf0303;font-weight:bold;text-decoration:underline">&</span><span style="font-weight:bold;text-decoration:underline">err</span>
<span style="font-weight:bold;text-decoration:underline"> </span><span style="color:#0057ae;font-weight:bold;font-style:italic;text-decoration:underline"><i></span><span style="font-weight:bold;font-style:italic;text-decoration:underline">underline-bold-italic </span><span style="color:#bf0303;font-weight:bold;font-style:italic;text-decoration:underline"><</span><span style="font-weight:bold;font-style:italic;text-decoration:underline">i> </span><span style="color:#bf0303;font-weight:bold;font-style:italic;text-decoration:underline"><</span><span style="font-weight:bold;font-style:italic;text-decoration:underline">u> </span><span style="color:#bf0303;font-weight:bold;font-style:italic;text-decoration:underline"><</span><span style="font-weight:bold;font-style:italic;text-decoration:underline">b> bla </span><span style="color:#b08000;font-weight:bold;font-style:italic;text-decoration:underline">&ent;</span><span style="font-weight:bold;font-style:italic;text-decoration:underline"> </span><span style="color:#b08000;font-weight:bold;font-style:italic;text-decoration:underline"><00:17.500></span><span style="font-weight:bold;font-style:italic;text-decoration:underline"> </span><span style="color:#bf0303;font-weight:bold;font-style:italic;text-decoration:underline">&</span><span style="font-weight:bold;font-style:italic;text-decoration:underline">err</span>
<span style="font-weight:bold;font-style:italic;text-decoration:underline"> </span><span style="color:#0057ae;font-weight:bold;font-style:italic;text-decoration:underline"></i></span><span style="font-weight:bold;text-decoration:underline">underline-bold</span>
<span style="font-weight:bold;text-decoration:underline"> </span><span style="color:#0057ae;font-weight:bold;text-decoration:underline"></b></span><span style="text-decoration:underline">underline</span>
<span style="text-decoration:underline"> </span><span style="color:#0057ae;text-decoration:underline"></u></span>bla
bla <span style="color:#0057ae;text-decoration:underline"><u></span><span style="text-decoration:underline">underline </span><span style="color:#bf0303;text-decoration:underline"><</span><span style="text-decoration:underline">u> bla </span><span style="color:#b08000;text-decoration:underline">&ent;</span><span style="text-decoration:underline"> </span><span style="color:#b08000;text-decoration:underline"><00:17.500></span><span style="text-decoration:underline"> </span><span style="color:#bf0303;text-decoration:underline">&</span><span style="text-decoration:underline">err</span>
<span style="text-decoration:underline"> </span><span style="color:#0057ae;font-style:italic;text-decoration:underline"><i></span><span style="font-style:italic;text-decoration:underline">underline-italic </span><span style="color:#bf0303;font-style:italic;text-decoration:underline"><</span><span style="font-style:italic;text-decoration:underline">u> </span><span style="color:#bf0303;font-style:italic;text-decoration:underline"><</span><span style="font-style:italic;text-decoration:underline">i> bla </span><span style="color:#b08000;font-style:italic;text-decoration:underline">&ent;</span><span style="font-style:italic;text-decoration:underline"> </span><span style="color:#b08000;font-style:italic;text-decoration:underline"><00:17.500></span><span style="font-style:italic;text-decoration:underline"> </span><span style="color:#bf0303;font-style:italic;text-decoration:underline">&</span><span style="font-style:italic;text-decoration:underline">err</span>
<span style="font-style:italic;text-decoration:underline"> </span><span style="color:#0057ae;font-weight:bold;font-style:italic;text-decoration:underline"><b></span><span style="font-weight:bold;font-style:italic;text-decoration:underline">underline-italic-bold </span><span style="color:#bf0303;font-weight:bold;font-style:italic;text-decoration:underline"><</span><span style="font-weight:bold;font-style:italic;text-decoration:underline">u> </span><span style="color:#bf0303;font-weight:bold;font-style:italic;text-decoration:underline"><</span><span style="font-weight:bold;font-style:italic;text-decoration:underline">i> </span><span style="color:#bf0303;font-weight:bold;font-style:italic;text-decoration:underline"><</span><span style="font-weight:bold;font-style:italic;text-decoration:underline">b> bla </span><span style="color:#b08000;font-weight:bold;font-style:italic;text-decoration:underline">&ent;</span><span style="font-weight:bold;font-style:italic;text-decoration:underline"> </span><span style="color:#b08000;font-weight:bold;font-style:italic;text-decoration:underline"><00:17.500></span><span style="font-weight:bold;font-style:italic;text-decoration:underline"> </span><span style="color:#bf0303;font-weight:bold;font-style:italic;text-decoration:underline">&</span><span style="font-weight:bold;font-style:italic;text-decoration:underline">err</span>
<span style="font-weight:bold;font-style:italic;text-decoration:underline"> </span><span style="color:#0057ae;font-weight:bold;font-style:italic;text-decoration:underline"></b></span><span style="font-style:italic;text-decoration:underline">underline-italic</span>
<span style="font-style:italic;text-decoration:underline"> </span><span style="color:#0057ae;font-style:italic;text-decoration:underline"></i></span><span style="text-decoration:underline">underline</span>
<span style="text-decoration:underline"> </span><span style="color:#0057ae;text-decoration:underline"></u></span>bla
</pre></body></html>
|
