More actions
| Line 689: | Line 689: | ||
= Gradients = | = Gradients = | ||
{{#css: | {{#css: | ||
.linear { | .linear { | ||
padding:0px; | padding:0px; | ||
background-image: linear-gradient(#00AA00, #AA0000); | background-image: linear-gradient(#00AA00, #AA0000); | ||
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00AA00), color-stop(1, #AA0000) ); | |||
background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #00AA00), color-stop(1, #AA0000) ); | |||
background-color: #111111; | background-color: #111111; | ||
height: 100%; | height: 100%; | ||
| Line 704: | Line 699: | ||
padding:0px; | padding:0px; | ||
background-image: linear-gradient(to right, #00AA00, #AA0000); | background-image: linear-gradient(to right, #00AA00, #AA0000); | ||
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #00AA00), color-stop(1, #AA0000) ); | |||
background-image: -webkit | |||
background-color: #111111; | background-color: #111111; | ||
width: 100%; | |||
} | } | ||
.radial{ | .radial{ | ||
padding:0px; | padding:0px; | ||
background-image: radial-gradient(#00AA00, #AA0000); | background-image: radial-gradient(#00AA00, #AA0000); | ||
background-image: -webkit-gradient(radial, | background-image: -webkit-gradient(radial, center center, 0, center center, 75, color-stop(0, #00AA00), color-stop(1, #AA0000)); | ||
//background-image: -webkit-gradient(radial, center center, 0, center center, 141, from(black), to(white), color-stop(0, #00AA00), color-stop(1, #AA0000)); | |||
background-color: #111111; | background-color: #111111; | ||
} | } | ||
}} | }} | ||
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. | 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" | {| cellpadding="5" cellspacing="5" | ||
| valign="top" | '''Linear'''<br>(vertical) | | valign="top" | '''Linear'''<br>(vertical) | ||
| Line 727: | Line 717: | ||
|- | |- | ||
! 1 | ! 1 | ||
| rowspan="4" class="linear" style=" | | rowspan="4" class="linear" style="width:2em;" | | ||
|- | |- | ||
! 2 | ! 2 | ||
| Line 742: | Line 732: | ||
! 4 | ! 4 | ||
|- | |- | ||
| colspan = 4 class="linear2" style="height:2em;" | | | colspan = 4 class="linear2" style="height:2em;" | | ||
|} | |} | ||
| valign="top" | '''Radial'''<br> | | valign="top" | '''Radial'''<br> | ||
{| class="wikitable" | {| class="wikitable" style="height:8em;" | ||
! + | ! + | ||
! 1 | ! 1 | ||
| Line 753: | Line 743: | ||
|- | |- | ||
| 1 | | 1 | ||
| rowspan = 4 colspan = 4 class="radial" style=" | | rowspan = 4 colspan = 4 class="radial" style="width:8em;" | | ||
|- | |- | ||
| 2 | | 2 | ||
| Line 761: | Line 751: | ||
| 4 | | 4 | ||
|} | |} | ||
|} | |} | ||