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 |