| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <style> | 2 <style> |
| 3 body { | 3 body { |
| 4 margin: 0; | 4 margin: 0; |
| 5 overflow: hidden; | 5 overflow: hidden; |
| 6 } | 6 } |
| 7 | 7 |
| 8 div { | 8 div { |
| 9 background-image: | 9 background-image: |
| 10 url(resources/SquirrelFish.svg), | 10 url(resources/SquirrelFish.svg), |
| 11 url(../../block/positioning/resources/icon-gold.png), | 11 url(../../block/positioning/resources/icon-gold.png), |
| 12 url(resources/flower.jpg), | 12 url(resources/flower.jpg), |
| 13 -webkit-gradient(linear, left top, right bottom, from(black), color-
stop(50%, transparent), to(black)); | 13 linear-gradient(to bottom right, black, transparent, black); |
| 14 background-repeat: no-repeat; | 14 background-repeat: no-repeat; |
| 15 border: solid; | 15 border: solid; |
| 16 margin: 2px; | 16 margin: 2px; |
| 17 float: left; | 17 float: left; |
| 18 background-color: lightblue; | 18 background-color: lightblue; |
| 19 } | 19 } |
| 20 | 20 |
| 21 div.landscape { | 21 div.landscape { |
| 22 width: 390px; | 22 width: 390px; |
| 23 height: 140px; | 23 height: 140px; |
| (...skipping 22 matching lines...) Expand all Loading... |
| 46 | 46 |
| 47 </style> | 47 </style> |
| 48 <div class="landscape contain"></div> | 48 <div class="landscape contain"></div> |
| 49 <div class="landscape contain-cover"></div> | 49 <div class="landscape contain-cover"></div> |
| 50 <div class="landscape cover"></div> | 50 <div class="landscape cover"></div> |
| 51 <div class="landscape cover-contain"></div> | 51 <div class="landscape cover-contain"></div> |
| 52 <div class="portrait contain"></div> | 52 <div class="portrait contain"></div> |
| 53 <div class="portrait contain-cover"></div> | 53 <div class="portrait contain-cover"></div> |
| 54 <div class="portrait cover"></div> | 54 <div class="portrait cover"></div> |
| 55 <div class="portrait cover-contain"></div> | 55 <div class="portrait cover-contain"></div> |
| OLD | NEW |