| 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 |