User:Airos/Sandbox

Raz's sig
 &hearts;   ☮ ✰  Razl ' dazl ' chick   &hearts;   ☮ ✰

After we take out all the links, this is the code we're left with;

 Words go here

Words, words, more words

Conclusions:


 * - this affects the angle of the curves on the corners
 * - this affects the size and color of the border
 * - this affects the color of the background, (#top color, #bottom color)
 * - seem to do nothing
 * - this affects the color of the surrounding glow
 * - seems to do nothing

other person's sig
 God Pray  

Raz's Sig
Let's try changing -moz-border-radius-topleft:15px; and -moz-border-radius-bottomright:15px; to 25

Words, words, more words

It would seem those two parameters change the angle of the curve.

Changing border:3px ridge #330066; to border:8px ridge #FF0000;

Words, words, more words

Did about what I expected.

Taking out the "ridge"

Words, words, more words

background-image:-moz-linear-gradient(#9900CC, #000000); to background-image:-moz-linear-gradient(#FF0000, #FF00FF);

Words, words, more words

Again, nothing unexpected.

Let's see what -moz-box-shadow: 0 0 0.6em #9900CC; does. Changing it to -moz-box-shadow: 0 0 0.6em #FF0000;

Words, words, more words

Hmm... Changing just box-shadow: 0 0 0.6em #9900CC; changes the "glow"...

Words, words, more words

...so let's see if changing -moz-box-shadow: 0 0 0.6em #9900CC; to -moz-box-shadow: 1 1 1.6em #9900CC; does anything.

Words, words, more words

box-shadow: 1 1 1.6em #9900CC; seems to turn the glow off completely.

Words, words, more words

Let's take -moz-box-shadow: 0 0 0.6em #9900CC; and -webkit-box-shadow: 0 0 0.6em #9900CC; out completely.

<span style="-moz-border-radius-topleft:15px; -moz-border-radius-bottomright:15px; border:3px ridge #330066; background-image:-moz-linear-gradient(#9900CC, #000000); box-shadow: 0 0 0.6em #9900CC; background-color:#000000">Words, words, more words

They don't seem to do anything.

background-color:#000000 to background-color:#FF0000

<span style="-moz-border-radius-topleft:15px; -moz-border-radius-bottomright:15px; border:3px ridge #330066; background-image:-moz-linear-gradient(#9900CC, #000000); -moz-box-shadow: 0 0 0.6em #9900CC; -webkit-box-shadow: 0 0 0.6em #9900CC; box-shadow: 0 0 0.6em #9900CC; background-color:#FF0000">Words, words, more words

Huh.