Differential D14137 Diff 37912 autotests/reference/review128925-1.css.ref

Changeset View

Standalone View

View Options

autotests/reference/review128925-1.css.ref

Show All 9 Lines
10<dsNormal></dsNormal><br/> 10​<dsNormal></dsNormal><br/>
11<Comment>/*</Comment><br/> 11​<Comment>/*</Comment><br/>
12<Comment> * Block comment</Comment><br/> 12​<Comment> * Block comment</Comment><br/>
13<Comment> *</Comment><br/> 13​<Comment> *</Comment><br/>
14<Comment> * Alert keywords:</Comment><br/> 14​<Comment> * Alert keywords:</Comment><br/>
15<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/> 15​<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/>
16<Comment> */</Comment><br/> 16​<Comment> */</Comment><br/>
17<dsNormal></dsNormal><br/> 17​<dsNormal></dsNormal><br/>
18<At Rule>@charset</At Rule><Normal Text> </Normal Text><String>"UTF-8"</String><Normal Text>;</Normal Text><br/> 18​<At Rule>@charset</At Rule><Normal Text> </Normal Text><String>"UTF-8"</String><Separator Symbol>;</Separator Symbol><br/>
19<dsNormal></dsNormal><br/> 19​<dsNormal></dsNormal><br/>
20<At Rule>@import</At Rule><Normal Text> url(</Normal Text><String>"components/button.css"</String><Normal Text>);</Normal Text><br/> 20​<At Rule>@import</At Rule><Normal Text> </Normal Text><Function>url(</Function><String>"components/button.css"</String><Function>)</Function><Separator Symbol>;</Separator Symbol><br/>
21<dsNormal></dsNormal><br/> 21​<dsNormal></dsNormal><br/>
22<dsNormal></dsNormal><br/> 22​<dsNormal></dsNormal><br/>
23<Comment>/* Properties */</Comment><br/> 23​<Comment>/* Properties */</Comment><br/>
24<dsNormal></dsNormal><br/> 24​<dsNormal></dsNormal><br/>
25<Normal Text>html, body {</Normal Text><br/> 25​<Selector Tag>html</Selector Tag><Separator Symbol>,</Separator Symbol><Normal Text> </Normal Text><Selector Tag>body</Selector Tag><Normal Text> {</Normal Text><br/>
26<Normal Text> </Normal Text><Property>font-family</Property><Normal Text>: </Normal Text><String>"Droid Sans"</String><Normal Text>, Arial, </Normal Text><Value>sans-serif</Value><Normal Text>;</Normal Text><br/> 26​<Normal Text> </Normal Text><Property>font-family</Property><Normal Text>: </Normal Text><String>"Droid Sans"</String><Normal Text>, Arial, </Normal Text><Value>sans-serif</Value><Separator Symbol>;</Separator Symbol><br/>
27<Normal Text> </Normal Text><Property>font-size</Property><Normal Text>: </Normal Text><Value>11pt</Value><Normal Text>;</Normal Text><br/> 27​<Normal Text> </Normal Text><Property>font-size</Property><Normal Text>: </Normal Text><Number>11</Number><Unit>pt</Unit><Separator Symbol>;</Separator Symbol><br/>
28<Normal Text> </Normal Text><Property>line-height</Property><Normal Text>: </Normal Text><Value>1.5em</Value><Normal Text>;</Normal Text><br/> 28​<Normal Text> </Normal Text><Property>line-height</Property><Normal Text>: </Normal Text><Number>1.5</Number><Unit>em</Unit><Separator Symbol>;</Separator Symbol><br/>
29<Normal Text> </Normal Text><Property>max-width</Property><Normal Text>: calc(</Normal Text><Value>100%</Value><Normal Text> - </Normal Text><Value>300px</Value><Normal Text>);</Normal Text><br/> 29​<Normal Text> </Normal Text><Property>max-width</Property><Normal Text>: </Normal Text><Function>calc(</Function><Number>100</Number><Unit>%</Unit><Normal Text> </Normal Text><Operator>-</Operator><Normal Text> </Normal Text><Number>300</Number><Unit>px</Unit><Function>)</Function><Separator Symbol>;</Separator Symbol><br/>
30<Normal Text> </Normal Text><Property>background</Property><Normal Text>: </Normal Text><Value>#fff000</Value><Normal Text>;</Normal Text><br/> 30​<Normal Text> </Normal Text><Property>background</Property><Normal Text>: </Normal Text><Color>#fff000</Color><Separator Symbol>;</Separator Symbol><br/>
31<Normal Text> </Normal Text><Property>text-shadow</Property><Normal Text>: </Normal Text><Value>0</Value><Normal Text> </Normal Text><Value>0</Value><Normal Text> </Normal Text><Value>2px</Value><Normal Text> </Normal Text><Function>rgba</Function><Normal Text>(</Normal Text><Value>0</Value><Normal Text>, </Normal Text><Value>0</Value><Normal Text>, </Normal Text><Value>0</Value><Normal Text>, </Normal Text><Value>0.3</Value><Normal Text>);</Normal Text><br/> 31​<Normal Text> </Normal Text><Property>text-shadow</Property><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/>
32<Normal Text> </Normal Text><Property>box-sizing</Property><Normal Text>: </Normal Text><Value>border-box</Value><Normal Text>;</Normal Text><br/> 32​<Normal Text> </Normal Text><Property>box-sizing</Property><Normal Text>: </Normal Text><Value>border-box</Value><Separator Symbol>;</Separator Symbol><br/>
33<Normal Text>}</Normal Text><br/> 33​<Normal Text>}</Normal Text><br/>
34<dsNormal></dsNormal><br/> 34​<dsNormal></dsNormal><br/>
35<dsNormal></dsNormal><br/> 35​<dsNormal></dsNormal><br/>
36<Comment>/* Selectors */</Comment><br/> 36​<Comment>/* Selectors */</Comment><br/>
37<dsNormal></dsNormal><br/> 37​<dsNormal></dsNormal><br/>
38<Normal Text>blockquote {</Normal Text><br/> 38​<Selector Tag>blockquote</Selector Tag><Normal Text> {</Normal Text><br/>
39<Normal Text> </Normal Text><Property>margin</Property><Normal Text>: </Normal Text><Value>0</Value><Normal Text>;</Normal Text><br/> 39​<Normal Text> </Normal Text><Property>margin</Property><Normal Text>: </Normal Text><Number>0</Number><Separator Symbol>;</Separator Symbol><br/>
40<Normal Text>}</Normal Text><br/> 40​<Normal Text>}</Normal Text><br/>
41<dsNormal></dsNormal><br/> 41​<dsNormal></dsNormal><br/>
42<Normal Text>header </Normal Text><Selector Id>#logo</Selector Id><Normal Text> {</Normal Text><br/> 42​<Selector Tag>header</Selector Tag><Normal Text> </Normal Text><Selector Id>#logo</Selector Id><Normal Text> {</Normal Text><br/>
43<Normal Text> </Normal Text><Property>width</Property><Normal Text>: </Normal Text><Value>100px</Value><Normal Text>;</Normal Text><br/> 43​<Normal Text> </Normal Text><Property>width</Property><Normal Text>: </Normal Text><Number>100</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/>
44<Normal Text>}</Normal Text><br/> 44​<Normal Text>}</Normal Text><br/>
45<dsNormal></dsNormal><br/> 45​<dsNormal></dsNormal><br/>
46<Normal Text>div</Normal Text><Selector Id>#footer</Selector Id><Normal Text> </Normal Text><Selector Class>.link</Selector Class><Normal Text> {</Normal Text><br/> 46​<Selector Tag>div</Selector Tag><Selector Id>#footer</Selector Id><Normal Text> </Normal Text><Selector Class>.link</Selector Class><Normal Text> {</Normal Text><br/>
47<Normal Text> </Normal Text><Property>color</Property><Normal Text>: </Normal Text><Value>blue</Value><Normal Text>;</Normal Text><br/> 47​<Normal Text> </Normal Text><Property>color</Property><Normal Text>: </Normal Text><Color>blue</Color><Separator Symbol>;</Separator Symbol><br/>
48<Normal Text>}</Normal Text><br/> 48​<Normal Text>}</Normal Text><br/>
49<dsNormal></dsNormal><br/> 49​<dsNormal></dsNormal><br/>
50<Normal Text>sidebar </Normal Text><Selector Id>#subscribe</Selector Id><Normal Text> </Normal Text><Selector Class>.subscribe_form</Selector Class><Normal Text> input</Normal Text><Selector Attribute>[type=</Selector Attribute><String>"text"</String><Selector Attribute>]</Selector Attribute><Normal Text> {</Normal Text><br/> 50​<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>[type</Selector Attribute><Operator>=</Operator><String>"text"</String><Selector Attribute>]</Selector Attribute><Normal Text> {</Normal Text><br/>
51<Normal Text> </Normal Text><Property>font-size</Property><Normal Text>: </Normal Text><Value>20px</Value><Normal Text>;</Normal Text><br/> 51​<Normal Text> </Normal Text><Property>font-size</Property><Normal Text>: </Normal Text><Number>20</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/>
52<Normal Text>}</Normal Text><br/> 52​<Normal Text>}</Normal Text><br/>
53<dsNormal></dsNormal><br/> 53​<dsNormal></dsNormal><br/>
54<Normal Text>sidebar </Normal Text><Selector Id>#subscribe</Selector Id><Normal Text> </Normal Text><Selector Class>.subscribe_form</Selector Class><Selector Pseudo>:nth-child</Selector Pseudo><Normal Text>(2n + 1)</Normal Text><Selector Pseudo>:hover</Selector Pseudo><Normal Text> input</Normal Text><Selector Attribute>[class*=</Selector Attribute><String>"small-"</String><Selector Attribute>]</Selector Attribute><Normal Text> {</Normal Text><br/> 54​<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(2n + 1):hover</Selector Pseudo><Normal Text> </Normal Text><Selector Tag>input</Selector Tag><Selector Attribute>[class</Selector Attribute><Operator>*=</Operator><String>"small-"</String><Selector Attribute>]</Selector Attribute><Normal Text> {</Normal Text><br/>
55<Normal Text> </Normal Text><Property>font-weight</Property><Normal Text>: </Normal Text><Value>bold</Value><Normal Text>;</Normal Text><br/> 55​<Normal Text> </Normal Text><Property>font-weight</Property><Normal Text>: </Normal Text><Value>bold</Value><Separator Symbol>;</Separator Symbol><br/>
56<Normal Text>}</Normal Text><br/> 56​<Normal Text>}</Normal Text><br/>
57<dsNormal></dsNormal><br/> 57​<dsNormal></dsNormal><br/>
58<dsNormal></dsNormal><br/> 58​<dsNormal></dsNormal><br/>
59<Comment>/* Media Queries */</Comment><br/> 59​<Comment>/* Media Queries */</Comment><br/>
60<dsNormal></dsNormal><br/> 60​<dsNormal></dsNormal><br/>
61<At Rule>@media</At Rule><Normal Text> </Normal Text><Value>print</Value><Normal Text> {</Normal Text><br/> 61​<At Rule>@media</At Rule><Normal Text> </Normal Text><Value>print</Value><Normal Text> {</Normal Text><br/>
62<Normal Text> </Normal Text><Selector Class>.container</Selector Class><Normal Text> {</Normal Text><br/> 62​<Normal Text> </Normal Text><Selector Class>.container</Selector Class><Normal Text> {</Normal Text><br/>
63<Normal Text> </Normal Text><Property>width</Property><Normal Text>: </Normal Text><Value>100%</Value><Normal Text>;</Normal Text><br/> 63​<Normal Text> </Normal Text><Property>width</Property><Normal Text>: </Normal Text><Number>100</Number><Unit>%</Unit><Separator Symbol>;</Separator Symbol><br/>
64<Normal Text> }</Normal Text><br/> 64​<Normal Text> }</Normal Text><br/>
65<Normal Text>}</Normal Text><br/> 65​<Normal Text>}</Normal Text><br/>
66<dsNormal></dsNormal><br/> 66​<dsNormal></dsNormal><br/>
67<At Rule>@media</At Rule><Normal Text> </Normal Text><Value>screen</Value><Normal Text> and (</Normal Text><Property>min-width</Property><Normal Text>: </Normal Text><Value>768px</Value><Normal Text>) {</Normal Text><br/> 67​<At Rule>@media</At Rule><Normal Text> </Normal Text><Value>screen</Value><Normal Text> </Normal Text><Keyword>and</Keyword><Normal Text> (</Normal Text><Property>min-width</Property><Normal Text>: </Normal Text><Number>768</Number><Unit>px</Unit><Normal Text>) {</Normal Text><br/>
68<Normal Text> </Normal Text><Selector Class>.container</Selector Class><Normal Text> {</Normal Text><br/> 68​<Normal Text> </Normal Text><Selector Class>.container</Selector Class><Normal Text> {</Normal Text><br/>
69<Normal Text> </Normal Text><Property>width</Property><Normal Text>: </Normal Text><Value>600px</Value><Normal Text>;</Normal Text><br/> 69​<Normal Text> </Normal Text><Property>width</Property><Normal Text>: </Normal Text><Number>600</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/>
70<Normal Text> }</Normal Text><br/> 70​<Normal Text> }</Normal Text><br/>
71<Normal Text>}</Normal Text><br/> 71​<Normal Text>}</Normal Text><br/>
72<dsNormal></dsNormal><br/> 72​<dsNormal></dsNormal><br/>
73<At Rule>@media</At Rule><Normal Text> </Normal Text><Value>screen</Value><Normal Text> and (</Normal Text><Property>min-width</Property><Normal Text>: </Normal Text><Value>768px</Value><Normal Text>) and (</Normal Text><Property>max-width</Property><Normal Text>: </Normal Text><Value>960px</Value><Normal Text>) {</Normal Text><br/> 73​<At Rule>@media</At Rule><Normal Text> </Normal Text><Value>screen</Value><Normal Text> </Normal Text><Keyword>and</Keyword><Normal Text> (</Normal Text><Property>min-width</Property><Normal Text>: </Normal Text><Number>768</Number><Unit>px</Unit><Normal Text>) </Normal Text><Keyword>and</Keyword><Normal Text> (</Normal Text><Property>max-width</Property><Normal Text>: </Normal Text><Number>960</Number><Unit>px</Unit><Normal Text>) {</Normal Text><br/>
74<Normal Text> </Normal Text><Selector Class>.container</Selector Class><Normal Text> {</Normal Text><br/> 74​<Normal Text> </Normal Text><Selector Class>.container</Selector Class><Normal Text> {</Normal Text><br/>
75<Normal Text> </Normal Text><Property>width</Property><Normal Text>: </Normal Text><Value>720px</Value><Normal Text>;</Normal Text><br/> 75​<Normal Text> </Normal Text><Property>width</Property><Normal Text>: </Normal Text><Number>720</Number><Unit>px</Unit><Separator Symbol>;</Separator Symbol><br/>
76<Normal Text> }</Normal Text><br/> 76​<Normal Text> }</Normal Text><br/>
77<Normal Text>}</Normal Text><br/> 77​<Normal Text>}</Normal Text><br/>
78<dsNormal></dsNormal><br/> 78​<dsNormal></dsNormal><br/>
79<dsNormal></dsNormal><br/> 79​<dsNormal></dsNormal><br/>
80<Comment>/* Fontface */</Comment><br/> 80​<Comment>/* Fontface */</Comment><br/>
81<dsNormal></dsNormal><br/> 81​<dsNormal></dsNormal><br/>
82<At Rule>@font-face</At Rule><Normal Text> {</Normal Text><br/> 82​<At Rule>@font-face</At Rule><Normal Text> {</Normal Text><br/>
83<Normal Text> </Normal Text><Property>font-family</Property><Normal Text>: MyHelvetica;</Normal Text><br/> 83​<Normal Text> </Normal Text><Property>font-family</Property><Normal Text>: MyHelvetica</Normal Text><Separator Symbol>;</Separator Symbol><br/>
84<Normal Text> </Normal Text><Property>src</Property><Normal Text>: </Normal Text><Function>local</Function><Normal Text>(</Normal Text><String>"Helvetica Neue Bold"</String><Normal Text>),</Normal Text><br/> 84​<Normal Text> </Normal Text><Property>src</Property><Normal Text>: </Normal Text><Function>local(</Function><String>"Helvetica Neue Bold"</String><Function>)</Function><Normal Text>,</Normal Text><br/>
85<Normal Text> </Normal Text><Function>local</Function><Normal Text>(</Normal Text><String>"HelveticaNeue-Bold"</String><Normal Text>),</Normal Text><br/> 85​<Normal Text> </Normal Text><Function>local(</Function><String>"HelveticaNeue-Bold"</String><Function>)</Function><Normal Text>,</Normal Text><br/>
86<Normal Text> </Normal Text><Function>url</Function><Normal Text>(MgOpenModernaBold</Normal Text><Value>.</Value><Normal Text>ttf);</Normal Text><br/> 86​<Normal Text> </Normal Text><Function>url(</Function><String>MgOpenModernaBold.ttf</String><Function>)</Function><Separator Symbol>;</Separator Symbol><br/>
87<Normal Text> </Normal Text><Property>font-weight</Property><Normal Text>: </Normal Text><Value>bold</Value><Normal Text>;</Normal Text><br/> 87​<Normal Text> </Normal Text><Property>font-weight</Property><Normal Text>: </Normal Text><Value>bold</Value><Separator Symbol>;</Separator Symbol><br/>
88<Normal Text>}</Normal Text><br/> 88​<Normal Text>}</Normal Text><br/>
89<dsNormal></dsNormal><br/> 89​<dsNormal></dsNormal><br/>
90<Comment>/* Animation (Keyframes) */</Comment><br/> 90​<Comment>/* Animation (Keyframes) */</Comment><br/>
91<dsNormal></dsNormal><br/> 91​<dsNormal></dsNormal><br/>
92<At Rule>@keyframes</At Rule><Normal Text> slidein {</Normal Text><br/> 92​<At Rule>@keyframes</At Rule><Normal Text> slidein {</Normal Text><br/>
93<Normal Text> from {</Normal Text><br/> 93​<Normal Text> </Normal Text><Value>from</Value><Normal Text> {</Normal Text><br/>
94<Normal Text> </Normal Text><Property>margin-left</Property><Normal Text>: </Normal Text><Value>100%</Value><Normal Text>;</Normal Text><br/> 94​<Normal Text> </Normal Text><Property>margin-left</Property><Normal Text>: </Normal Text><Number>100</Number><Unit>%</Unit><Separator Symbol>;</Separator Symbol><br/>
95<Normal Text> </Normal Text><Property>width</Property><Normal Text>: </Normal Text><Value>300%</Value><Normal Text>;</Normal Text><br/> 95​<Normal Text> </Normal Text><Property>width</Property><Normal Text>: </Normal Text><Number>300</Number><Unit>%</Unit><Separator Symbol>;</Separator Symbol><br/>
96<Normal Text> }</Normal Text><br/> 96​<Normal Text> }</Normal Text><br/>
97<dsNormal></dsNormal><br/> 97​<dsNormal></dsNormal><br/>
98<Normal Text> to {</Normal Text><br/> 98​<Normal Text> </Normal Text><Value>to</Value><Normal Text> {</Normal Text><br/>
99<Normal Text> </Normal Text><Property>margin-left</Property><Normal Text>: </Normal Text><Value>0%</Value><Normal Text>;</Normal Text><br/> 99​<Normal Text> </Normal Text><Property>margin-left</Property><Normal Text>: </Normal Text><Number>0</Number><Unit>%</Unit><Separator Symbol>;</Separator Symbol><br/>
100<Normal Text> </Normal Text><Property>width</Property><Normal Text>: </Normal Text><Value>100%</Value><Normal Text>;</Normal Text><br/> 100​<Normal Text> </Normal Text><Property>width</Property><Normal Text>: </Normal Text><Number>100</Number><Unit>%</Unit><Separator Symbol>;</Separator Symbol><br/>
101<Normal Text> }</Normal Text><br/> 101​<Normal Text> }</Normal Text><br/>
102<Normal Text>}</Normal Text><br/> 102​<Normal Text>}</Normal Text><br/>
103<dsNormal></dsNormal><br/> 103​<dsNormal></dsNormal><br/>
104<dsNormal></dsNormal><br/> 104​<dsNormal></dsNormal><br/>
105<Comment>/* Region markers */</Comment><br/> 105​<Comment>/* Region markers */</Comment><br/>
106<dsNormal></dsNormal><br/> 106​<dsNormal></dsNormal><br/>
107<Region Marker>/*BEGIN Comment */</Region Marker><br/> 107​<Region Marker>/*BEGIN Comment */</Region Marker><br/>
108<dsNormal></dsNormal><br/> 108​<dsNormal></dsNormal><br/>
109<dsNormal></dsNormal><br/> 109​<dsNormal></dsNormal><br/>
110<dsNormal></dsNormal><br/> 110​<dsNormal></dsNormal><br/>
111<Region Marker>/*END Comment */</Region Marker><br/> 111​<Region Marker>/*END Comment */</Region Marker><br/>
112<dsNormal></dsNormal><br/> 112​<dsNormal></dsNormal><br/>