Differential D14137 Diff 37912 autotests/reference/highlight.css.ref

Changeset View

Standalone View

View Options

autotests/reference/highlight.css.ref

1<Comment>/**</Comment><br/> 1​<Comment>/**</Comment><br/>
2<Comment> * This is a pseudo CSS file to test Kate's CSS syntax highlighting.</Comment><br/> 2​<Comment> * This is a pseudo CSS file to test Kate's CSS syntax highlighting.</Comment><br/>
3<Comment> */</Comment><br/> 3​<Comment> */</Comment><br/>
4<dsNormal></dsNormal><br/> 4​<dsNormal></dsNormal><br/>
5<At Rule>@import</At Rule><Normal Text> url(</Normal Text><String>"othersheet.css"</String><Normal Text>) </Normal Text><Value>screen</Value><Normal Text>, </Normal Text><Value>tv</Value><Normal Text>;</Normal Text><br/> 5​<At Rule>@import</At Rule><Normal Text> </Normal Text><Function>url(</Function><String>"othersheet.css"</String><Function>)</Function><Normal Text> </Normal Text><Value>screen</Value><Normal Text>, tv</Normal Text><Separator Symbol>;</Separator Symbol><br/>
6<dsNormal></dsNormal><br/> 6​<dsNormal></dsNormal><br/>
7<Normal Text>body {</Normal Text><br/> 7​<Selector Tag>body</Selector Tag><Normal Text> {</Normal Text><br/>
8<Normal Text> </Normal Text><Property>font-size</Property><Normal Text>: </Normal Text><Value>15pt</Value><Normal Text>;</Normal Text><br/> 8​<Normal Text> </Normal Text><Property>font-size</Property><Normal Text>: </Normal Text><Number>15</Number><Unit>pt</Unit><Separator Symbol>;</Separator Symbol><br/>
9<Normal Text> </Normal Text><Property>font-family</Property><Normal Text>: Verdana, Helvetica, </Normal Text><String>"Bitstream Vera Sans"</String><Normal Text>, </Normal Text><Value>sans-serif</Value><Normal Text>;</Normal Text><br/> 9​<Normal Text> </Normal Text><Property>font-family</Property><Normal Text>: Verdana, Helvetica, </Normal Text><String>"Bitstream Vera Sans"</String><Normal Text>, </Normal Text><Value>sans-serif</Value><Separator Symbol>;</Separator Symbol><br/>
10<Normal Text> </Normal Text><Property>margin-top</Property><Normal Text>: </Normal Text><Value>0px</Value><Normal Text>; </Normal Text><Comment>/* yet another comment */</Comment><br/> 10​<Normal Text> </Normal Text><Property>margin-top</Property><Normal Text>: </Normal Text><Number>0</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Comment>/* yet another comment */</Comment><br/>
11<Normal Text> </Normal Text><Property>margin-bottom</Property><Normal Text>: </Normal Text><Value>0px</Value><Normal Text>;</Normal Text><br/> 11​<Normal Text> </Normal Text><Property>margin-bottom</Property><Normal Text>: </Normal Text><Number>0</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/>
12<Normal Text> // this is no comment, it's just broken!</Normal Text><br/> 12​<Normal Text> // this is no comment</Normal Text><Separator Symbol>,</Separator Symbol><Normal Text> it's just broken!</Normal Text><br/>
13<Normal Text> </Normal Text><Property>margin-left</Property><Normal Text>: </Normal Text><Value>0px</Value><Normal Text>;</Normal Text><br/> 13​<Normal Text> </Normal Text><Property>margin-left</Property><Normal Text>: </Normal Text><Number>0</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/>
14<Normal Text> </Normal Text><Property>margin-right</Property><Normal Text>: </Normal Text><Value>0px</Value><Normal Text>;</Normal Text><br/> 14​<Normal Text> </Normal Text><Property>margin-right</Property><Normal Text>: </Normal Text><Number>0</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/>
15<Normal Text>}</Normal Text><br/> 15​<Normal Text>}</Normal Text><br/>
16<dsNormal></dsNormal><br/> 16​<dsNormal></dsNormal><br/>
17<Selector Class>.something</Selector Class><br/> 17​<Selector Class>.something</Selector Class><br/>
18<Normal Text>{</Normal Text><br/> 18​<Normal Text>{</Normal Text><br/>
19<Normal Text> </Normal Text><Property>margin-right</Property><Normal Text>: </Normal Text><Value>0px</Value><Normal Text>;</Normal Text><br/> 19​<Normal Text> </Normal Text><Property>margin-right</Property><Normal Text>: </Normal Text><Number>0</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/>
20<Normal Text> </Normal Text><Property>color</Property><Normal Text>: </Normal Text><Value>#cdd</Value><Normal Text>;</Normal Text><br/> 20​<Normal Text> </Normal Text><Property>color</Property><Normal Text>: </Normal Text><Color>#cdd</Color><Separator Symbol>;</Separator Symbol><br/>
21<Normal Text> </Normal Text><Property>color</Property><Normal Text>: </Normal Text><Value>#AAFE04</Value><Normal Text>;</Normal Text><br/> 21​<Normal Text> </Normal Text><Property>color</Property><Normal Text>: </Normal Text><Color>#AAFE04</Color><Separator Symbol>;</Separator Symbol><br/>
22<Normal Text> </Normal Text><Property>color</Property><Normal Text>: </Normal Text><Function>rgb</Function><Normal Text>(</Normal Text><Value>10%</Value><Normal Text>,</Normal Text><Value>30%</Value><Normal Text>,</Normal Text><Value>43%</Value><Normal Text>);</Normal Text><br/> 22​<Normal Text> </Normal Text><Property>color</Property><Normal Text>: </Normal Text><Function>rgb(</Function><Number>10</Number><Unit>%</Unit><Separator Symbol>,</Separator Symbol><Number>30</Number><Unit>%</Unit><Separator Symbol>,</Separator Symbol><Number>43</Number><Unit>%</Unit><Function>)</Function><Separator Symbol>;</Separator Symbol><br/>
23<Normal Text> </Normal Text><Property>background</Property><Normal Text>: </Normal Text><Value>maroon</Value><Normal Text>;</Normal Text><br/> 23​<Normal Text> </Normal Text><Property>background</Property><Normal Text>: </Normal Text><Color>maroon</Color><Separator Symbol>;</Separator Symbol><br/>
24<Normal Text>}</Normal Text><br/> 24​<Normal Text>}</Normal Text><br/>
25<dsNormal></dsNormal><br/> 25​<dsNormal></dsNormal><br/>
26<Normal Text>a</Normal Text><Selector Pseudo>:hover</Selector Pseudo><Normal Text> {</Normal Text><br/> 26​<Selector Tag>a</Selector Tag><Selector Pseudo>:hover</Selector Pseudo><Normal Text> {</Normal Text><br/>
27<Normal Text>}</Normal Text><br/> 27​<Normal Text>}</Normal Text><br/>
28<dsNormal></dsNormal><br/> 28​<dsNormal></dsNormal><br/>
29<Selector Id>#header</Selector Id><Normal Text>,</Normal Text><br/> 29​<Selector Id>#header</Selector Id><Separator Symbol>,</Separator Symbol><br/>
30<Normal Text>p</Normal Text><Selector Class>.intro</Selector Class><Selector Pseudo>:first-letter</Selector Pseudo><Normal Text>,</Normal Text><br/> 30​<Selector Tag>p</Selector Tag><Selector Class>.intro</Selector Class><Selector Pseudo>:first-letter</Selector Pseudo><Separator Symbol>,</Separator Symbol><br/>
31<Normal Text>p</Normal Text><Selector Pseudo>:lang(nl)</Selector Pseudo><Normal Text>,</Normal Text><br/> 31​<Selector Tag>p</Selector Tag><Selector Pseudo>:lang(nl)</Selector Pseudo><Separator Symbol>,</Separator Symbol><br/>
32<Normal Text>img</Normal Text><Selector Attribute>[align=</Selector Attribute><String>"right"</String><Selector Attribute>]</Selector Attribute><br/> 32​<Selector Tag>img</Selector Tag><Selector Attribute>[align</Selector Attribute><Operator>=</Operator><String>"right"</String><Selector Attribute>]</Selector Attribute><br/>
33<Normal Text>{</Normal Text><br/> 33​<Normal Text>{</Normal Text><br/>
34<Normal Text> </Normal Text><Property>border</Property><Normal Text>: </Normal Text><Value>1px</Value><Normal Text> </Normal Text><Value>solid</Value><Normal Text> Qt::</Normal Text><Value>red</Value><Normal Text> </Normal Text><Annotation>!important</Annotation><Normal Text>;</Normal Text><br/> 34​<Normal Text> </Normal Text><Property>border</Property><Normal Text>: </Normal Text><Number>1</Number><Unit>px</Unit><Normal Text> </Normal Text><Value>solid</Value><Normal Text> Qt::</Normal Text><Color>red</Color><Normal Text> </Normal Text><Annotation>!important</Annotation><Separator Symbol>;</Separator Symbol><br/>
35<Normal Text> </Normal Text><Property>-moz-border-radius</Property><Normal Text>: </Normal Text><Value>15px</Value><Normal Text>; </Normal Text><Comment>/* unknown properties render italic */</Comment><br/> 35​<Normal Text> </Normal Text><Property>-moz-border-radius</Property><Normal Text>: </Normal Text><Number>15</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Comment>/* unknown properties render italic */</Comment><br/>
36<Normal Text>}</Normal Text><br/> 36​<Normal Text>}</Normal Text><br/>
37<dsNormal></dsNormal><br/> 37​<dsNormal></dsNormal><br/>
38<At Rule>@media</At Rule><Normal Text> </Normal Text><Value>print</Value><Normal Text> {</Normal Text><br/> 38​<At Rule>@media</At Rule><Normal Text> </Normal Text><Value>print</Value><Normal Text> {</Normal Text><br/>
39<dsNormal></dsNormal><br/> 39​<dsNormal></dsNormal><br/>
40<Normal Text> </Normal Text><Selector Id>#header</Selector Id><br/> 40​<Normal Text> </Normal Text><Selector Id>#header</Selector Id><br/>
41<Normal Text> {</Normal Text><br/> 41​<Normal Text> {</Normal Text><br/>
42<Normal Text> </Normal Text><Property>display</Property><Normal Text>: </Normal Text><Value>none</Value><Normal Text>;</Normal Text><br/> 42​<Normal Text> </Normal Text><Property>display</Property><Normal Text>: </Normal Text><Value>none</Value><Separator Symbol>;</Separator Symbol><br/>
43<Normal Text> }</Normal Text><br/> 43​<Normal Text> }</Normal Text><br/>
44<dsNormal></dsNormal><br/> 44​<dsNormal></dsNormal><br/>
45<Normal Text>}</Normal Text><br/> 45​<Normal Text>}</Normal Text><br/>
46<dsNormal></dsNormal><br/> 46​<dsNormal></dsNormal><br/>
47<Comment>/*</Comment><br/> 47​<Comment>/*</Comment><br/>
48<Alert Level 2>TODO</Alert Level 2><Comment>: add more tests, e.g. media</Comment><br/> 48​<Alert Level 2>TODO</Alert Level 2><Comment>: add more tests, e.g. media</Comment><br/>
49<Comment>*/</Comment><br/> 49​<Comment>*/</Comment><br/>
50​<dsNormal></dsNormal><br/>
51​<dsNormal></dsNormal><br/>
52​<Selector Class>.nice-look</Selector Class><Normal Text> {</Normal Text><br/>
53​<Normal Text> </Normal Text><Property>font-variant-alternates</Property><Normal Text>: styleset</Normal Text><Function>(</Function><Normal Text>nice-style</Normal Text><Function>)</Function><Separator Symbol>;</Separator Symbol><br/>
54​<Normal Text>}</Normal Text><br/>
55​<dsNormal></dsNormal><br/>
56​<Selector Tag>ul</Selector Tag><Normal Text> {</Normal Text><br/>
57​<Normal Text> </Normal Text><Property>list-style</Property><Normal Text>: thumbs</Normal Text><Separator Symbol>;</Separator Symbol><br/>
58​<Normal Text>}</Normal Text><br/>
59​<dsNormal></dsNormal><br/>
60​<Comment>/* SVG <a> */</Comment><br/>
61​<Selector Tag>svg</Selector Tag><Operator>|</Operator><Selector Tag>a</Selector Tag><Normal Text> {}</Normal Text><br/>
62​<dsNormal></dsNormal><br/>
63​<Comment>/* XHTML and SVG <a> */</Comment><br/>
64​<Operator>*|</Operator><Selector Tag>a</Selector Tag><Normal Text> {}</Normal Text><br/>
65​<dsNormal></dsNormal><br/>
66​<Operator>*</Operator><Normal Text>{}</Normal Text><br/>
67​<Selector Class>.class</Selector Class><Normal Text>{}</Normal Text><br/>
68​<Selector Id>#id</Selector Id><Normal Text>{}</Normal Text><br/>
69​<Selector Pseudo>:hover</Selector Pseudo><Normal Text>{}</Normal Text><br/>
70​<Selector Pseudo>:lang(fr)</Selector Pseudo><Normal Text>{}</Normal Text><br/>
71​<Selector Tag>E</Selector Tag><Normal Text>{}</Normal Text><br/>
72​<Selector Tag>E</Selector Tag><Normal Text> </Normal Text><Selector Tag>F</Selector Tag><Normal Text>{}</Normal Text><br/>
73​<Selector Tag>E</Selector Tag><Operator>></Operator><Selector Tag>F</Selector Tag><Normal Text>{}</Normal Text><br/>
74​<Selector Tag>E</Selector Tag><Normal Text> </Normal Text><Operator>></Operator><Normal Text> </Normal Text><Selector Tag>F</Selector Tag><Normal Text>{}</Normal Text><br/>
75​<Selector Tag>E</Selector Tag><Operator>~</Operator><Selector Tag>F</Selector Tag><Normal Text>{}</Normal Text><br/>
76​<Selector Tag>E</Selector Tag><Normal Text> </Normal Text><Operator>~</Operator><Normal Text> </Normal Text><Selector Tag>F</Selector Tag><Normal Text>{}</Normal Text><br/>
77​<Selector Tag>E</Selector Tag><Selector Pseudo>:first-child</Selector Pseudo><Normal Text>{}</Normal Text><br/>
78​<Selector Tag>E</Selector Tag><Selector Pseudo>:visited</Selector Pseudo><Normal Text>{}</Normal Text><br/>
79​<Selector Tag>E</Selector Tag><Selector Pseudo>::after</Selector Pseudo><Normal Text>{}</Normal Text><br/>
80​<Selector Tag>E</Selector Tag><Selector Pseudo>:lang(c)</Selector Pseudo><Normal Text>{}</Normal Text><br/>
81​<Selector Tag>E</Selector Tag><Selector Pseudo>:lang(fr-ca)</Selector Pseudo><Normal Text>{}</Normal Text><br/>
82​<Selector Tag>E</Selector Tag><Normal Text> </Normal Text><Operator>+</Operator><Normal Text> </Normal Text><Selector Tag>F</Selector Tag><Normal Text>{}</Normal Text><br/>
83​<Selector Tag>E</Selector Tag><Operator>+</Operator><Selector Tag>F</Selector Tag><Normal Text>{}</Normal Text><br/>
84​<Selector Tag>E</Selector Tag><Selector Attribute>[foo]</Selector Attribute><Normal Text>{}</Normal Text><br/>
85​<Selector Tag>E</Selector Tag><Selector Attribute>[foo</Selector Attribute><Operator>=</Operator><String>warning</String><Selector Attribute>]</Selector Attribute><Normal Text>{}</Normal Text><br/>
86​<Selector Tag>E</Selector Tag><Selector Attribute>[foo</Selector Attribute><Operator>=</Operator><String>"warning"</String><Selector Attribute>]</Selector Attribute><Normal Text>{}</Normal Text><br/>
87​<Selector Tag>E</Selector Tag><Selector Attribute>[foo</Selector Attribute><Operator>~=</Operator><String>"warning"</String><Selector Attribute>]</Selector Attribute><Normal Text>{}</Normal Text><br/>
88​<Selector Tag>E</Selector Tag><Selector Attribute>[foo</Selector Attribute><Operator>^=</Operator><String>"warning"</String><Selector Attribute>]</Selector Attribute><Normal Text>{}</Normal Text><br/>
89​<Selector Tag>E</Selector Tag><Selector Attribute>[foo</Selector Attribute><Operator>$=</Operator><String>"warning"</String><Selector Attribute>]</Selector Attribute><Normal Text>{}</Normal Text><br/>
90​<Selector Tag>E</Selector Tag><Selector Attribute>[foo</Selector Attribute><Operator>*=</Operator><String>"warning"</String><Selector Attribute>]</Selector Attribute><Normal Text>{}</Normal Text><br/>
91​<Selector Tag>E</Selector Tag><Selector Attribute>[lang</Selector Attribute><Operator>|=</Operator><String>"en"</String><Selector Attribute>]</Selector Attribute><Normal Text>{}</Normal Text><br/>
92​<Selector Tag>DIV</Selector Tag><Selector Class>.warning</Selector Class><Normal Text>{}</Normal Text><br/>
93​<Selector Tag>DIV</Selector Tag><Normal Text> </Normal Text><Selector Class>.warning</Selector Class><Normal Text>{}</Normal Text><br/>
94​<Selector Tag>E</Selector Tag><Selector Id>#myid</Selector Id><Normal Text>{}</Normal Text><br/>
95​<Selector Tag>E</Selector Tag><Normal Text> </Normal Text><Selector Id>#myid</Selector Id><Normal Text>{}</Normal Text><br/>
96​<Selector Tag>E</Selector Tag><Separator Symbol>,</Separator Symbol><Selector Tag>E</Selector Tag><Normal Text>{}</Normal Text><br/>
97​<Selector Tag>E</Selector Tag><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Selector Tag>E</Selector Tag><Normal Text>{}</Normal Text><br/>
98​<Selector Tag>E</Selector Tag><Normal Text> </Normal Text><Separator Symbol>,</Separator Symbol><Selector Tag>E</Selector Tag><Normal Text>{}</Normal Text><br/>
99​<Selector Tag>E</Selector Tag><Normal Text> </Normal Text><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Selector Tag>E</Selector Tag><Normal Text>{}</Normal Text><br/>
100​<dsNormal></dsNormal><br/>
101​<Selector Tag>p</Selector Tag><Selector Pseudo>:nth-child(2)</Selector Pseudo><Normal Text> {</Normal Text><br/>
102​<Normal Text> </Normal Text><Property>background</Property><Normal Text>: </Normal Text><Color>red</Color><Separator Symbol>;</Separator Symbol><br/>
103​<Normal Text>}</Normal Text><br/>
104​<dsNormal></dsNormal><br/>
105​<Comment>/* Elements that are not <div> or <span> elements */</Comment><br/>
106​<Selector Tag>body</Selector Tag><Normal Text> </Normal Text><Selector Pseudo>:not(</Selector Pseudo><Selector Tag>div</Selector Tag><Selector Pseudo>):not(</Selector Pseudo><Selector Tag>span</Selector Tag><Selector Pseudo>)</Selector Pseudo><Normal Text> {</Normal Text><br/>
107​<Normal Text> </Normal Text><Property>font-weight</Property><Normal Text>: </Normal Text><Value>bold</Value><Separator Symbol>;</Separator Symbol><br/>
108​<Normal Text>}</Normal Text><br/>
109​<dsNormal></dsNormal><br/>
110​<Comment>/* Elements that are not `.crazy` or `.fancy` */</Comment><br/>
111​<Comment>/* Note that this syntax is not well supported yet. */</Comment><br/>
112​<Selector Tag>body</Selector Tag><Normal Text> </Normal Text><Selector Pseudo>:not(</Selector Pseudo><Selector Class>.crazy</Selector Class><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Selector Class>.fancy</Selector Class><Selector Pseudo>)</Selector Pseudo><Normal Text> {</Normal Text><br/>
113​<Normal Text> </Normal Text><Property>font-family</Property><Normal Text>: </Normal Text><Value>sans-serif</Value><Separator Symbol>;</Separator Symbol><br/>
114​<Normal Text>}</Normal Text><br/>
115​<dsNormal></dsNormal><br/>
116​<Selector Pseudo>:nth-child(odd)</Selector Pseudo><Normal Text> { </Normal Text><Property>color</Property><Normal Text>: </Normal Text><Color>lime</Color><Separator Symbol>;</Separator Symbol><Normal Text> }</Normal Text><br/>
117​<Selector Pseudo>:nth-child(even)</Selector Pseudo><Normal Text> { </Normal Text><Property>color</Property><Normal Text>: </Normal Text><Color>lime</Color><Separator Symbol>;</Separator Symbol><Normal Text> }</Normal Text><br/>
118​<Selector Pseudo>:nth-child(4)</Selector Pseudo><Normal Text> { </Normal Text><Property>color</Property><Normal Text>: </Normal Text><Color>lime</Color><Separator Symbol>;</Separator Symbol><Normal Text> }</Normal Text><br/>
119​<Selector Pseudo>:nth-child(4n)</Selector Pseudo><Normal Text> { </Normal Text><Property>color</Property><Normal Text>: </Normal Text><Color>lime</Color><Separator Symbol>;</Separator Symbol><Normal Text> }</Normal Text><br/>
120​<Selector Pseudo>:nth-child(3n+4)</Selector Pseudo><Normal Text> { </Normal Text><Property>color</Property><Normal Text>: </Normal Text><Color>lime</Color><Separator Symbol>;</Separator Symbol><Normal Text> }</Normal Text><br/>
121​<Selector Pseudo>:nth-child(-n+3)</Selector Pseudo><Normal Text> { </Normal Text><Property>color</Property><Normal Text>: </Normal Text><Color>lime</Color><Separator Symbol>;</Separator Symbol><Normal Text> }</Normal Text><br/>
122​<Selector Pseudo>:nth-child(n+8):nth-child(-n+15)</Selector Pseudo><Normal Text> { </Normal Text><Property>color</Property><Normal Text>: </Normal Text><Color>lime</Color><Separator Symbol>;</Separator Symbol><Normal Text> }</Normal Text><br/>
123​<dsNormal></dsNormal><br/>
124​<Selector Class>.first</Selector Class><Normal Text> </Normal Text><Selector Tag>span</Selector Tag><Selector Pseudo>:nth-child(2n+1)</Selector Pseudo><Separator Symbol>,</Separator Symbol><br/>
125​<Selector Class>.second</Selector Class><Normal Text> </Normal Text><Selector Tag>span</Selector Tag><Selector Pseudo>:nth-child(2n+1)</Selector Pseudo><Separator Symbol>,</Separator Symbol><br/>
126​<Selector Class>.third</Selector Class><Normal Text> </Normal Text><Selector Tag>span</Selector Tag><Selector Pseudo>:nth-of-type(2n+1)</Selector Pseudo><Normal Text> {</Normal Text><br/>
127​<Normal Text> </Normal Text><Property>background-color</Property><Normal Text>: </Normal Text><Color>lime</Color><Separator Symbol>;</Separator Symbol><br/>
128​<Normal Text> </Normal Text><Unknown Property>unknown-property</Unknown Property><Normal Text>: </Normal Text><Color>lime</Color><Separator Symbol>;</Separator Symbol><br/>
129​<Normal Text>}</Normal Text><br/>
130​<dsNormal></dsNormal><br/>
131​<Selector Pseudo>:root</Selector Pseudo><Normal Text>{</Normal Text><br/>
132​<Normal Text> </Normal Text><Variable>--foo</Variable><Normal Text>: if</Normal Text><Function>(</Function><Normal Text>x > </Normal Text><Number>5</Number><Function>)</Function><Normal Text> this</Normal Text><Number>.</Number><Normal Text>width = </Normal Text><Number>10</Number><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Comment>/* valid custom property, invalid in any normal property */</Comment><br/>
133​<Normal Text>}</Normal Text><br/>
134​<dsNormal></dsNormal><br/>
135​<Selector Pseudo>:root</Selector Pseudo><Separator Symbol>,</Separator Symbol><br/>
136​<Selector Pseudo>:root:lang(en)</Selector Pseudo><Normal Text> {</Normal Text><Variable>--external-link</Variable><Normal Text>: </Normal Text><String>"external link"</String><Separator Symbol>;</Separator Symbol><Normal Text>}</Normal Text><br/>
137​<Selector Pseudo>:root:lang(de)</Selector Pseudo><Normal Text> {</Normal Text><Variable>--external-link</Variable><Normal Text>: </Normal Text><String>"externer Link"</String><Separator Symbol>;</Separator Symbol><Normal Text>}</Normal Text><br/>
138​<dsNormal></dsNormal><br/>
139​<Selector Tag>a</Selector Tag><Selector Attribute>[href</Selector Attribute><Operator>^=</Operator><String>"http"</String><Selector Attribute>]</Selector Attribute><Selector Pseudo>::after</Selector Pseudo><Normal Text> {</Normal Text><Property>content</Property><Normal Text>: </Normal Text><String>" ("</String><Normal Text> </Normal Text><Function>var(</Function><Variable>--external-link</Variable><Function>)</Function><Normal Text> </Normal Text><String>")"</String><Normal Text>}</Normal Text><br/>
140​<dsNormal></dsNormal><br/>
141​<Selector Tag>one</Selector Tag><Normal Text> { </Normal Text><Variable>--foo</Variable><Normal Text>: </Normal Text><Number>10</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><Normal Text> }</Normal Text><br/>
142​<Selector Tag>two</Selector Tag><Normal Text> { </Normal Text><Variable>--bar</Variable><Normal Text>: </Normal Text><Function>calc(var(</Function><Variable>--foo</Variable><Function>)</Function><Normal Text> </Normal Text><Operator>+</Operator><Normal Text> </Normal Text><Number>10</Number><Unit>px</Unit><Function>)</Function><Separator Symbol>;</Separator Symbol><Normal Text> }</Normal Text><br/>
143​<Selector Tag>three</Selector Tag><Normal Text> { </Normal Text><Variable>--foo</Variable><Normal Text>: </Normal Text><Function>calc(var(</Function><Variable>--bar</Variable><Function>)</Function><Normal Text> </Normal Text><Operator>+</Operator><Normal Text> </Normal Text><Number>10</Number><Unit>px</Unit><Function>)</Function><Separator Symbol>;</Separator Symbol><Normal Text> }</Normal Text><br/>
144​<Selector Class>.foo</Selector Class><Normal Text> {</Normal Text><br/>
145​<Normal Text> </Normal Text><Variable>--gap</Variable><Normal Text>: </Normal Text><Number>20</Number><Separator Symbol>;</Separator Symbol><br/>
146​<Normal Text> </Normal Text><Property>margin-top</Property><Normal Text>: </Normal Text><Function>var(</Function><Variable>--gap</Variable><Function>)</Function><Normal Text>px</Normal Text><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Comment>/*20 px*/</Comment><br/>
147​<Normal Text> </Normal Text><Property>margin-top</Property><Normal Text>: </Normal Text><Function>calc(var(</Function><Variable>--gap</Variable><Function>)</Function><Normal Text> </Normal Text><Operator>*</Operator><Normal Text> </Normal Text><Number>1</Number><Unit>px</Unit><Function>)</Function><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Comment>/*20px*/</Comment><br/>
148​<Normal Text>}</Normal Text><br/>
149​<dsNormal></dsNormal><br/>
150​<Selector Tag>foo</Selector Tag><Normal Text> {</Normal Text><br/>
151​<Normal Text> </Normal Text><Property>width</Property><Normal Text>: </Normal Text><Function>calc(</Function><Number>50</Number><Unit>%</Unit><Normal Text> </Normal Text><Number>-8</Number><Unit>px</Unit><Function>)</Function><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Comment>/* invalid */</Comment><br/>
152​<Normal Text> </Normal Text><Property>width</Property><Normal Text>: </Normal Text><Function>calc(</Function><Number>50</Number><Normal Text>%</Normal Text><Operator>-</Operator><Normal Text> </Normal Text><Number>8</Number><Unit>px</Unit><Function>)</Function><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Comment>/* invalid */</Comment><br/>
153​<Normal Text> </Normal Text><Property>width</Property><Normal Text>: </Normal Text><Function>calc(</Function><Number>50</Number><Unit>%</Unit><Normal Text> </Normal Text><Number>+8</Number><Unit>px</Unit><Function>)</Function><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Comment>/* invalid */</Comment><br/>
154​<Normal Text> </Normal Text><Property>width</Property><Normal Text>: </Normal Text><Function>calc(</Function><Number>50</Number><Normal Text>%</Normal Text><Operator>+</Operator><Normal Text> </Normal Text><Number>8</Number><Unit>px</Unit><Function>)</Function><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Comment>/* invalid */</Comment><br/>
155​<Normal Text> </Normal Text><Property>width</Property><Normal Text>: </Normal Text><Function>calc(</Function><Number>2</Number><Unit>px</Unit><Normal Text> -var</Normal Text><Function>(</Function><Normal Text>--a</Normal Text><Function>))</Function><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Comment>/* invalid */</Comment><br/>
156​<Normal Text> </Normal Text><Property>width</Property><Normal Text>: </Normal Text><Function>calc(</Function><Number>50</Number><Unit>%</Unit><Operator>*</Operator><Number>-8</Number><Unit>px</Unit><Function>)</Function><Separator Symbol>;</Separator Symbol><br/>
157​<Normal Text> </Normal Text><Property>width</Property><Normal Text>: </Normal Text><Function>calc(</Function><Number>50</Number><Unit>%</Unit><Normal Text> </Normal Text><Operator>-</Operator><Normal Text> </Normal Text><Number>8</Number><Unit>px</Unit><Function>)</Function><Separator Symbol>;</Separator Symbol><br/>
158​<Normal Text> </Normal Text><Property>width</Property><Normal Text>: </Normal Text><Function>calc(</Function><Number>50</Number><Unit>%</Unit><Normal Text> </Normal Text><Operator>+</Operator><Normal Text> </Normal Text><Number>-8</Number><Unit>px</Unit><Function>)</Function><Separator Symbol>;</Separator Symbol><br/>
159​<Normal Text> </Normal Text><Property>width</Property><Normal Text>: </Normal Text><Function>calc(</Function><Number>50</Number><Unit>%</Unit><Normal Text> </Normal Text><Operator>+</Operator><Normal Text>(</Normal Text><Number>8</Number><Unit>px</Unit><Normal Text>)</Normal Text><Function>)</Function><Separator Symbol>;</Separator Symbol><br/>
160​<Normal Text> </Normal Text><Property>width</Property><Normal Text>: </Normal Text><Function>calc(</Function><Number>2</Number><Unit>px</Unit><Normal Text> </Normal Text><Operator>-</Operator><Normal Text>(</Normal Text><Function>var(</Function><Variable>--a</Variable><Function>)</Function><Normal Text>)</Normal Text><Function>)</Function><Separator Symbol>;</Separator Symbol><br/>
161​<Normal Text>}</Normal Text><br/>
162​<dsNormal></dsNormal><br/>
163​<Selector Tag>sweet-alert</Selector Tag><Normal Text> </Normal Text><Selector Tag>input</Selector Tag><Selector Pseudo>:focus::-moz-placeholder</Selector Pseudo><Normal Text> {</Normal Text><br/>
164​<Normal Text> </Normal Text><Property>-webkit-transition</Property><Normal Text>: opacity </Normal Text><Number>0.3</Number><Unit>s</Unit><Normal Text> </Normal Text><Number>0.03</Number><Unit>s</Unit><Normal Text> </Normal Text><Value>ease</Value><Separator Symbol>;</Separator Symbol><br/>
165​<Normal Text> </Normal Text><Property>transition</Property><Normal Text>: opacity </Normal Text><Number>0.3</Number><Unit>s</Unit><Normal Text> </Normal Text><Number>0.03</Number><Unit>s</Unit><Normal Text> </Normal Text><Value>ease</Value><Separator Symbol>;</Separator Symbol><br/>
166​<Normal Text> </Normal Text><Property>opacity</Property><Normal Text>: </Normal Text><Number>0.5</Number><Separator Symbol>;</Separator Symbol><br/>
167​<Normal Text>}</Normal Text><br/>
168​<dsNormal></dsNormal><br/>
169​<dsNormal></dsNormal><br/>
170​<At Rule>@font-feature-values</At Rule><Normal Text> Font One {</Normal Text><br/>
171​<Normal Text> </Normal Text><At Rule>@styleset</At Rule><Normal Text> {</Normal Text><br/>
172​<Normal Text> </Normal Text><Unknown Property>nice-style</Unknown Property><Normal Text>: </Normal Text><Number>12</Number><Separator Symbol>;</Separator Symbol><br/>
173​<Normal Text> }</Normal Text><br/>
174​<Normal Text>}</Normal Text><br/>
175​<dsNormal></dsNormal><br/>
176​<At Rule>@font-feature-values</At Rule><Normal Text> Font Two {</Normal Text><br/>
177​<Normal Text> </Normal Text><At Rule>@styleset</At Rule><Normal Text> {</Normal Text><br/>
178​<Normal Text> </Normal Text><Unknown Property>nice-style</Unknown Property><Normal Text>: </Normal Text><Number>4</Number><Separator Symbol>;</Separator Symbol><br/>
179​<Normal Text> }</Normal Text><br/>
180​<Normal Text>}</Normal Text><br/>
181​<dsNormal></dsNormal><br/>
182​<At Rule>@counter-style</At Rule><Normal Text> thumbs {</Normal Text><br/>
183​<Normal Text> </Normal Text><Unknown Property>system</Unknown Property><Normal Text>: cyclic</Normal Text><Separator Symbol>;</Separator Symbol><br/>
184​<Normal Text> </Normal Text><Unknown Property>symbols</Unknown Property><Normal Text>: </Normal Text><String>"</String><SpecialChar>\1F44D</SpecialChar><String>"</String><Separator Symbol>;</Separator Symbol><br/>
185​<Normal Text> </Normal Text><Unknown Property>suffix</Unknown Property><Normal Text>: </Normal Text><String>" "</String><Separator Symbol>;</Separator Symbol><br/>
186​<Normal Text>}</Normal Text><br/>
187​<dsNormal></dsNormal><br/>
188​<At Rule>@font-face</At Rule><Normal Text> {</Normal Text><br/>
189​<Normal Text> </Normal Text><Property>font-family</Property><Normal Text>: </Normal Text><String>"Open Sans"</String><Separator Symbol>;</Separator Symbol><br/>
190​<Normal Text> </Normal Text><Property>src</Property><Normal Text>: </Normal Text><Function>url(</Function><String>"/fonts/OpenSans-Regular-webfont.woff2"</String><Function>)</Function><Normal Text> </Normal Text><Function>format(</Function><String>"woff2"</String><Function>)</Function><Normal Text>,</Normal Text><br/>
191​<Normal Text> </Normal Text><Function>url(</Function><String>"/fonts/OpenSans-Regular-webfont.woff"</String><Function>)</Function><Normal Text> </Normal Text><Function>format(</Function><String>"woff"</String><Function>)</Function><Separator Symbol>;</Separator Symbol><br/>
192​<Normal Text>}</Normal Text><br/>
193​<dsNormal></dsNormal><br/>
194​<At Rule>@page</At Rule><Normal Text> {</Normal Text><br/>
195​<Normal Text> </Normal Text><Property>margin</Property><Normal Text>: </Normal Text><Number>1</Number><Unit>cm</Unit><Separator Symbol>;</Separator Symbol><br/>
196​<Normal Text>}</Normal Text><br/>
197​<dsNormal></dsNormal><br/>
198​<At Rule>@page</At Rule><Normal Text> </Normal Text><Selector Pseudo>:first</Selector Pseudo><Normal Text> {</Normal Text><br/>
199​<Normal Text> </Normal Text><Property>margin</Property><Normal Text>: </Normal Text><Number>2</Number><Unit>cm</Unit><Separator Symbol>;</Separator Symbol><br/>
200​<Normal Text> </Normal Text><Comment>/* comments */</Comment><br/>
201​<Normal Text> </Normal Text><Property>marks</Property><Normal Text>: </Normal Text><Value>crop</Value><Normal Text> </Normal Text><Value>cross</Value><Separator Symbol>;</Separator Symbol><br/>
202​<Normal Text>}</Normal Text><br/>
203​<dsNormal></dsNormal><br/>
204​<At Rule>@page</At Rule><Normal Text> </Normal Text><Selector Pseudo>:unknown</Selector Pseudo><Normal Text> {</Normal Text><br/>
205​<Normal Text> </Normal Text><Property>margin</Property><Normal Text>: </Normal Text><Number>2</Number><Unit>cm</Unit><Separator Symbol>;</Separator Symbol><br/>
206​<Normal Text>}</Normal Text><br/>
207​<dsNormal></dsNormal><br/>
208​<At Rule>@font-face</At Rule><Normal Text> {</Normal Text><br/>
209​<Normal Text> </Normal Text><Unknown Property>unknown</Unknown Property><Normal Text>: </Normal Text><Number>2</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/>
210​<Normal Text> </Normal Text><Comment>/* comments */</Comment><br/>
211​<Normal Text> </Normal Text><Property>font-family</Property><Normal Text>: </Normal Text><String>"Bitstream Vera Serif Bold"</String><Separator Symbol>;</Separator Symbol><br/>
212​<Normal Text> </Normal Text><Property>src</Property><Normal Text>: </Normal Text><Function>url(</Function><String>"/static/styles/libs/font-awesome/fonts/fontawesome-webfont.fdf491ce5ff5.woff"</String><Function>)</Function><Separator Symbol>;</Separator Symbol><br/>
213​<Normal Text>}</Normal Text><br/>
214​<dsNormal></dsNormal><br/>
215​<At Rule>@viewport</At Rule><Normal Text> {</Normal Text><br/>
216​<Normal Text> </Normal Text><Property>zoom</Property><Normal Text>: </Normal Text><Number>0.75</Number><Separator Symbol>;</Separator Symbol><br/>
217​<Normal Text> </Normal Text><Comment>/* comments */</Comment><br/>
218​<Normal Text> </Normal Text><Property>min-zoom</Property><Normal Text>: </Normal Text><Number>0.5</Number><Separator Symbol>;</Separator Symbol><br/>
219​<Normal Text> </Normal Text><Property>max-zoom</Property><Normal Text>: </Normal Text><Number>0.9</Number><Separator Symbol>;</Separator Symbol><br/>
220​<Normal Text>}</Normal Text><br/>
221​<dsNormal></dsNormal><br/>
222​<At Rule>@viewport</At Rule><Normal Text> {</Normal Text><br/>
223​<Normal Text> </Normal Text><Property>orientation</Property><Normal Text>: </Normal Text><Value>landscape</Value><Separator Symbol>;</Separator Symbol><br/>
224​<Normal Text> </Normal Text><Comment>/* comments */</Comment><br/>
225​<Normal Text> </Normal Text><Property>orientation</Property><Normal Text>: </Normal Text><Value>landscape</Value><Separator Symbol>;</Separator Symbol><br/>
226​<Normal Text>}</Normal Text><br/>
227​<dsNormal></dsNormal><br/>
228​<At Rule>@document</At Rule><Normal Text> </Normal Text><Function>url(</Function><String>"https://www.example.com/"</String><Function>)</Function><Normal Text> {</Normal Text><br/>
229​<Normal Text> </Normal Text><Selector Tag>h1</Selector Tag><Normal Text> {</Normal Text><br/>
230​<Normal Text> </Normal Text><Property>color</Property><Normal Text>: </Normal Text><Color>green</Color><Separator Symbol>;</Separator Symbol><br/>
231​<Normal Text> }</Normal Text><br/>
232​<Normal Text>}</Normal Text><br/>
233​<dsNormal></dsNormal><br/>
234​<At Rule>@supports</At Rule><Normal Text> (</Normal Text><Property>display</Property><Normal Text>: </Normal Text><Value>grid</Value><Normal Text>) {</Normal Text><br/>
235​<Normal Text> </Normal Text><Selector Tag>div</Selector Tag><Normal Text> {</Normal Text><br/>
236​<Normal Text> </Normal Text><Property>display</Property><Normal Text>: grid</Normal Text><Separator Symbol>;</Separator Symbol><br/>
237​<Normal Text> }</Normal Text><br/>
238​<Normal Text>}</Normal Text><br/>
239​<dsNormal></dsNormal><br/>
240​<At Rule>@media</At Rule><Normal Text> (</Normal Text><Property>max-width</Property><Normal Text>: </Normal Text><Number>600</Number><Unit>px</Unit><Normal Text>) {</Normal Text><br/>
241​<Normal Text> </Normal Text><Selector Class>.sidebar</Selector Class><Normal Text> {</Normal Text><br/>
242​<Normal Text> </Normal Text><Property>display</Property><Normal Text>: </Normal Text><Value>none</Value><Separator Symbol>;</Separator Symbol><br/>
243​<Normal Text> }</Normal Text><br/>
244​<Normal Text>}</Normal Text><br/>
245​<dsNormal></dsNormal><br/>
246​<At Rule>@import</At Rule><Normal Text> </Normal Text><Function>url(</Function><String>"fineprint.css"</String><Function>)</Function><Normal Text> </Normal Text><Value>print</Value><Separator Symbol>;</Separator Symbol><br/>
247​<At Rule>@import</At Rule><Normal Text> </Normal Text><Function>url(</Function><String>fineprint.css</String><Function>)</Function><Normal Text> </Normal Text><Value>print</Value><Separator Symbol>;</Separator Symbol><br/>
248​<At Rule>@import</At Rule><Normal Text> </Normal Text><Function>url(</Function><String>'bluish.css'</String><Function>)</Function><Normal Text> </Normal Text><Value>speech</Value><Separator Symbol>;</Separator Symbol><br/>
249​<At Rule>@import</At Rule><Normal Text> </Normal Text><String>'custom.css'</String><Separator Symbol>;</Separator Symbol><br/>
250​<At Rule>@import</At Rule><Normal Text> </Normal Text><Function>url(</Function><String>"chrome://communicator/skin/"</String><Function>)</Function><Separator Symbol>;</Separator Symbol><br/>
251​<At Rule>@import</At Rule><Normal Text> </Normal Text><String>"common.css"</String><Normal Text> </Normal Text><Value>screen</Value><Separator Symbol>;</Separator Symbol><br/>
252​<At Rule>@import</At Rule><Normal Text> </Normal Text><Function>url(</Function><String>'landscape.css'</String><Function>)</Function><Normal Text> </Normal Text><Value>screen</Value><Normal Text> </Normal Text><Keyword>and</Keyword><Normal Text> (</Normal Text><Property>orientation</Property><Normal Text>:</Normal Text><Value>landscape</Value><Normal Text>)</Normal Text><Separator Symbol>;</Separator Symbol><br/>
253​<dsNormal></dsNormal><br/>
254​<At Rule>@namespace</At Rule><Normal Text> </Normal Text><Function>url(</Function><String>http://www.w3.org/1999/xhtml</String><Function>)</Function><Separator Symbol>;</Separator Symbol><br/>
255​<At Rule>@namespace</At Rule><Normal Text> svg </Normal Text><Function>url(</Function><String>http://www.w3.org/2000/svg</String><Function>)</Function><Separator Symbol>;</Separator Symbol><br/>
256​<dsNormal></dsNormal><br/>
257​<At Rule>@keyframes</At Rule><Normal Text> important1 {</Normal Text><br/>
258​<Normal Text> </Normal Text><Value>from</Value><Normal Text> { </Normal Text><Property>margin-top</Property><Normal Text>: </Normal Text><Number>50</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><Normal Text> }</Normal Text><br/>
259​<Normal Text> </Normal Text><Value>50%</Value><Normal Text> { </Normal Text><Property>margin-top</Property><Normal Text>: </Normal Text><Number>150</Number><Unit>px</Unit><Normal Text> </Normal Text><Annotation>!important</Annotation><Separator Symbol>;</Separator Symbol><Normal Text> } </Normal Text><Comment>/* ignored */</Comment><br/>
260​<Normal Text> </Normal Text><Value>to</Value><Normal Text> { </Normal Text><Property>margin-top</Property><Normal Text>: </Normal Text><Number>100</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><Normal Text> }</Normal Text><br/>
261​<Normal Text>}</Normal Text><br/>
262​<dsNormal></dsNormal><br/>
263​<At Rule>@keyframes</At Rule><Normal Text> important2 {</Normal Text><br/>
264​<Normal Text> </Normal Text><Value>from</Value><Normal Text> { </Normal Text><Property>margin-top</Property><Normal Text>: </Normal Text><Number>50</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/>
265​<Normal Text> </Normal Text><Property>margin-bottom</Property><Normal Text>: </Normal Text><Number>100</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><Normal Text> }</Normal Text><br/>
266​<Normal Text> </Normal Text><Value>to</Value><Normal Text> { </Normal Text><Property>margin-top</Property><Normal Text>: </Normal Text><Number>150</Number><Unit>px</Unit><Normal Text> </Normal Text><Annotation>!important</Annotation><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Comment>/* ignored */</Comment><br/>
267​<Normal Text> </Normal Text><Property>margin-bottom</Property><Normal Text>: </Normal Text><Number>50</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><Normal Text> }</Normal Text><br/>
268​<Normal Text>}</Normal Text><br/>
269​<dsNormal></dsNormal><br/>
270​<At Rule>@keyframes</At Rule><Normal Text> slidein {</Normal Text><br/>
271​<Normal Text> </Normal Text><Value>from</Value><Normal Text> {</Normal Text><br/>
272​<Normal Text> </Normal Text><Property>margin-left</Property><Normal Text>: </Normal Text><Number>100</Number><Unit>%</Unit><Separator Symbol>;</Separator Symbol><br/>
273​<Normal Text> </Normal Text><Property>width</Property><Normal Text>: </Normal Text><Number>300</Number><Unit>%</Unit><Separator Symbol>;</Separator Symbol><br/>
274​<Normal Text> }</Normal Text><br/>
275​<dsNormal></dsNormal><br/>
276​<Normal Text> </Normal Text><Value>to</Value><Normal Text> {</Normal Text><br/>
277​<Normal Text> </Normal Text><Property>margin-left</Property><Normal Text>: </Normal Text><Number>0</Number><Unit>%</Unit><Separator Symbol>;</Separator Symbol><br/>
278​<Normal Text> </Normal Text><Property>width</Property><Normal Text>: </Normal Text><Number>100</Number><Unit>%</Unit><Separator Symbol>;</Separator Symbol><br/>
279​<Normal Text> }</Normal Text><br/>
280​<Normal Text>}</Normal Text><br/>
281​<dsNormal></dsNormal><br/>
282​<At Rule>@media</At Rule><Normal Text> </Normal Text><Value>print</Value><Normal Text> {</Normal Text><br/>
283​<Normal Text> </Normal Text><Selector Tag>a</Selector Tag><Selector Pseudo>:hover</Selector Pseudo><Normal Text> { </Normal Text><Property>color</Property><Normal Text>: </Normal Text><Color>red</Color><Normal Text> }</Normal Text><br/>
284​<Normal Text> </Normal Text><Comment>/* comments */</Comment><br/>
285​<Normal Text> </Normal Text><Selector Tag>a</Selector Tag><Selector Pseudo>:hover</Selector Pseudo><Normal Text> { </Normal Text><Property>color</Property><Normal Text>: </Normal Text><Color>red</Color><Normal Text> }</Normal Text><br/>
286​<Normal Text>}</Normal Text><br/>