autotests/reference/highlight.css.ref

0001 <Comment>/**</Comment><br/>
0002 <Comment> * This is a pseudo CSS file to test Kate's CSS syntax highlighting.</Comment><br/>
0003 <Comment> */</Comment><br/>
0004 <Normal Text></Normal Text><br/>
0005 <Comment>/* Properties */</Comment><br/>
0006 <Normal Text></Normal Text><br/>
0007 <Selector Tag>body</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/>
0008 <Normal Text>   </Normal Text><Property>font-size</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>15</Number><Unit>pt</Unit><Separator Symbol>;</Separator Symbol><br/>
0009 <Normal Text>   </Normal Text><Property>font-family</Property><Property Separator>:</Property Separator><Normal Text> Verdana</Normal Text><Separator Symbol>,</Separator Symbol><Normal Text> Helvetica</Normal Text><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><String>"Bitstream Vera Sans"</String><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Value>sans-serif</Value><Separator Symbol>;</Separator Symbol><br/>
0010 <Normal Text>   </Normal Text><Property>margin-top</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>0</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><Normal Text>                 </Normal Text><Comment>/* yet another comment */</Comment><br/>
0011 <Normal Text>   </Normal Text><Property>margin-bottom</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>0</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/>
0012 <Normal Text>   </Normal Text><Error>// this is no comment, it's just broken!</Error><br/>
0013 <Normal Text>   </Normal Text><Property>background-color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>hsl(</Function><Number>0</Number><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Number>0</Number><Unit>%</Unit><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Function>calc(</Function><Number>95</Number><Unit>%</Unit><Normal Text> </Normal Text><Operator>-</Operator><Normal Text> </Normal Text><Number>3</Number><Unit>%</Unit><Function>))</Function><Separator Symbol>;</Separator Symbol><br/>
0014 <Normal Text>    </Normal Text><Property>font-family</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><String>"Droid Sans"</String><Separator Symbol>,</Separator Symbol><Normal Text> Arial</Normal Text><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Value>sans-serif</Value><Separator Symbol>;</Separator Symbol><br/>
0015 <Normal Text>    </Normal Text><Property>font-size</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>11</Number><Unit>pt</Unit><Separator Symbol>;</Separator Symbol><br/>
0016 <Normal Text>    </Normal Text><Property>line-height</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>1.5</Number><Unit>em</Unit><Separator Symbol>;</Separator Symbol><br/>
0017 <Normal Text>    </Normal Text><Property>background</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Color>#fff000</Color><Separator Symbol>;</Separator Symbol><br/>
0018 <Normal Text>    </Normal Text><Property>text-shadow</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>0</Number><Normal Text> </Normal Text><Number>0</Number><Normal Text> </Normal Text><Number>2</Number><Unit>px</Unit><Normal Text> </Normal Text><Function>rgba(</Function><Number>0</Number><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Number>0</Number><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Number>0</Number><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Number>0.3</Number><Function>)</Function><Separator Symbol>;</Separator Symbol><br/>
0019 <Normal Text>    </Normal Text><Property>box-sizing</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value>border-box</Value><Separator Symbol>;</Separator Symbol><br/>
0020 <Normal Text>   </Normal Text><Property>font-variant-alternates</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>styleset(</Function><Normal Text>nice-style</Normal Text><Function>)</Function><Separator Symbol>;</Separator Symbol><br/>
0021 <Block Symbol>}</Block Symbol><br/>
0022 <Normal Text></Normal Text><br/>
0023 <Comment>/* Selectors */</Comment><br/>
0024 <Normal Text></Normal Text><br/>
0025 <Selector Tag>body</Selector Tag><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Selector Tag>blockquote</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/>
0026 <Normal Text>    </Normal Text><Property>margin</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>0</Number><Separator Symbol>;</Separator Symbol><br/>
0027 <Block Symbol>}</Block Symbol><br/>
0028 <Normal Text></Normal Text><br/>
0029 <Selector Tag>header</Selector Tag><Normal Text> </Normal Text><Selector Id>#logo</Selector Id><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/>
0030 <Normal Text>    </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>100</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/>
0031 <Block Symbol>}</Block Symbol><br/>
0032 <Normal Text></Normal Text><br/>
0033 <Selector Tag>div</Selector Tag><Selector Id>#footer</Selector Id><Normal Text> </Normal Text><Selector Class>.link</Selector Class><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/>
0034 <Normal Text>    </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>blue</Named Color><Separator Symbol>;</Separator Symbol><br/>
0035 <Block Symbol>}</Block Symbol><br/>
0036 <Normal Text></Normal Text><br/>
0037 <Selector Class>.something</Selector Class><br/>
0038 <Block Symbol>{</Block Symbol><br/>
0039 <Normal Text>   </Normal Text><Property>margin-right</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>0</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/>
0040 <Normal Text>   </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Color>#cdd</Color><Separator Symbol>;</Separator Symbol><br/>
0041 <Normal Text>   </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Color>#AAFE04</Color><Separator Symbol>;</Separator Symbol><br/>
0042 <Normal Text>   </Normal Text><Property>color</Property><Property Separator>:</Property Separator><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/>
0043 <Normal Text>   </Normal Text><Property>background</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>maroon</Named Color><Separator Symbol>;</Separator Symbol><br/>
0044 <Block Symbol>}</Block Symbol><br/>
0045 <Normal Text></Normal Text><br/>
0046 <Selector Tag>sidebar</Selector Tag><Normal Text> </Normal Text><Selector Id>#subscribe</Selector Id><Normal Text> </Normal Text><Selector Class>.subscribe_form</Selector Class><Normal Text> </Normal Text><Selector Tag>input</Selector Tag><Selector Attribute>[</Selector Attribute><Attribute Name>type</Attribute Name><Attribute Operator>=</Attribute Operator><String>"text"</String><Selector Attribute>]</Selector Attribute><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/>
0047 <Normal Text>    </Normal Text><Property>font-size</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>20</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/>
0048 <Block Symbol>}</Block Symbol><br/>
0049 <Normal Text></Normal Text><br/>
0050 <Selector Tag>sidebar</Selector Tag><Normal Text> </Normal Text><Selector Id>#subscribe</Selector Id><Normal Text> </Normal Text><Selector Class>.subscribe_form</Selector Class><Selector Pseudo>:nth-child(</Selector Pseudo><Number>2</Number><Unit>n</Unit><Normal Text> </Normal Text><Operator>+</Operator><Normal Text> </Normal Text><Number>1</Number><Selector Pseudo>):hover</Selector Pseudo><Normal Text> </Normal Text><Selector Tag>input</Selector Tag><Selector Attribute>[</Selector Attribute><Attribute Name>class</Attribute Name><Attribute Operator>*=</Attribute Operator><String>"small-"</String><Selector Attribute>]</Selector Attribute><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/>
0051 <Normal Text>    </Normal Text><Property>font-weight</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value>bold</Value><Separator Symbol>;</Separator Symbol><br/>
0052 <Block Symbol>}</Block Symbol><br/>
0053 <Normal Text></Normal Text><br/>
0054 <Selector Tag>input</Selector Tag><Selector Attribute>[</Selector Attribute><Attribute Name>value</Attribute Name><Attribute Operator>=</Attribute Operator><String>text</String><Selector Attribute>]</Selector Attribute><br/>
0055 <Selector Tag>input</Selector Tag><Selector Attribute>[</Selector Attribute><Attribute Name>value</Attribute Name><Attribute Operator>=</Attribute Operator><Normal Text> </Normal Text><String>text </String><Selector Attribute>]</Selector Attribute><br/>
0056 <Selector Tag>input</Selector Tag><Selector Attribute>[</Selector Attribute><Attribute Name>value</Attribute Name><Attribute Operator>=</Attribute Operator><Normal Text> </Normal Text><String>text </String><Attribute Operator>i</Attribute Operator><Selector Attribute>]</Selector Attribute><br/>
0057 <Selector Tag>input</Selector Tag><Selector Attribute>[</Selector Attribute><Attribute Name>value</Attribute Name><Attribute Operator>=</Attribute Operator><Normal Text> </Normal Text><String>"text" </String><Attribute Operator>i</Attribute Operator><Selector Attribute>]</Selector Attribute><br/>
0058 <Selector Tag>input</Selector Tag><Selector Attribute>[</Selector Attribute><Attribute Name>value</Attribute Name><Attribute Operator>=</Attribute Operator><String>i</String><Selector Attribute>]</Selector Attribute><br/>
0059 <Selector Tag>input</Selector Tag><Selector Attribute>[</Selector Attribute><Attribute Name>value</Attribute Name><Attribute Operator>=</Attribute Operator><Normal Text> </Normal Text><String>i</String><Selector Attribute>]</Selector Attribute><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/>
0060 <Normal Text>    </Normal Text><Property>font-size</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>20</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/>
0061 <Block Symbol>}</Block Symbol><br/>
0062 <Normal Text></Normal Text><br/>
0063 <Selector Id>#header</Selector Id><Separator Symbol>,</Separator Symbol><br/>
0064 <Selector Tag>a</Selector Tag><Selector Pseudo>:hover</Selector Pseudo><Separator Symbol>,</Separator Symbol><br/>
0065 <Selector Tag>p</Selector Tag><Selector Class>.intro</Selector Class><Selector Pseudo>:first-letter</Selector Pseudo><Separator Symbol>,</Separator Symbol><br/>
0066 <Selector Tag>p</Selector Tag><Selector Pseudo>:lang(</Selector Pseudo><String>nl</String><Selector Pseudo>)</Selector Pseudo><Separator Symbol>,</Separator Symbol><br/>
0067 <Selector Tag>img</Selector Tag><Selector Attribute>[</Selector Attribute><Attribute Name>align</Attribute Name><Attribute Operator>=</Attribute Operator><String>"right"</String><Selector Attribute>]</Selector Attribute><br/>
0068 <Block Symbol>{</Block Symbol><br/>
0069 <Normal Text>   </Normal Text><Property>border</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>1</Number><Unit>px</Unit><Normal Text> </Normal Text><Value>solid</Value><Normal Text> Qt::</Normal Text><Named Color>red</Named Color><Normal Text> </Normal Text><Annotation>!important</Annotation><Separator Symbol>;</Separator Symbol><br/>
0070 <Normal Text>   </Normal Text><Vendor Property>-moz-border-radius</Vendor Property><Property Separator>:</Property Separator><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/>
0071 <Block Symbol>}</Block Symbol><br/>
0072 <Normal Text></Normal Text><br/>
0073 <Selector Class>.nice-look</Selector Class><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/>
0074 <Block Symbol>}</Block Symbol><br/>
0075 <Normal Text></Normal Text><br/>
0076 <Selector Tag>ul</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/>
0077 <Normal Text>   </Normal Text><Property>list-style</Property><Property Separator>:</Property Separator><Normal Text> thumbs</Normal Text><Separator Symbol>;</Separator Symbol><br/>
0078 <Block Symbol>}</Block Symbol><br/>
0079 <Normal Text></Normal Text><br/>
0080 <Comment>/* SVG <a> */</Comment><br/>
0081 <Selector Tag>svg</Selector Tag><Selector Symbol>|</Selector Symbol><Selector Tag>a</Selector Tag><Normal Text> </Normal Text><Block Symbol>{}</Block Symbol><br/>
0082 <Normal Text></Normal Text><br/>
0083 <Comment>/* XHTML and SVG <a> */</Comment><br/>
0084 <Selector Symbol>*|</Selector Symbol><Selector Tag>a</Selector Tag><Normal Text> </Normal Text><Block Symbol>{}</Block Symbol><br/>
0085 <Normal Text></Normal Text><br/>
0086 <Selector Symbol>*</Selector Symbol><Block Symbol>{}</Block Symbol><br/>
0087 <Selector Class>.class</Selector Class><Block Symbol>{}</Block Symbol><br/>
0088 <Selector Id>#id</Selector Id><Block Symbol>{}</Block Symbol><br/>
0089 <Selector Pseudo>:hover</Selector Pseudo><Block Symbol>{}</Block Symbol><br/>
0090 <Selector Pseudo>:lang(</Selector Pseudo><String>fr</String><Selector Pseudo>)</Selector Pseudo><Block Symbol>{}</Block Symbol><br/>
0091 <Selector Tag>E</Selector Tag><Block Symbol>{}</Block Symbol><br/>
0092 <Selector Tag>E</Selector Tag><Normal Text> </Normal Text><Selector Tag>F</Selector Tag><Block Symbol>{}</Block Symbol><br/>
0093 <Selector Tag>E</Selector Tag><Selector Symbol>></Selector Symbol><Selector Tag>F</Selector Tag><Block Symbol>{}</Block Symbol><br/>
0094 <Selector Tag>E</Selector Tag><Normal Text> </Normal Text><Selector Symbol>></Selector Symbol><Normal Text> </Normal Text><Selector Tag>F</Selector Tag><Block Symbol>{}</Block Symbol><br/>
0095 <Selector Tag>E</Selector Tag><Selector Symbol>~</Selector Symbol><Selector Tag>F</Selector Tag><Block Symbol>{}</Block Symbol><br/>
0096 <Selector Tag>E</Selector Tag><Normal Text> </Normal Text><Selector Symbol>~</Selector Symbol><Normal Text> </Normal Text><Selector Tag>F</Selector Tag><Block Symbol>{}</Block Symbol><br/>
0097 <Selector Tag>E</Selector Tag><Selector Pseudo>:first-child</Selector Pseudo><Block Symbol>{}</Block Symbol><br/>
0098 <Selector Tag>E</Selector Tag><Selector Pseudo>:visited</Selector Pseudo><Block Symbol>{}</Block Symbol><br/>
0099 <Selector Tag>E</Selector Tag><Selector Pseudo>::after</Selector Pseudo><Block Symbol>{}</Block Symbol><br/>
0100 <Selector Tag>E</Selector Tag><Selector Pseudo>:lang(</Selector Pseudo><String>c</String><Selector Pseudo>)</Selector Pseudo><Block Symbol>{}</Block Symbol><br/>
0101 <Selector Tag>E</Selector Tag><Selector Pseudo>:lang(</Selector Pseudo><String>fr-ca</String><Selector Pseudo>)</Selector Pseudo><Block Symbol>{}</Block Symbol><br/>
0102 <Selector Tag>E</Selector Tag><Normal Text> </Normal Text><Selector Symbol>+</Selector Symbol><Normal Text> </Normal Text><Selector Tag>F</Selector Tag><Block Symbol>{}</Block Symbol><br/>
0103 <Selector Tag>E</Selector Tag><Selector Symbol>+</Selector Symbol><Selector Tag>F</Selector Tag><Block Symbol>{}</Block Symbol><br/>
0104 <Selector Tag>E</Selector Tag><Selector Attribute>[</Selector Attribute><Attribute Name>foo</Attribute Name><Selector Attribute>]</Selector Attribute><Block Symbol>{}</Block Symbol><br/>
0105 <Selector Tag>E</Selector Tag><Selector Attribute>[</Selector Attribute><Attribute Name>foo</Attribute Name><Attribute Operator>=</Attribute Operator><String>warning</String><Selector Attribute>]</Selector Attribute><Block Symbol>{}</Block Symbol><br/>
0106 <Selector Tag>E</Selector Tag><Selector Attribute>[</Selector Attribute><Attribute Name>foo</Attribute Name><Attribute Operator>=</Attribute Operator><String>"warning"</String><Selector Attribute>]</Selector Attribute><Block Symbol>{}</Block Symbol><br/>
0107 <Selector Tag>E</Selector Tag><Selector Attribute>[</Selector Attribute><Attribute Name>foo</Attribute Name><Attribute Operator>~=</Attribute Operator><String>"warning"</String><Selector Attribute>]</Selector Attribute><Block Symbol>{}</Block Symbol><br/>
0108 <Selector Tag>E</Selector Tag><Selector Attribute>[</Selector Attribute><Attribute Name>foo</Attribute Name><Attribute Operator>^=</Attribute Operator><String>"warning"</String><Selector Attribute>]</Selector Attribute><Block Symbol>{}</Block Symbol><br/>
0109 <Selector Tag>E</Selector Tag><Selector Attribute>[</Selector Attribute><Attribute Name>foo</Attribute Name><Attribute Operator>$=</Attribute Operator><String>"warning"</String><Selector Attribute>]</Selector Attribute><Block Symbol>{}</Block Symbol><br/>
0110 <Selector Tag>E</Selector Tag><Selector Attribute>[</Selector Attribute><Attribute Name>foo</Attribute Name><Attribute Operator>*=</Attribute Operator><String>"warning"</String><Selector Attribute>]</Selector Attribute><Block Symbol>{}</Block Symbol><br/>
0111 <Selector Tag>E</Selector Tag><Selector Attribute>[</Selector Attribute><Attribute Name>lang</Attribute Name><Attribute Operator>|=</Attribute Operator><String>"en"</String><Selector Attribute>]</Selector Attribute><Block Symbol>{}</Block Symbol><br/>
0112 <Selector Tag>DIV</Selector Tag><Selector Class>.warning</Selector Class><Block Symbol>{}</Block Symbol><br/>
0113 <Selector Tag>DIV</Selector Tag><Normal Text> </Normal Text><Selector Class>.warning</Selector Class><Block Symbol>{}</Block Symbol><br/>
0114 <Selector Tag>E</Selector Tag><Selector Id>#myid</Selector Id><Block Symbol>{}</Block Symbol><br/>
0115 <Selector Tag>E</Selector Tag><Normal Text> </Normal Text><Selector Id>#myid</Selector Id><Block Symbol>{}</Block Symbol><br/>
0116 <Selector Tag>E</Selector Tag><Separator Symbol>,</Separator Symbol><Selector Tag>E</Selector Tag><Block Symbol>{}</Block Symbol><br/>
0117 <Selector Tag>E</Selector Tag><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Selector Tag>E</Selector Tag><Block Symbol>{}</Block Symbol><br/>
0118 <Selector Tag>E</Selector Tag><Normal Text> </Normal Text><Separator Symbol>,</Separator Symbol><Selector Tag>E</Selector Tag><Block Symbol>{}</Block Symbol><br/>
0119 <Selector Tag>E</Selector Tag><Normal Text> </Normal Text><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Selector Tag>E</Selector Tag><Block Symbol>{}</Block Symbol><br/>
0120 <Normal Text></Normal Text><br/>
0121 <Selector Tag>p</Selector Tag><Selector Pseudo>:nth-child(</Selector Pseudo><Number>2</Number><Selector Pseudo>)</Selector Pseudo><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/>
0122 <Normal Text>   </Normal Text><Property>background</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>red</Named Color><Separator Symbol>;</Separator Symbol><br/>
0123 <Block Symbol>}</Block Symbol><br/>
0124 <Normal Text></Normal Text><br/>
0125 <Comment>/* Elements that are not <div> or <span> elements */</Comment><br/>
0126 <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><Block Symbol>{</Block Symbol><br/>
0127 <Normal Text>   </Normal Text><Property>font-weight</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value>bold</Value><Separator Symbol>;</Separator Symbol><br/>
0128 <Block Symbol>}</Block Symbol><br/>
0129 <Normal Text></Normal Text><br/>
0130 <Comment>/* Elements that are not `.crazy` or `.fancy` */</Comment><br/>
0131 <Comment>/* Note that this syntax is not well supported yet. */</Comment><br/>
0132 <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><Block Symbol>{</Block Symbol><br/>
0133 <Normal Text>   </Normal Text><Property>font-family</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value>sans-serif</Value><Separator Symbol>;</Separator Symbol><br/>
0134 <Block Symbol>}</Block Symbol><br/>
0135 <Normal Text></Normal Text><br/>
0136 <Selector Pseudo>:nth-child(</Selector Pseudo><Value>odd</Value><Selector Pseudo>)</Selector Pseudo><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>lime</Named Color><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/>
0137 <Selector Pseudo>:nth-child(</Selector Pseudo><Value>even</Value><Selector Pseudo>)</Selector Pseudo><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>lime</Named Color><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/>
0138 <Selector Pseudo>:nth-child(</Selector Pseudo><Number>4</Number><Selector Pseudo>)</Selector Pseudo><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>lime</Named Color><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/>
0139 <Selector Pseudo>:nth-child(</Selector Pseudo><Number>4</Number><Unit>n</Unit><Selector Pseudo>)</Selector Pseudo><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>lime</Named Color><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/>
0140 <Selector Pseudo>:nth-child(</Selector Pseudo><Number>3</Number><Unit>n</Unit><Operator>+</Operator><Number>4</Number><Selector Pseudo>)</Selector Pseudo><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>lime</Named Color><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/>
0141 <Selector Pseudo>:nth-child(</Selector Pseudo><Operator>-</Operator><Unit>n</Unit><Operator>+</Operator><Number>3</Number><Selector Pseudo>)</Selector Pseudo><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>lime</Named Color><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/>
0142 <Selector Pseudo>:nth-child(</Selector Pseudo><Unit>n</Unit><Operator>+</Operator><Number>8</Number><Selector Pseudo>):nth-child(</Selector Pseudo><Operator>-</Operator><Unit>n</Unit><Operator>+</Operator><Number>15</Number><Selector Pseudo>)</Selector Pseudo><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>lime</Named Color><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/>
0143 <Normal Text></Normal Text><br/>
0144 <Selector Class>.first</Selector Class><Normal Text> </Normal Text><Selector Tag>span</Selector Tag><Selector Pseudo>:nth-child(</Selector Pseudo><Number>2</Number><Unit>n</Unit><Operator>+</Operator><Number>1</Number><Selector Pseudo>)</Selector Pseudo><Separator Symbol>,</Separator Symbol><br/>
0145 <Selector Class>.second</Selector Class><Normal Text> </Normal Text><Selector Tag>span</Selector Tag><Selector Pseudo>:nth-child(</Selector Pseudo><Number>2</Number><Unit>n</Unit><Operator>+</Operator><Number>1</Number><Selector Pseudo>)</Selector Pseudo><Separator Symbol>,</Separator Symbol><br/>
0146 <Selector Class>.third</Selector Class><Normal Text> </Normal Text><Selector Tag>span</Selector Tag><Selector Pseudo>:nth-of-type(</Selector Pseudo><Number>2</Number><Unit>n</Unit><Operator>+</Operator><Number>1</Number><Selector Pseudo>)</Selector Pseudo><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/>
0147 <Normal Text>   </Normal Text><Property>background-color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>lime</Named Color><Separator Symbol>;</Separator Symbol><br/>
0148 <Normal Text>   </Normal Text><Unknown Property>unknown-property</Unknown Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>lime</Named Color><Separator Symbol>;</Separator Symbol><br/>
0149 <Block Symbol>}</Block Symbol><br/>
0150 <Normal Text></Normal Text><br/>
0151 <Selector Pseudo>:root</Selector Pseudo><Block Symbol>{</Block Symbol><br/>
0152 <Normal Text>   </Normal Text><Variable>--foo</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Unknown Function>if</Unknown Function><Function>(</Function><Normal Text>x > </Normal Text><Number>5</Number><Function>)</Function><Normal Text> this.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/>
0153 <Block Symbol>}</Block Symbol><br/>
0154 <Normal Text></Normal Text><br/>
0155 <Selector Pseudo>:root</Selector Pseudo><Separator Symbol>,</Separator Symbol><br/>
0156 <Selector Pseudo>:root:lang(</Selector Pseudo><String>en</String><Selector Pseudo>)</Selector Pseudo><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Variable>--external-link</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><String>"external link"</String><Separator Symbol>;</Separator Symbol><Block Symbol>}</Block Symbol><br/>
0157 <Selector Pseudo>:root:lang(</Selector Pseudo><String>de</String><Selector Pseudo>)</Selector Pseudo><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Variable>--external-link</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><String>"externer Link"</String><Separator Symbol>;</Separator Symbol><Block Symbol>}</Block Symbol><br/>
0158 <Normal Text></Normal Text><br/>
0159 <Selector Tag>a</Selector Tag><Selector Attribute>[</Selector Attribute><Attribute Name>href</Attribute Name><Attribute Operator>^=</Attribute Operator><String>"http"</String><Selector Attribute>]</Selector Attribute><Selector Pseudo>::after</Selector Pseudo><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Property>content</Property><Property Separator>:</Property Separator><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><Block Symbol>}</Block Symbol><br/>
0160 <Normal Text></Normal Text><br/>
0161 <Selector Tag>one</Selector Tag><Normal Text>   </Normal Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Variable>--foo</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>10</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/>
0162 <Selector Tag>two</Selector Tag><Normal Text>   </Normal Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Variable>--bar</Variable><Property Separator>:</Property Separator><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><Block Symbol>}</Block Symbol><br/>
0163 <Selector Tag>three</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Variable>--foo</Variable><Property Separator>:</Property Separator><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><Block Symbol>}</Block Symbol><br/>
0164 <Selector Class>.foo</Selector Class><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/>
0165 <Normal Text>   </Normal Text><Variable>--gap</Variable><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>20</Number><Separator Symbol>;</Separator Symbol><br/>
0166 <Normal Text>   </Normal Text><Property>margin-top</Property><Property Separator>:</Property Separator><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/>
0167 <Normal Text>   </Normal Text><Property>margin-top</Property><Property Separator>:</Property Separator><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/>
0168 <Block Symbol>}</Block Symbol><br/>
0169 <Normal Text></Normal Text><br/>
0170 <Selector Tag>foo</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/>
0171 <Normal Text>   </Normal Text><Property>width</Property><Property Separator>:</Property Separator><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/>
0172 <Normal Text>   </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>calc(</Function><Number>50</Number><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/>
0173 <Normal Text>   </Normal Text><Property>width</Property><Property Separator>:</Property Separator><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/>
0174 <Normal Text>   </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>calc(</Function><Number>50</Number><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/>
0175 <Normal Text>   </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Function>calc(</Function><Number>2</Number><Unit>px</Unit><Normal Text> </Normal Text><Unknown Function>-var</Unknown Function><Function>(</Function><Normal Text>--a</Normal Text><Function>))</Function><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Comment>/* invalid */</Comment><br/>
0176 <Normal Text>   </Normal Text><Property>width</Property><Property Separator>:</Property Separator><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/>
0177 <Normal Text>   </Normal Text><Property>width</Property><Property Separator>:</Property Separator><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/>
0178 <Normal Text>   </Normal Text><Property>width</Property><Property Separator>:</Property Separator><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/>
0179 <Normal Text>   </Normal Text><Property>width</Property><Property Separator>:</Property Separator><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/>
0180 <Normal Text>   </Normal Text><Property>width</Property><Property Separator>:</Property Separator><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/>
0181 <Block Symbol>}</Block Symbol><br/>
0182 <Normal Text></Normal Text><br/>
0183 <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><Block Symbol>{</Block Symbol><br/>
0184 <Normal Text>   </Normal Text><Vendor Property>-webkit-transition</Vendor Property><Property Separator>:</Property Separator><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/>
0185 <Normal Text>   </Normal Text><Property>transition</Property><Property Separator>:</Property Separator><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/>
0186 <Normal Text>   </Normal Text><Property>opacity</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>0.5</Number><Separator Symbol>;</Separator Symbol><br/>
0187 <Block Symbol>}</Block Symbol><br/>
0188 <Normal Text></Normal Text><br/>
0189 <Normal Text></Normal Text><br/>
0190 <At Rule>@font-feature-values</At Rule><At Rule Text> Font One </At Rule Text><Block Symbol>{</Block Symbol><br/>
0191 <Normal Text>   </Normal Text><At Rule>@styleset</At Rule><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/>
0192 <Normal Text>           </Normal Text><Selector Tag>nice-style</Selector Tag><Selector Pseudo>:</Selector Pseudo><Normal Text> 12;</Normal Text><br/>
0193 <Normal Text>   </Normal Text><Block Symbol>}</Block Symbol><br/>
0194 <Block Symbol>}</Block Symbol><br/>
0195 <Normal Text></Normal Text><br/>
0196 <At Rule>@font-feature-values</At Rule><At Rule Text> Font Two </At Rule Text><Block Symbol>{</Block Symbol><br/>
0197 <Normal Text>   </Normal Text><At Rule>@styleset</At Rule><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/>
0198 <Normal Text>           </Normal Text><Selector Tag>nice-style</Selector Tag><Selector Pseudo>:</Selector Pseudo><Normal Text> 4;</Normal Text><br/>
0199 <Normal Text>   </Normal Text><Block Symbol>}</Block Symbol><br/>
0200 <Block Symbol>}</Block Symbol><br/>
0201 <Normal Text></Normal Text><br/>
0202 <At Rule>@font-palette-values</At Rule><At Rule Text> --identifier </At Rule Text><Block Symbol>{</Block Symbol><br/>
0203 <Normal Text>  </Normal Text><Property>font-family</Property><Property Separator>:</Property Separator><Normal Text> Bixa</Normal Text><Separator Symbol>;</Separator Symbol><br/>
0204 <Block Symbol>}</Block Symbol><br/>
0205 <Normal Text></Normal Text><br/>
0206 <At Rule>@counter-style</At Rule><At Rule Text> thumbs </At Rule Text><Block Symbol>{</Block Symbol><br/>
0207 <Normal Text>   </Normal Text><Property>system</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value>cyclic</Value><Separator Symbol>;</Separator Symbol><br/>
0208 <Normal Text>   </Normal Text><Property>symbols</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><String>"</String><SpecialChar>\1F44D</SpecialChar><String>"</String><Separator Symbol>;</Separator Symbol><br/>
0209 <Normal Text>   </Normal Text><Property>suffix</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><String>" "</String><Separator Symbol>;</Separator Symbol><br/>
0210 <Block Symbol>}</Block Symbol><br/>
0211 <Normal Text></Normal Text><br/>
0212 <At Rule>@font-face</At Rule><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/>
0213 <Normal Text>   </Normal Text><Property>font-family</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><String>"Open Sans"</String><Separator Symbol>;</Separator Symbol><br/>
0214 <Normal Text>   </Normal Text><Comment>/* comments */</Comment><br/>
0215 <Normal Text>   </Normal Text><Unknown Property>unknown</Unknown Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>2</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/>
0216 <Normal Text>   </Normal Text><Property>src</Property><Property Separator>:</Property Separator><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><Separator Symbol>,</Separator Symbol><br/>
0217 <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/>
0218 <Block Symbol>}</Block Symbol><br/>
0219 <Normal Text></Normal Text><br/>
0220 <At Rule>@page</At Rule><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/>
0221 <Normal Text>   </Normal Text><Property>margin</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>1</Number><Unit>cm</Unit><Separator Symbol>;</Separator Symbol><br/>
0222 <Block Symbol>}</Block Symbol><br/>
0223 <Normal Text></Normal Text><br/>
0224 <At Rule>@page</At Rule><At Rule Text> </At Rule Text><Selector Pseudo>:first</Selector Pseudo><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/>
0225 <Normal Text>   </Normal Text><Property>margin</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>2</Number><Unit>cm</Unit><Separator Symbol>;</Separator Symbol><br/>
0226 <Normal Text>   </Normal Text><Comment>/* comments */</Comment><br/>
0227 <Normal Text>   </Normal Text><Unknown Property>marks</Unknown Property><Property Separator>:</Property Separator><Normal Text> crop cross</Normal Text><Separator Symbol>;</Separator Symbol><br/>
0228 <Block Symbol>}</Block Symbol><br/>
0229 <Normal Text></Normal Text><br/>
0230 <At Rule>@page</At Rule><At Rule Text> </At Rule Text><Selector Pseudo>:</Selector Pseudo><At Rule Text>unknown </At Rule Text><Block Symbol>{</Block Symbol><br/>
0231 <Normal Text>   </Normal Text><Property>margin</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>2</Number><Unit>cm</Unit><Separator Symbol>;</Separator Symbol><br/>
0232 <Block Symbol>}</Block Symbol><br/>
0233 <Normal Text></Normal Text><br/>
0234 <At Rule>@document</At Rule><At Rule Text> </At Rule Text><Function>url(</Function><String>"https://www.example.com/"</String><Function>)</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/>
0235 <Normal Text>   </Normal Text><Selector Tag>h1</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/>
0236 <Normal Text>           </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>green</Named Color><Separator Symbol>;</Separator Symbol><br/>
0237 <Normal Text>   </Normal Text><Block Symbol>}</Block Symbol><br/>
0238 <Block Symbol>}</Block Symbol><br/>
0239 <Normal Text></Normal Text><br/>
0240 <At Rule>@charset</At Rule><At Rule Text> </At Rule Text><String>"UTF-8"</String><Separator Symbol>;</Separator Symbol><br/>
0241 <Normal Text></Normal Text><br/>
0242 <At Rule>@import</At Rule><At Rule Text> </At Rule Text><String>'custom.css'</String><Separator Symbol>;</Separator Symbol><br/>
0243 <At Rule>@import</At Rule><At Rule Text> </At Rule Text><String>"common.css"</String><At Rule Text> </At Rule Text><Media Type>screen</Media Type><Separator Symbol>;</Separator Symbol><br/>
0244 <At Rule>@import</At Rule><At Rule Text> </At Rule Text><Function>url(</Function><String>"fineprint.css"</String><Function>)</Function><At Rule Text> </At Rule Text><Media Type>print</Media Type><Separator Symbol>;</Separator Symbol><br/>
0245 <At Rule>@import</At Rule><At Rule Text> </At Rule Text><Function>url(</Function><String>fineprint.css</String><Function>)</Function><At Rule Text> </At Rule Text><Media Type>print</Media Type><Separator Symbol>;</Separator Symbol><br/>
0246 <At Rule>@import</At Rule><At Rule Text> </At Rule Text><Function>url(</Function><String>'bluish.css'</String><Function>)</Function><At Rule Text> </At Rule Text><Media Type>speech</Media Type><Separator Symbol>;</Separator Symbol><br/>
0247 <At Rule>@import</At Rule><At Rule Text> </At Rule Text><Function>url(</Function><String>"chrome://communicator/skin/"</String><Function>)</Function><Separator Symbol>;</Separator Symbol><br/>
0248 <At Rule>@import</At Rule><At Rule Text> </At Rule Text><Function>url(</Function><String>'landscape.css'</String><Function>)</Function><At Rule Text> </At Rule Text><Media Type>screen</Media Type><At Rule Text> </At Rule Text><Keyword>and</Keyword><At Rule Text> </At Rule Text><Condition Open/Close>(</Condition Open/Close><Condition Property>orientation</Condition Property><Property Separator>:</Property Separator><At Rule Text>landscape</At Rule Text><Condition Open/Close>)</Condition Open/Close><Separator Symbol>;</Separator Symbol><br/>
0249 <At Rule>@import</At Rule><At Rule Text> </At Rule Text><Function>url(</Function><String>"othersheet.css"</String><Function>)</Function><At Rule Text> </At Rule Text><Media Type>screen</Media Type><At Rule Text>, </At Rule Text><Media Type>print</Media Type><Separator Symbol>;</Separator Symbol><br/>
0250 <Normal Text></Normal Text><br/>
0251 <At Rule>@namespace</At Rule><At Rule Text> </At Rule Text><Function>url(</Function><String>http://www.w3.org/1999/xhtml</String><Function>)</Function><Separator Symbol>;</Separator Symbol><br/>
0252 <At Rule>@namespace</At Rule><At Rule Text> svg </At Rule Text><Function>url(</Function><String>http://www.w3.org/2000/svg</String><Function>)</Function><Separator Symbol>;</Separator Symbol><br/>
0253 <Normal Text></Normal Text><br/>
0254 <Comment>/* Animation (Keyframes) */</Comment><br/>
0255 <Normal Text></Normal Text><br/>
0256 <At Rule>@keyframes</At Rule><At Rule Text> important1 </At Rule Text><Block Symbol>{</Block Symbol><br/>
0257 <Normal Text>   </Normal Text><Value>from</Value><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Property>margin-top</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>50</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/>
0258 <Normal Text>   </Normal Text><Value>50%</Value><Normal Text>  </Normal Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Property>margin-top</Property><Property Separator>:</Property Separator><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><Block Symbol>}</Block Symbol><Normal Text> </Normal Text><Comment>/* ignored */</Comment><br/>
0259 <Normal Text>   </Normal Text><Value>to</Value><Normal Text>   </Normal Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Property>margin-top</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>100</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/>
0260 <Block Symbol>}</Block Symbol><br/>
0261 <Normal Text></Normal Text><br/>
0262 <At Rule>@keyframes</At Rule><At Rule Text> important2 </At Rule Text><Block Symbol>{</Block Symbol><br/>
0263 <Normal Text>   </Normal Text><Value>from</Value><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Property>margin-top</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>50</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/>
0264 <Normal Text>           </Normal Text><Property>margin-bottom</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>100</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/>
0265 <Normal Text>   </Normal Text><Value>to</Value><Normal Text>   </Normal Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Property>margin-top</Property><Property Separator>:</Property Separator><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/>
0266 <Normal Text>           </Normal Text><Property>margin-bottom</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>50</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/>
0267 <Block Symbol>}</Block Symbol><br/>
0268 <Normal Text></Normal Text><br/>
0269 <At Rule>@keyframes</At Rule><At Rule Text> slidein </At Rule Text><Block Symbol>{</Block Symbol><br/>
0270 <Normal Text>   </Normal Text><Value>from</Value><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/>
0271 <Normal Text>           </Normal Text><Property>margin-left</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>100</Number><Unit>%</Unit><Separator Symbol>;</Separator Symbol><br/>
0272 <Normal Text>           </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>300</Number><Unit>%</Unit><Separator Symbol>;</Separator Symbol><br/>
0273 <Normal Text>   </Normal Text><Block Symbol>}</Block Symbol><br/>
0274 <Normal Text></Normal Text><br/>
0275 <Normal Text>   </Normal Text><Value>to</Value><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/>
0276 <Normal Text>           </Normal Text><Property>margin-left</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>0</Number><Unit>%</Unit><Separator Symbol>;</Separator Symbol><br/>
0277 <Normal Text>           </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>100</Number><Unit>%</Unit><Separator Symbol>;</Separator Symbol><br/>
0278 <Normal Text>   </Normal Text><Block Symbol>}</Block Symbol><br/>
0279 <Block Symbol>}</Block Symbol><br/>
0280 <Normal Text></Normal Text><br/>
0281 <Comment>/* Media Queries */</Comment><br/>
0282 <Normal Text></Normal Text><br/>
0283 <At Rule>@media</At Rule><At Rule Text> </At Rule Text><Media Type>print</Media Type><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/>
0284 <Normal Text>    </Normal Text><Selector Class>.container</Selector Class><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/>
0285 <Normal Text>        </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>100</Number><Unit>%</Unit><Separator Symbol>;</Separator Symbol><br/>
0286 <Normal Text>    </Normal Text><Block Symbol>}</Block Symbol><br/>
0287 <Normal Text>   </Normal Text><Selector Tag>a</Selector Tag><Selector Pseudo>:hover</Selector Pseudo><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>red</Named Color><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/>
0288 <Normal Text>   </Normal Text><Comment>/* comments */</Comment><br/>
0289 <Normal Text>   </Normal Text><Selector Tag>a</Selector Tag><Selector Pseudo>:hover</Selector Pseudo><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><Normal Text> </Normal Text><Property>color</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Named Color>red</Named Color><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/>
0290 <Normal Text></Normal Text><br/>
0291 <Normal Text>   </Normal Text><Selector Id>#header</Selector Id><br/>
0292 <Normal Text>   </Normal Text><Block Symbol>{</Block Symbol><br/>
0293 <Normal Text>           </Normal Text><Property>display</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value>none</Value><Separator Symbol>;</Separator Symbol><br/>
0294 <Normal Text>   </Normal Text><Block Symbol>}</Block Symbol><br/>
0295 <Block Symbol>}</Block Symbol><br/>
0296 <Normal Text></Normal Text><br/>
0297 <At Rule>@media</At Rule><At Rule Text> </At Rule Text><Media Type>screen</Media Type><At Rule Text> </At Rule Text><Keyword>and</Keyword><At Rule Text> </At Rule Text><Condition Open/Close>(</Condition Open/Close><Condition Property>min-width</Condition Property><Property Separator>:</Property Separator><At Rule Text> </At Rule Text><Number>768</Number><Unit>px</Unit><Condition Open/Close>)</Condition Open/Close><At Rule Text> </At Rule Text><Keyword>and</Keyword><At Rule Text> </At Rule Text><Condition Open/Close>(</Condition Open/Close><Condition Property>max-width</Condition Property><Property Separator>:</Property Separator><At Rule Text> </At Rule Text><Number>960</Number><Unit>px</Unit><Condition Open/Close>)</Condition Open/Close><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/>
0298 <Normal Text>    </Normal Text><Selector Class>.container</Selector Class><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/>
0299 <Normal Text>        </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>720</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/>
0300 <Normal Text>    </Normal Text><Block Symbol>}</Block Symbol><br/>
0301 <Block Symbol>}</Block Symbol><br/>
0302 <Normal Text></Normal Text><br/>
0303 <At Rule>@media</At Rule><At Rule Text> </At Rule Text><Condition Open/Close>(</Condition Open/Close><Condition Property>max-width</Condition Property><Property Separator>:</Property Separator><At Rule Text> </At Rule Text><Number>600</Number><Unit>px</Unit><Condition Open/Close>)</Condition Open/Close><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/>
0304 <Normal Text>   </Normal Text><Selector Class>.sidebar</Selector Class><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/>
0305 <Normal Text>           </Normal Text><Property>display</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value>none</Value><Separator Symbol>;</Separator Symbol><br/>
0306 <Normal Text>   </Normal Text><Block Symbol>}</Block Symbol><br/>
0307 <Block Symbol>}</Block Symbol><br/>
0308 <Normal Text></Normal Text><br/>
0309 <At Rule>@media</At Rule><At Rule Text> </At Rule Text><Media Type>print</Media Type><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/>
0310 <Block Symbol>}</Block Symbol><br/>
0311 <Normal Text></Normal Text><br/>
0312 <At Rule>@media</At Rule><At Rule Text> </At Rule Text><Condition Open/Close>(</Condition Open/Close><Condition Property>height</Condition Property><At Rule Text> </At Rule Text><Operator>></Operator><At Rule Text> </At Rule Text><Number>600</Number><Unit>px</Unit><Condition Open/Close>)</Condition Open/Close><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/>
0313 <Normal Text>  </Normal Text><Selector Tag>body</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/>
0314 <Normal Text>    </Normal Text><Property>line-height</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>1.4</Number><Separator Symbol>;</Separator Symbol><br/>
0315 <Normal Text>  </Normal Text><Block Symbol>}</Block Symbol><br/>
0316 <Block Symbol>}</Block Symbol><br/>
0317 <Normal Text></Normal Text><br/>
0318 <At Rule>@media</At Rule><At Rule Text> </At Rule Text><Condition Open/Close>(</Condition Open/Close><Number>400</Number><Unit>px</Unit><At Rule Text> </At Rule Text><Operator><=</Operator><At Rule Text> </At Rule Text><Condition Property>width</Condition Property><At Rule Text> </At Rule Text><Operator><=</Operator><At Rule Text> </At Rule Text><Number>700</Number><Unit>px</Unit><Condition Open/Close>)</Condition Open/Close><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/>
0319 <Normal Text>  </Normal Text><Selector Tag>body</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/>
0320 <Normal Text>    </Normal Text><Property>line-height</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>1.4</Number><Separator Symbol>;</Separator Symbol><br/>
0321 <Normal Text>  </Normal Text><Block Symbol>}</Block Symbol><br/>
0322 <Block Symbol>}</Block Symbol><br/>
0323 <Normal Text></Normal Text><br/>
0324 <At Rule>@supports</At Rule><At Rule Text> </At Rule Text><Condition Open/Close>(</Condition Open/Close><Condition Property>display</Condition Property><Property Separator>:</Property Separator><At Rule Text> </At Rule Text><Value>grid</Value><Condition Open/Close>)</Condition Open/Close><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/>
0325 <Normal Text>   </Normal Text><Selector Tag>div</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/>
0326 <Normal Text>           </Normal Text><Property>display</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value>grid</Value><Separator Symbol>;</Separator Symbol><br/>
0327 <Normal Text>   </Normal Text><Block Symbol>}</Block Symbol><br/>
0328 <Block Symbol>}</Block Symbol><br/>
0329 <Normal Text></Normal Text><br/>
0330 <At Rule>@supports</At Rule><At Rule Text> </At Rule Text><Function>font-tech(</Function><At Rule Text>color-COLRv1</At Rule Text><Function>)</Function><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/>
0331 <Normal Text>  </Normal Text><Property>font-family</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><String>"Bungee Spice"</String><Separator Symbol>;</Separator Symbol><br/>
0332 <Block Symbol>}</Block Symbol><br/>
0333 <Normal Text></Normal Text><br/>
0334 <At Rule>@supports</At Rule><At Rule Text> </At Rule Text><Keyword>not</Keyword><At Rule Text> </At Rule Text><Condition Open/Close>(</Condition Open/Close><Keyword>not</Keyword><At Rule Text> </At Rule Text><Condition Open/Close>(</Condition Open/Close><Condition Property>transform-origin</Condition Property><Property Separator>:</Property Separator><At Rule Text> </At Rule Text><Number>2</Number><Unit>px</Unit><Condition Open/Close>))</Condition Open/Close><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/>
0335 <Normal Text>  </Normal Text><Selector Tag>div</Selector Tag><Normal Text> </Normal Text><Block Symbol>{}</Block Symbol><br/>
0336 <Block Symbol>}</Block Symbol><br/>
0337 <Normal Text></Normal Text><br/>
0338 <At Rule>@supports</At Rule><At Rule Text> </At Rule Text><Condition Open/Close>(</Condition Open/Close><Condition Property>display</Condition Property><Property Separator>:</Property Separator><At Rule Text> </At Rule Text><Value>grid</Value><Condition Open/Close>)</Condition Open/Close><At Rule Text> </At Rule Text><Keyword>and</Keyword><At Rule Text> </At Rule Text><Condition Open/Close>(</Condition Open/Close><Keyword>not</Keyword><At Rule Text> </At Rule Text><Condition Open/Close>(</Condition Open/Close><Condition Property>display</Condition Property><Property Separator>:</Property Separator><At Rule Text> </At Rule Text><Value>inline-grid</Value><Condition Open/Close>))</Condition Open/Close><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/>
0339 <Normal Text>  </Normal Text><Selector Tag>div</Selector Tag><Normal Text> </Normal Text><Block Symbol>{}</Block Symbol><br/>
0340 <Block Symbol>}</Block Symbol><br/>
0341 <Normal Text></Normal Text><br/>
0342 <Comment>/*</Comment><br/>
0343 <Comment> * CSS Syntax Highlight Sample File (Standard)</Comment><br/>
0344 <Comment> *</Comment><br/>
0345 <Comment> * This file contains most CSS syntax, CSS3 properties, @media, @font-face and</Comment><br/>
0346 <Comment> * @keyframes annotations.</Comment><br/>
0347 <Comment> *</Comment><br/>
0348 <Comment> * @author  Guo Yunhe guoyunhebrave@gmail.com</Comment><br/>
0349 <Comment> * @date    2016-09-16</Comment><br/>
0350 <Comment> */</Comment><br/>
0351 <Normal Text></Normal Text><br/>
0352 <Comment>/*</Comment><br/>
0353 <Comment> * Block comment</Comment><br/>
0354 <Comment> *</Comment><br/>
0355 <Comment> * Alert keywords:</Comment><br/>
0356 <Comment> * </Comment><Alert Level 2>TODO</Alert Level 2><Comment> </Comment><Alert Level 2>BUG</Alert Level 2><Comment> </Comment><Alert Level 2>FIXME</Alert Level 2><br/>
0357 <Comment> */</Comment><br/>
0358 <Normal Text></Normal Text><br/>
0359 <Normal Text></Normal Text><br/>
0360 <Comment>/* Region markers */</Comment><br/>
0361 <Normal Text></Normal Text><br/>
0362 <Region Marker>/*BEGIN Comment */</Region Marker><br/>
0363 <Normal Text></Normal Text><br/>
0364 <Normal Text></Normal Text><br/>
0365 <Region Marker>/*END Comment */</Region Marker><br/>
0366 <Normal Text></Normal Text><br/>
0367 <Comment>/*</Comment><br/>
0368 <Comment> * CSS Syntax Highlight Sample File (Complex)</Comment><br/>
0369 <Comment> *</Comment><br/>
0370 <Comment> * This file contains complex CSS syntax that can test unexpected situations.</Comment><br/>
0371 <Comment> *</Comment><br/>
0372 <Comment> * @author  Guo Yunhe guoyunhebrave@gmail.com</Comment><br/>
0373 <Comment> * @date    2016-09-16</Comment><br/>
0374 <Comment> */</Comment><br/>
0375 <Normal Text></Normal Text><br/>
0376 <Normal Text></Normal Text><br/>
0377 <Comment>/* Comments with special content */</Comment><br/>
0378 <Normal Text></Normal Text><br/>
0379 <Comment>/*</Comment><br/>
0380 <Comment> * .class-selector #id "string" 'comment' // comment {} [] ()  /* comment</Comment><br/>
0381 <Comment> * </Comment><Alert Level 2>TODO</Alert Level 2><Comment> </Comment><Alert Level 2>BUG</Alert Level 2><Comment> DEBUG</Comment><br/>
0382 <Comment> * body {</Comment><br/>
0383 <Comment> *    margin: 0 !important;</Comment><br/>
0384 <Comment> * }</Comment><br/>
0385 <Comment> */</Comment><br/>
0386 <Normal Text></Normal Text><br/>
0387 <Comment>/* Comments in special positions */</Comment><br/>
0388 <Normal Text></Normal Text><br/>
0389 <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><Block Symbol>{</Block Symbol><br/>
0390 <Normal Text>    </Normal Text><Comment>/* comment here */</Comment><Normal Text> </Normal Text><Property>color</Property><Normal Text> </Normal Text><Property Separator>:</Property Separator><Normal Text> </Normal Text><Comment>/* comment here */</Comment><Normal Text> </Normal Text><Named Color>blue</Named Color><Comment>/* comment here */</Comment><Separator Symbol>;</Separator Symbol><br/>
0391 <Normal Text>    </Normal Text><Property>font-family</Property><Property Separator>:</Property Separator><Normal Text> Arial </Normal Text><Comment>/* comment here */</Comment><Separator Symbol>,</Separator Symbol><br/>
0392 <Normal Text>        </Normal Text><String>"Droid Sans"</String><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Comment>/* comment here */</Comment><br/>
0393 <Normal Text>        </Normal Text><Value>sans-serif</Value><Comment>/* comment here */</Comment><Separator Symbol>;</Separator Symbol><br/>
0394 <Block Symbol>}</Block Symbol><br/>
0395 <Normal Text></Normal Text><br/>
0396 <At Rule>@media</At Rule><At Rule Text> </At Rule Text><Media Type>screen</Media Type><At Rule Text> </At Rule Text><Comment>/* comment here */</Comment><At Rule Text> </At Rule Text><Keyword>and</Keyword><At Rule Text> </At Rule Text><Condition Open/Close>(</Condition Open/Close><Condition Property>max-width</Condition Property><Property Separator>:</Property Separator><At Rule Text> </At Rule Text><Number>300</Number><Unit>px</Unit><At Rule Text> </At Rule Text><Comment>/* comment here */</Comment><Condition Open/Close>)</Condition Open/Close><At Rule Text> </At Rule Text><Comment>/* comment here */</Comment><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><Comment>/* comment here */</Comment><Block Symbol>}</Block Symbol><br/>
0397 <Normal Text></Normal Text><br/>
0398 <Normal Text></Normal Text><br/>
0399 <Comment>/* Strings with special content */</Comment><br/>
0400 <Normal Text></Normal Text><br/>
0401 <At Rule>@import</At Rule><At Rule Text> </At Rule Text><Function>url(</Function><String>"{} $variable /* comment */"</String><Function>)</Function><Separator Symbol>;</Separator Symbol><br/>
0402 <Normal Text></Normal Text><br/>
0403 <Normal Text></Normal Text><br/>
0404 <Comment>/* Without extra breaklines and spaces */</Comment><br/>
0405 <Normal Text></Normal Text><br/>
0406 <Selector Tag>pre</Selector Tag><Selector Class>.primary</Selector Class><Selector Pseudo>:hover</Selector Pseudo><Selector Class>.large</Selector Class><Selector Pseudo>:nth-child(</Selector Pseudo><Number>2</Number><Unit>n</Unit><Operator>-</Operator><Number>1</Number><Selector Pseudo>)</Selector Pseudo><Block Symbol>{</Block Symbol><Property>font-size</Property><Property Separator>:</Property Separator><Number>17</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><Property>font-family</Property><Property Separator>:</Property Separator><String>"Noto Sans"</String><Separator Symbol>;</Separator Symbol><Vendor Property>-webkit-box-shadow</Vendor Property><Property Separator>:</Property Separator><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><Block Symbol>}</Block Symbol><br/>
0407 <Normal Text></Normal Text><br/>
0408 <Normal Text></Normal Text><br/>
0409 <Comment>/* With unnecessary breaklines and spaces */</Comment><br/>
0410 <Normal Text></Normal Text><br/>
0411 <Selector Tag>blockquote</Selector Tag><Normal Text> </Normal Text><Selector Class>.ref</Selector Class><br/>
0412 <Normal Text>    </Normal Text><Block Symbol>{</Block Symbol><br/>
0413 <Normal Text>             </Normal Text><Property>flex</Property><Normal Text> </Normal Text><Property Separator>:</Property Separator><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/>
0414 <Normal Text>        </Normal Text><Property>flex-wrap</Property><Normal Text> </Normal Text><Property Separator>:</Property Separator><Normal Text> </Normal Text><Value>wrap</Value><Separator Symbol>;</Separator Symbol><br/>
0415 <Normal Text>    </Normal Text><Block Symbol>}</Block Symbol><br/>
0416 <Normal Text></Normal Text><br/>
0417 <At Rule>@media</At Rule><At Rule Text> </At Rule Text><Media Type>screen</Media Type><At Rule Text> </At Rule Text><Keyword>and</Keyword><At Rule Text> </At Rule Text><Condition Open/Close>(</Condition Open/Close><Condition Property>orientation</Condition Property><Property Separator>:</Property Separator><At Rule Text> landscape</At Rule Text><Condition Open/Close>)</Condition Open/Close><At Rule Text> </At Rule Text><Block Symbol>{</Block Symbol><br/>
0418 <Normal Text>  </Normal Text><Selector Class>.sidebar</Selector Class><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/>
0419 <Normal Text>    </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>500</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><Normal Text> </Normal Text><Block Symbol>}</Block Symbol><br/>
0420 <Normal Text></Normal Text><br/>
0421 <Normal Text></Normal Text><br/>
0422 <Comment>/* Special selectors: HTML5 allows user defined tags */</Comment><br/>
0423 <Normal Text></Normal Text><br/>
0424 <Selector Tag>header</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/>
0425 <Normal Text>    </Normal Text><Property>flex</Property><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/>
0426 <Normal Text>        </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>300</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/>
0427 <Normal Text>    </Normal Text><Block Symbol>}</Block Symbol><br/>
0428 <Block Symbol>}</Block Symbol><br/>
0429 <Normal Text></Normal Text><br/>
0430 <Comment>/* CSS Nesting */</Comment><br/>
0431 <Normal Text></Normal Text><br/>
0432 <Selector Tag>header</Selector Tag><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/>
0433 <Normal Text>    </Normal Text><Selector Class>.abc</Selector Class><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/>
0434 <Normal Text>        </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>300</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/>
0435 <Normal Text>    </Normal Text><Block Symbol>}</Block Symbol><br/>
0436 <Normal Text>    </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>300</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/>
0437 <Normal Text>    </Normal Text><Selector Symbol>&</Selector Symbol><Normal Text> </Normal Text><Selector Tag>width</Selector Tag><Selector Pseudo>:hover</Selector Pseudo><Normal Text> </Normal Text><Block Symbol>{</Block Symbol><br/>
0438 <Normal Text>        </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>300</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/>
0439 <Normal Text>    </Normal Text><Block Symbol>}</Block Symbol><br/>
0440 <Normal Text>    </Normal Text><Property>width</Property><Property Separator>:</Property Separator><Normal Text> </Normal Text><Number>300</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/>
0441 <Block Symbol>}</Block Symbol><br/>