Wed, 31 Dec 2014 07:16:47 +0100
Revert simplistic fix pending revisit of Mozilla integration attempt.
michael@0 | 1 | <!DOCTYPE html> |
michael@0 | 2 | <html><head> |
michael@0 | 3 | <style type="text/css"> |
michael@0 | 4 | div.image { |
michael@0 | 5 | background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABAAQMAAACQp+OdAAAABlBMVEUAAAD///+l2Z/dAAAAGElEQVR42mNggIHcbbfBCMEYlRqVIiQFAPco1xfL/SakAAAAAElFTkSuQmCC"); |
michael@0 | 6 | width: 32px; |
michael@0 | 7 | height: 32px; |
michael@0 | 8 | } |
michael@0 | 9 | |
michael@0 | 10 | div.cell { |
michael@0 | 11 | float: left; |
michael@0 | 12 | width: 100px; |
michael@0 | 13 | } |
michael@0 | 14 | |
michael@0 | 15 | body > div { height:100px; } |
michael@0 | 16 | |
michael@0 | 17 | p { font-size: 12px; height:20px; } |
michael@0 | 18 | </style> |
michael@0 | 19 | </head><body> |
michael@0 | 20 | |
michael@0 | 21 | <div> |
michael@0 | 22 | <div class="cell"><p>31 x 32</p><div style="width:31px; background-position:-16px -16px;" class="image"></div></div> |
michael@0 | 23 | <div class="cell"><p>31.1 x 32</p><div style="width:31px; background-position:-16px -16px;" class="image"></div></div> |
michael@0 | 24 | <div class="cell"><p>31.5 x 32</p><div style="width:32px; background-position:-16px -16px;" class="image"></div></div> |
michael@0 | 25 | <div class="cell"><p>31.8 x 32</p><div style="width:32px; background-position:-16px -16px;" class="image"></div></div> |
michael@0 | 26 | </div> |
michael@0 | 27 | |
michael@0 | 28 | <div> |
michael@0 | 29 | <div class="cell"><p>32 x 32</p><div style="width:32px; background-position:-16px -16px;" class="image"></div></div> |
michael@0 | 30 | <div class="cell"><p>32.1 x 32</p><div style="width:32px; background-position:-16px -16px;" class="image"></div></div> |
michael@0 | 31 | <div class="cell"><p>32.5 x 32</p><div style="width:33px; background-position:-16px -16px;" class="image"></div></div> |
michael@0 | 32 | <div class="cell"><p>32.8 x 32</p><div style="width:33px; background-position:-16px -16px;" class="image"></div></div> |
michael@0 | 33 | </div> |
michael@0 | 34 | |
michael@0 | 35 | <div> |
michael@0 | 36 | <div class="cell"><p>32 x 31 </p><div style="height:31px; background-position:-16px -16px;" class="image"></div></div> |
michael@0 | 37 | <div class="cell"><p>32 x 31.1 </p><div style="height:31px; background-position:-16px -16px;" class="image"></div></div> |
michael@0 | 38 | <div class="cell"><p>32 x 31.5 </p><div style="height:32px; background-position:-16px -16px;" class="image"></div></div> |
michael@0 | 39 | <div class="cell"><p>32 x 31.8 </p><div style="height:32px; background-position:-16px -16px;" class="image"></div></div> |
michael@0 | 40 | </div> |
michael@0 | 41 | |
michael@0 | 42 | <div> |
michael@0 | 43 | <div class="cell"><p>32 x 32 </p><div style="height:32px; background-position:-16px -16px;" class="image"></div></div> |
michael@0 | 44 | <div class="cell"><p>32 x 32.1 </p><div style="height:32px; background-position:-16px -16px;" class="image"></div></div> |
michael@0 | 45 | <div class="cell"><p>32 x 32.5 </p><div style="height:33px; background-position:-16px -16px;" class="image"></div></div> |
michael@0 | 46 | <div class="cell"><p>32 x 32.8 </p><div style="height:33px; background-position:-16px -16px;" class="image"></div></div> |
michael@0 | 47 | </div> |
michael@0 | 48 | |
michael@0 | 49 | </body></html> |