OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <html> |
| 3 <head> |
| 4 <style> |
| 5 td { |
| 6 padding: 10px; |
| 7 } |
| 8 span { |
| 9 padding: 5px 14px; |
| 10 } |
| 11 .font-size-200 { |
| 12 font-size: 200%; |
| 13 } |
| 14 .font-size-400 { |
| 15 font-size: 400%; |
| 16 } |
| 17 .border-slices { |
| 18 border: 20px solid transparent; |
| 19 border-image: url("resources/button-border.svg") 0 14 0 14 fill; |
| 20 } |
| 21 .no-border-slices { |
| 22 border: 0px solid transparent; |
| 23 border-image: url("resources/button-border.svg") 0 14 0 14 fill; |
| 24 } |
| 25 .no-border-no-slices { |
| 26 border: 0px solid transparent; |
| 27 border-image: url("resources/button-border.svg") 0 fill; |
| 28 } |
| 29 </style> |
| 30 </head> |
| 31 <body> |
| 32 <table> |
| 33 <tr> |
| 34 <td><span class="font-size-200 border-slices">Search</span></td> |
| 35 <td><span class="font-size-200 no-border-slices">Search</span></td> |
| 36 <td><span class="font-size-200 no-border-no-slices">Search</span></td> |
| 37 </tr> |
| 38 <tr> |
| 39 <td><span class="font-size-400 border-slices">Search</span></td> |
| 40 <td><span class="font-size-400 no-border-slices">Search</span></td> |
| 41 <td><span class="font-size-400 no-border-no-slices">Search</span></td> |
| 42 </tr> |
| 43 </table> |
| 44 </body> |
| 45 </html> |
OLD | NEW |