User:Cassiel Seraphim/Sandbox: Difference between revisions

← Older edit Newer edit →

VisualWikitext

@@ Line 697: / Line 697: @@
    background-image: -webkit-linear-gradient(#00AA00, #AA0000);
    background-image: -ms-linear-gradient(#00AA00, #AA0000);
-  // The webkit is needed for the ingame browser.
+   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;
-   height:100%;
+   height: 100%;
 }
 .linear2 {
    padding:0px;
    background-image: linear-gradient(to right, #00AA00, #AA0000);
-   // The webkit is needed for the ingame browser.
+   background-image: -moz-linear-gradient(to right, #00AA00, #AA0000);
+  background-image: -o-linear-gradient(to right, #00AA00, #AA0000);
+  background-image: -webkit-linear-gradient(to right, #00AA00, #AA0000);
+  background-image: -ms-linear-gradient(to right, #00AA00, #AA0000);
    background-image: -webkit-gradient(to right, left bottom, left top, color-stop(0, #00AA00), color-stop(1, #AA0000) );
    background-color: #111111;
-   height:100%;
+   height: 100%;
 }
 .radial{
@@ Line 719: / Line 721: @@
 }}
 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)
@@ Line 758: / Line 761: @@
 | 4
 |}
+|}
+-->
+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"
+|-
+! 1
+| rowspan="4" style="padding:0px; width:2em; height:100%;" | <div class="linear">&nbsp;</div>
+|-
+! 2
+|-
+! 3
+|-
+! 4
 |}