|
|
| Line 709: |
Line 709: |
| } | | } |
| }} | | }} |
| {{note box|This simply doesn't work in the ingame browser, the area will remain completely empty and devoid of any gradients.}}
| | You need the '''CSS''' script to handle both normal browsers supporting CSS3 and the ingame browser which do not, but apparently has some old webkit support. |
| {| cellpadding="5" cellspacing="5"
| |
| | valign="top" | '''Linear'''<br>(vertical)
| |
| {| class="wikitable"
| |
| ! 1
| |
| | rowspan = 4 style="background-image:linear-gradient(#00AA00, #AA0000); background-color: #111111; width:2em"|
| |
| |-
| |
| ! 2
| |
| |-
| |
| ! 3
| |
| |-
| |
| ! 4
| |
| |}
| |
| | valign="top" | '''Linear'''<br>(horizontal)
| |
| {| class="wikitable"
| |
| ! 1
| |
| ! 2
| |
| ! 3
| |
| ! 4
| |
| |-
| |
| | colspan = 4 style="background-image: linear-gradient(to right, #00AA00, #AA0000); background-color: #111111; height:2em; <!-- width:1em --> "|
| |
| |}
| |
| | valign="top" | '''Radial'''<br>
| |
| {| class="wikitable"
| |
| ! +
| |
| ! 1
| |
| ! 2
| |
| ! 3
| |
| ! 4
| |
| |-
| |
| | 1
| |
| | rowspan = 4 colspan = 4 style="background-image: radial-gradient(#00AA00, #AA0000); background-color: #111111; height:1em; width:8em;" |
| |
| |-
| |
| | 2
| |
| |-
| |
| | 3
| |
| |-
| |
| | 4
| |
| |}
| |
| |}
| |
| | |
| Ingame browser test:
| |
| | |
| {| cellpadding="5" cellspacing="5" | | {| cellpadding="5" cellspacing="5" |
| | valign="top" | '''Linear'''<br>(vertical) | | | valign="top" | '''Linear'''<br>(vertical) |