More actions
| Line 688: | Line 688: | ||
= Gradients = | = Gradients = | ||
{{#css: | |||
.linear { | |||
padding:0px; | |||
background-image: linear-gradient(#00AA00, #AA0000); | |||
background-color: #111111; | |||
height: 100%; | |||
} | |||
.gradient { | |||
background-image: radial-gradient(#00AA00, #AA0000); | |||
background-color: #111111; | |||
} | |||
}} | |||
{{note box|This simply doesn't work in the ingame browser, the area will remain completely empty and devoid of any gradients.}} | {{note box|This simply doesn't work in the ingame browser, the area will remain completely empty and devoid of any gradients.}} | ||
{| cellpadding="5" cellspacing="5" | {| cellpadding="5" cellspacing="5" | ||
| Line 693: | Line 706: | ||
{| class="wikitable" | {| class="wikitable" | ||
! 1 | ! 1 | ||
| rowspan = 4 style="background-image: linear-gradient(#00AA00, #AA0000); background-color: #111111; width:2em"| | | rowspan = 4 style="background-image:linear-gradient(#00AA00, #AA0000); background-color: #111111; width:2em"| | ||
|- | |- | ||
! 2 | ! 2 | ||
| Line 730: | Line 743: | ||
Ingame browser test: | Ingame browser test: | ||
Using cells ... | |||
{| class="wikitable" cellspacing="0" cellpadding="0" | |||
|- | |||
! 1 | |||
| rowspan="4" class="linear" style="padding:0px; width:2em; height:100%;" | | |||
|- | |||
! 2 | |||
|- | |||
! 3 | |||
|- | |||
! 4 | |||
|} | |||
Using divs ... | |||
{| class="wikitable" cellspacing="0" cellpadding="0" | {| class="wikitable" cellspacing="0" cellpadding="0" | ||
|- | |- | ||
! 1 | ! 1 | ||
| rowspan="4" style="padding:0px; width:2em; height:100%;" | <div | | rowspan="4" style="padding:0px; width:2em; height:100%;" | <div class="linear"> </div> | ||
|- | |- | ||
! 2 | ! 2 | ||