Changeset View
Changeset View
Standalone View
Standalone View
autotests/reference/review128925-2.css.ref
1 | <Comment>/*</Comment><br/> | 1 | <Comment>/*</Comment><br/> | ||
---|---|---|---|---|---|
2 | <Comment> * CSS Syntax Highlight Sample File (Complex)</Comment><br/> | 2 | <Comment> * CSS Syntax Highlight Sample File (Complex)</Comment><br/> | ||
3 | <Comment> *</Comment><br/> | 3 | <Comment> *</Comment><br/> | ||
4 | <Comment> * This file contains complex CSS syntax that can test unexpected situations.</Comment><br/> | 4 | <Comment> * This file contains complex CSS syntax that can test unexpected situations.</Comment><br/> | ||
5 | <Comment> *</Comment><br/> | 5 | <Comment> *</Comment><br/> | ||
6 | <Comment> * @author Guo Yunhe guoyunhebrave@gmail.com</Comment><br/> | 6 | <Comment> * @author Guo Yunhe guoyunhebrave@gmail.com</Comment><br/> | ||
7 | <Comment> * @date 2016-09-16</Comment><br/> | 7 | <Comment> * @date 2016-09-16</Comment><br/> | ||
8 | <Comment> */</Comment><br/> | 8 | <Comment> */</Comment><br/> | ||
9 | <Selector Tag></Selector Tag><br/> | 9 | <Normal Text></Normal Text><br/> | ||
10 | <Selector Tag></Selector Tag><br/> | 10 | <Normal Text></Normal Text><br/> | ||
11 | <Comment>/* Comments with special content */</Comment><br/> | 11 | <Comment>/* Comments with special content */</Comment><br/> | ||
12 | <Selector Tag></Selector Tag><br/> | 12 | <Normal Text></Normal Text><br/> | ||
13 | <Comment>/*</Comment><br/> | 13 | <Comment>/*</Comment><br/> | ||
14 | <Comment> * .class-selector #id "string" 'comment' // comment {} [] () /* comment</Comment><br/> | 14 | <Comment> * .class-selector #id "string" 'comment' // comment {} [] () /* comment</Comment><br/> | ||
15 | <Comment> * </Comment><Alert Level 2>TODO</Alert Level 2><Comment> </Comment><Alert Level 2>BUG</Alert Level 2><Comment> DEBUG</Comment><br/> | 15 | <Comment> * </Comment><Alert Level 2>TODO</Alert Level 2><Comment> </Comment><Alert Level 2>BUG</Alert Level 2><Comment> DEBUG</Comment><br/> | ||
16 | <Comment> * body {</Comment><br/> | 16 | <Comment> * body {</Comment><br/> | ||
17 | <Comment> * margin: 0 !important;</Comment><br/> | 17 | <Comment> * margin: 0 !important;</Comment><br/> | ||
18 | <Comment> * }</Comment><br/> | 18 | <Comment> * }</Comment><br/> | ||
19 | <Comment> */</Comment><br/> | 19 | <Comment> */</Comment><br/> | ||
20 | <Selector Tag></Selector Tag><br/> | 20 | <Normal Text></Normal Text><br/> | ||
21 | <Comment>/* Comments in special positions */</Comment><br/> | 21 | <Comment>/* Comments in special positions */</Comment><br/> | ||
22 | <Selector Tag></Selector Tag><br/> | 22 | <Normal Text></Normal Text><br/> | ||
23 | <Selector Tag>header</Selector Tag><Comment>/* comment here */</Comment><Selector Class>.active</Selector Class><Normal Text> </Normal Text><Comment>/* comment here */</Comment><Normal Text> {</Normal Text><br/> | 23 | <Selector Tag>header</Selector Tag><Comment>/* comment here */</Comment><Selector Class>.active</Selector Class><Normal Text> </Normal Text><Comment>/* comment here */</Comment><Normal Text> {</Normal Text><br/> | ||
24 | <Normal Text> </Normal Text><Comment>/* comment here */</Comment><Normal Text> </Normal Text><Property>color</Property><Unknown Property> </Unknown Property><Normal Text>: </Normal Text><Comment>/* comment here */</Comment><Normal Text> </Normal Text><Color>blue</Color><Comment>/* comment here */</Comment><Separator Symbol>;</Separator Symbol><br/> | 24 | <Normal Text> </Normal Text><Comment>/* comment here */</Comment><Normal Text> </Normal Text><Property>color</Property><Unknown Property> </Unknown Property><Normal Text>: </Normal Text><Comment>/* comment here */</Comment><Normal Text> </Normal Text><Color>blue</Color><Comment>/* comment here */</Comment><Separator Symbol>;</Separator Symbol><br/> | ||
25 | <Normal Text> </Normal Text><Property>font-family</Property><Normal Text>: Arial </Normal Text><Comment>/* comment here */</Comment><Separator Symbol>,</Separator Symbol><br/> | 25 | <Normal Text> </Normal Text><Property>font-family</Property><Normal Text>: Arial </Normal Text><Comment>/* comment here */</Comment><Separator Symbol>,</Separator Symbol><br/> | ||
26 | <Normal Text> </Normal Text><String>"Droid Sans"</String><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Comment>/* comment here */</Comment><br/> | 26 | <Normal Text> </Normal Text><String>"Droid Sans"</String><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Comment>/* comment here */</Comment><br/> | ||
27 | <Normal Text> </Normal Text><Value>sans-serif</Value><Comment>/* comment here */</Comment><Separator Symbol>;</Separator Symbol><br/> | 27 | <Normal Text> </Normal Text><Value>sans-serif</Value><Comment>/* comment here */</Comment><Separator Symbol>;</Separator Symbol><br/> | ||
28 | <Normal Text>}</Normal Text><br/> | 28 | <Normal Text>}</Normal Text><br/> | ||
29 | <Selector Tag></Selector Tag><br/> | 29 | <Normal Text></Normal Text><br/> | ||
30 | <At Rule>@media</At Rule><Normal Text> </Normal Text><Value>screen</Value><Normal Text> </Normal Text><Comment>/* comment here */</Comment><Normal Text> </Normal Text><Keyword>and</Keyword><Normal Text> (</Normal Text><Property>max-width</Property><Normal Text>: </Normal Text><Number>300</Number><Unit>px</Unit><Normal Text> </Normal Text><Comment>/* comment here */</Comment><Normal Text>) </Normal Text><Comment>/* comment here */</Comment><Normal Text> {</Normal Text><Comment>/* comment here */</Comment><Normal Text>}</Normal Text><br/> | 30 | <At Rule>@media</At Rule><Normal Text> </Normal Text><Value>screen</Value><Normal Text> </Normal Text><Comment>/* comment here */</Comment><Normal Text> </Normal Text><Keyword>and</Keyword><Normal Text> (</Normal Text><Property>max-width</Property><Normal Text>: </Normal Text><Number>300</Number><Unit>px</Unit><Normal Text> </Normal Text><Comment>/* comment here */</Comment><Normal Text>) </Normal Text><Comment>/* comment here */</Comment><Normal Text> {</Normal Text><Comment>/* comment here */</Comment><Normal Text>}</Normal Text><br/> | ||
31 | <Selector Tag></Selector Tag><br/> | 31 | <Normal Text></Normal Text><br/> | ||
32 | <Selector Tag></Selector Tag><br/> | 32 | <Normal Text></Normal Text><br/> | ||
33 | <Comment>/* Strings with special content */</Comment><br/> | 33 | <Comment>/* Strings with special content */</Comment><br/> | ||
34 | <Selector Tag></Selector Tag><br/> | 34 | <Normal Text></Normal Text><br/> | ||
35 | <At Rule>@import</At Rule><Normal Text> </Normal Text><Function>url(</Function><String>"{} $variable /* comment */"</String><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> | 35 | <At Rule>@import</At Rule><Normal Text> </Normal Text><Function>url(</Function><String>"{} $variable /* comment */"</String><Function>)</Function><Separator Symbol>;</Separator Symbol><br/> | ||
36 | <Selector Tag></Selector Tag><br/> | 36 | <Normal Text></Normal Text><br/> | ||
37 | <Selector Tag></Selector Tag><br/> | 37 | <Normal Text></Normal Text><br/> | ||
38 | <Comment>/* Without extra breaklines and spaces */</Comment><br/> | 38 | <Comment>/* Without extra breaklines and spaces */</Comment><br/> | ||
39 | <Selector Tag></Selector Tag><br/> | 39 | <Normal Text></Normal Text><br/> | ||
40 | <Selector Tag>pre</Selector Tag><Selector Class>.primary</Selector Class><Selector Pseudo>:hover</Selector Pseudo><Selector Class>.large</Selector Class><Selector Pseudo>:nth-child(2n-1)</Selector Pseudo><Normal Text>{</Normal Text><Property>font-size</Property><Normal Text>:</Normal Text><Number>17</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><Property>font-family</Property><Normal Text>:</Normal Text><String>"Noto Sans"</String><Separator Symbol>;</Separator Symbol><Property>-webkit-box-shadow</Property><Normal Text>:</Normal Text><Number>1</Number><Unit>px</Unit><Normal Text> </Normal Text><Number>1</Number><Unit>px</Unit><Normal Text> </Normal Text><Number>3</Number><Unit>px</Unit><Normal Text> </Normal Text><Function>rgba(</Function><Number>0</Number><Separator Symbol>,</Separator Symbol><Number>0</Number><Separator Symbol>,</Separator Symbol><Number>0</Number><Separator Symbol>,</Separator Symbol><Number>0.3</Number><Function>)</Function><Normal Text>}</Normal Text><br/> | 40 | <Selector Tag>pre</Selector Tag><Selector Class>.primary</Selector Class><Selector Pseudo>:hover</Selector Pseudo><Selector Class>.large</Selector Class><Selector Pseudo>:nth-child(2n-1)</Selector Pseudo><Normal Text>{</Normal Text><Property>font-size</Property><Normal Text>:</Normal Text><Number>17</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><Property>font-family</Property><Normal Text>:</Normal Text><String>"Noto Sans"</String><Separator Symbol>;</Separator Symbol><Property>-webkit-box-shadow</Property><Normal Text>:</Normal Text><Number>1</Number><Unit>px</Unit><Normal Text> </Normal Text><Number>1</Number><Unit>px</Unit><Normal Text> </Normal Text><Number>3</Number><Unit>px</Unit><Normal Text> </Normal Text><Function>rgba(</Function><Number>0</Number><Separator Symbol>,</Separator Symbol><Number>0</Number><Separator Symbol>,</Separator Symbol><Number>0</Number><Separator Symbol>,</Separator Symbol><Number>0.3</Number><Function>)</Function><Normal Text>}</Normal Text><br/> | ||
41 | <Selector Tag></Selector Tag><br/> | 41 | <Normal Text></Normal Text><br/> | ||
42 | <Selector Tag></Selector Tag><br/> | 42 | <Normal Text></Normal Text><br/> | ||
43 | <Comment>/* With unnecessary breaklines and spaces */</Comment><br/> | 43 | <Comment>/* With unnecessary breaklines and spaces */</Comment><br/> | ||
44 | <Selector Tag></Selector Tag><br/> | 44 | <Normal Text></Normal Text><br/> | ||
45 | <Selector Tag>blockquote</Selector Tag><Normal Text> </Normal Text><Selector Class>.ref</Selector Class><br/> | 45 | <Selector Tag>blockquote</Selector Tag><Normal Text> </Normal Text><Selector Class>.ref</Selector Class><br/> | ||
46 | <Normal Text> {</Normal Text><br/> | 46 | <Normal Text> {</Normal Text><br/> | ||
47 | <Normal Text> </Normal Text><Property>flex</Property><Unknown Property> </Unknown Property><Normal Text>: </Normal Text><Number>0</Number><Normal Text> </Normal Text><Number>1</Number><Normal Text> </Normal Text><Number>30</Number><Unit>%</Unit><Separator Symbol>;</Separator Symbol><br/> | 47 | <Normal Text> </Normal Text><Property>flex</Property><Unknown Property> </Unknown Property><Normal Text>: </Normal Text><Number>0</Number><Normal Text> </Normal Text><Number>1</Number><Normal Text> </Normal Text><Number>30</Number><Unit>%</Unit><Separator Symbol>;</Separator Symbol><br/> | ||
48 | <Normal Text> </Normal Text><Property>flex-wrap</Property><Unknown Property> </Unknown Property><Normal Text>: wrap</Normal Text><Separator Symbol>;</Separator Symbol><br/> | 48 | <Normal Text> </Normal Text><Property>flex-wrap</Property><Unknown Property> </Unknown Property><Normal Text>: wrap</Normal Text><Separator Symbol>;</Separator Symbol><br/> | ||
49 | <Normal Text> }</Normal Text><br/> | 49 | <Normal Text> }</Normal Text><br/> | ||
50 | <Selector Tag></Selector Tag><br/> | 50 | <Normal Text></Normal Text><br/> | ||
51 | <At Rule>@media</At Rule><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><br/> | 51 | <At Rule>@media</At Rule><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><br/> | ||
52 | <Normal Text> </Normal Text><Selector Class>.sidebar</Selector Class><Normal Text> {</Normal Text><br/> | 52 | <Normal Text> </Normal Text><Selector Class>.sidebar</Selector Class><Normal Text> {</Normal Text><br/> | ||
53 | <Normal Text> </Normal Text><Property>width</Property><Normal Text>: </Normal Text><Number>500</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><Normal Text> } }</Normal Text><br/> | 53 | <Normal Text> </Normal Text><Property>width</Property><Normal Text>: </Normal Text><Number>500</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><Normal Text> } }</Normal Text><br/> | ||
54 | <Selector Tag></Selector Tag><br/> | 54 | <Normal Text></Normal Text><br/> | ||
55 | <Selector Tag></Selector Tag><br/> | 55 | <Normal Text></Normal Text><br/> | ||
56 | <Comment>/* Special selectors: HTML5 allows user defined tags */</Comment><br/> | 56 | <Comment>/* Special selectors: HTML5 allows user defined tags */</Comment><br/> | ||
57 | <Selector Tag></Selector Tag><br/> | 57 | <Normal Text></Normal Text><br/> | ||
58 | <Selector Tag>header</Selector Tag><Normal Text> {</Normal Text><br/> | 58 | <Selector Tag>header</Selector Tag><Normal Text> {</Normal Text><br/> | ||
59 | <Normal Text> </Normal Text><Selector Tag>flex</Selector Tag><Normal Text> {</Normal Text><br/> | 59 | <Normal Text> </Normal Text><Selector Tag>flex</Selector Tag><Normal Text> {</Normal Text><br/> | ||
60 | <Normal Text> </Normal Text><Property>width</Property><Normal Text>: </Normal Text><Number>300</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/> | 60 | <Normal Text> </Normal Text><Property>width</Property><Normal Text>: </Normal Text><Number>300</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/> | ||
61 | <Normal Text> }</Normal Text><br/> | 61 | <Normal Text> }</Normal Text><br/> | ||
62 | <Normal Text>}</Normal Text><br/> | 62 | <Normal Text>}</Normal Text><br/> |