OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <script src="../../resources/check-layout.js"></script> | 3 <script src="../../resources/check-layout.js"></script> |
4 <link href="resources/grid.css" rel="stylesheet"> | 4 <link href="resources/grid.css" rel="stylesheet"> |
5 <style> | 5 <style> |
6 .grid { | 6 .grid { |
7 grid-template-rows: 100px 100px; | 7 grid-template-rows: 100px 100px; |
8 grid-template-columns: 100px 100px; | 8 grid-template-columns: 100px 100px; |
9 width: 200px; | 9 width: 200px; |
10 } | 10 } |
(...skipping 29 matching lines...) Expand all Loading... |
40 | 40 |
41 <div style="position: relative"> | 41 <div style="position: relative"> |
42 <div class="grid verticalLR" data-expected-width="200" data-expected-height=
"200"> | 42 <div class="grid verticalLR" data-expected-width="200" data-expected-height=
"200"> |
43 <div class="gridItem firstRowFirstColumn" data-offset-x="50" data-offset
-y="20" data-expected-width="20" data-expected-height="40"></div> | 43 <div class="gridItem firstRowFirstColumn" data-offset-x="50" data-offset
-y="20" data-expected-width="20" data-expected-height="40"></div> |
44 <div class="gridItem firstRowSecondColumn" data-offset-x="50" data-offse
t-y="120" data-expected-width="20" data-expected-height="40"></div> | 44 <div class="gridItem firstRowSecondColumn" data-offset-x="50" data-offse
t-y="120" data-expected-width="20" data-expected-height="40"></div> |
45 <div class="gridItem secondRowFirstColumn" data-offset-x="150" data-offs
et-y="20" data-expected-width="20" data-expected-height="40"></div> | 45 <div class="gridItem secondRowFirstColumn" data-offset-x="150" data-offs
et-y="20" data-expected-width="20" data-expected-height="40"></div> |
46 <div class="gridItem secondRowSecondColumn" data-offset-x="150" data-off
set-y="120" data-expected-width="20" data-expected-height="40"></div> | 46 <div class="gridItem secondRowSecondColumn" data-offset-x="150" data-off
set-y="120" data-expected-width="20" data-expected-height="40"></div> |
47 </div> | 47 </div> |
48 </div> | 48 </div> |
49 | 49 |
50 <div style="position: relative"> | |
51 <div class="grid horizontalBT" data-expected-width="200" data-expected-heigh
t="200"> | |
52 <div class="gridItem firstRowFirstColumn" data-offset-x="50" data-offset
-y="120" data-expected-width="20" data-expected-height="40"></div> | |
53 <div class="gridItem firstRowSecondColumn" data-offset-x="150" data-offs
et-y="120" data-expected-width="20" data-expected-height="40"></div> | |
54 <div class="gridItem secondRowFirstColumn" data-offset-x="50" data-offse
t-y="20" data-expected-width="20" data-expected-height="40"></div> | |
55 <div class="gridItem secondRowSecondColumn" data-offset-x="150" data-off
set-y="20" data-expected-width="20" data-expected-height="40"></div> | |
56 </div> | |
57 </div> | |
58 | |
59 <!-- rtl direction --> | 50 <!-- rtl direction --> |
60 <div style="position: relative"> | 51 <div style="position: relative"> |
61 <div class="grid directionRTL" data-expected-width="200" data-expected-heigh
t="200"> | 52 <div class="grid directionRTL" data-expected-width="200" data-expected-heigh
t="200"> |
62 <div class="gridItem firstRowFirstColumn" data-offset-x="150" data-offse
t-y="20" data-expected-width="20" data-expected-height="40"></div> | 53 <div class="gridItem firstRowFirstColumn" data-offset-x="150" data-offse
t-y="20" data-expected-width="20" data-expected-height="40"></div> |
63 <div class="gridItem firstRowSecondColumn" data-offset-x="50" data-offse
t-y="20" data-expected-width="20" data-expected-height="40"></div> | 54 <div class="gridItem firstRowSecondColumn" data-offset-x="50" data-offse
t-y="20" data-expected-width="20" data-expected-height="40"></div> |
64 <div class="gridItem secondRowFirstColumn" data-offset-x="150" data-offs
et-y="120" data-expected-width="20" data-expected-height="40"></div> | 55 <div class="gridItem secondRowFirstColumn" data-offset-x="150" data-offs
et-y="120" data-expected-width="20" data-expected-height="40"></div> |
65 <div class="gridItem secondRowSecondColumn" data-offset-x="50" data-offs
et-y="120" data-expected-width="20" data-expected-height="40"></div> | 56 <div class="gridItem secondRowSecondColumn" data-offset-x="50" data-offs
et-y="120" data-expected-width="20" data-expected-height="40"></div> |
66 </div> | 57 </div> |
67 </div> | 58 </div> |
68 | 59 |
69 <div style="position: relative"> | 60 <div style="position: relative"> |
70 <div class="grid verticalRL directionRTL" data-expected-width="200" data-exp
ected-height="200"> | 61 <div class="grid verticalRL directionRTL" data-expected-width="200" data-exp
ected-height="200"> |
71 <div class="gridItem firstRowFirstColumn" data-offset-x="150" data-offse
t-y="120" data-expected-width="20" data-expected-height="40"></div> | 62 <div class="gridItem firstRowFirstColumn" data-offset-x="150" data-offse
t-y="120" data-expected-width="20" data-expected-height="40"></div> |
72 <div class="gridItem firstRowSecondColumn" data-offset-x="150" data-offs
et-y="20" data-expected-width="20" data-expected-height="40"></div> | 63 <div class="gridItem firstRowSecondColumn" data-offset-x="150" data-offs
et-y="20" data-expected-width="20" data-expected-height="40"></div> |
73 <div class="gridItem secondRowFirstColumn" data-offset-x="50" data-offse
t-y="120" data-expected-width="20" data-expected-height="40"></div> | 64 <div class="gridItem secondRowFirstColumn" data-offset-x="50" data-offse
t-y="120" data-expected-width="20" data-expected-height="40"></div> |
74 <div class="gridItem secondRowSecondColumn" data-offset-x="50" data-offs
et-y="20" data-expected-width="20" data-expected-height="40"></div> | 65 <div class="gridItem secondRowSecondColumn" data-offset-x="50" data-offs
et-y="20" data-expected-width="20" data-expected-height="40"></div> |
75 </div> | 66 </div> |
76 </div> | 67 </div> |
77 | 68 |
78 <div style="position: relative"> | 69 <div style="position: relative"> |
79 <div class="grid verticalLR directionRTL" data-expected-width="200" data-exp
ected-height="200"> | 70 <div class="grid verticalLR directionRTL" data-expected-width="200" data-exp
ected-height="200"> |
80 <div class="gridItem firstRowFirstColumn" data-offset-x="50" data-offset
-y="120" data-expected-width="20" data-expected-height="40"></div> | 71 <div class="gridItem firstRowFirstColumn" data-offset-x="50" data-offset
-y="120" data-expected-width="20" data-expected-height="40"></div> |
81 <div class="gridItem firstRowSecondColumn" data-offset-x="50" data-offse
t-y="20" data-expected-width="20" data-expected-height="40"></div> | 72 <div class="gridItem firstRowSecondColumn" data-offset-x="50" data-offse
t-y="20" data-expected-width="20" data-expected-height="40"></div> |
82 <div class="gridItem secondRowFirstColumn" data-offset-x="150" data-offs
et-y="120" data-expected-width="20" data-expected-height="40"></div> | 73 <div class="gridItem secondRowFirstColumn" data-offset-x="150" data-offs
et-y="120" data-expected-width="20" data-expected-height="40"></div> |
83 <div class="gridItem secondRowSecondColumn" data-offset-x="150" data-off
set-y="20" data-expected-width="20" data-expected-height="40"></div> | 74 <div class="gridItem secondRowSecondColumn" data-offset-x="150" data-off
set-y="20" data-expected-width="20" data-expected-height="40"></div> |
84 </div> | 75 </div> |
85 </div> | 76 </div> |
86 | 77 |
87 <div style="position: relative"> | |
88 <div class="grid horizontalBT directionRTL" data-expected-width="200" data-e
xpected-height="200"> | |
89 <div class="gridItem firstRowFirstColumn" data-offset-x="150" data-offse
t-y="120" data-expected-width="20" data-expected-height="40"></div> | |
90 <div class="gridItem firstRowSecondColumn" data-offset-x="50" data-offse
t-y="120" data-expected-width="20" data-expected-height="40"></div> | |
91 <div class="gridItem secondRowFirstColumn" data-offset-x="150" data-offs
et-y="20" data-expected-width="20" data-expected-height="40"></div> | |
92 <div class="gridItem secondRowSecondColumn" data-offset-x="50" data-offs
et-y="20" data-expected-width="20" data-expected-height="40"></div> | |
93 </div> | |
94 </div> | |
95 | |
96 </body> | 78 </body> |
97 </html> | 79 </html> |
OLD | NEW |