OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <style type="text/css"> | 3 <style type="text/css"> |
4 .grouping { | 4 .grouping { |
5 margin: 10px; | 5 margin: 10px; |
6 padding: 2px; | 6 padding: 2px; |
7 display: inline-block; | 7 display: inline-block; |
8 } | 8 } |
9 | 9 |
10 .box { | 10 .box { |
(...skipping 10 matching lines...) Expand all Loading... |
21 | 21 |
22 .translucent { | 22 .translucent { |
23 background-color: gray; | 23 background-color: gray; |
24 } | 24 } |
25 .translucent > .box { | 25 .translucent > .box { |
26 background-color: white; | 26 background-color: white; |
27 border-color: rgba(0, 0, 255, 0.5); | 27 border-color: rgba(0, 0, 255, 0.5); |
28 } | 28 } |
29 | 29 |
30 .scaled { | 30 .scaled { |
31 -webkit-transform: scale(1, 0.33); | 31 transform: scale(1, 0.33); |
32 -webkit-transform-origin: top left; | 32 -webkit-transform-origin: top left; |
33 } | 33 } |
34 | 34 |
35 .vertical { | 35 .vertical { |
36 -webkit-writing-mode: vertical-lr; | 36 -webkit-writing-mode: vertical-lr; |
37 } | 37 } |
38 </style> | 38 </style> |
39 </head> | 39 </head> |
40 <body> | 40 <body> |
41 <div> | 41 <div> |
(...skipping 23 matching lines...) Expand all Loading... |
65 <div class="box"></div> | 65 <div class="box"></div> |
66 <div class="box" style="border-style: double; border-color: groove;"></
div> | 66 <div class="box" style="border-style: double; border-color: groove;"></
div> |
67 </div> | 67 </div> |
68 <div class="translucent grouping"> | 68 <div class="translucent grouping"> |
69 <div class="box"></div> | 69 <div class="box"></div> |
70 <div class="box" style="border-style: double; border-color: groove;"></
div> | 70 <div class="box" style="border-style: double; border-color: groove;"></
div> |
71 </div> | 71 </div> |
72 </div> | 72 </div> |
73 </body> | 73 </body> |
74 </html> | 74 </html> |
OLD | NEW |