User:Sonia/save button.css

/*To make a colored save page button, stuff you need to change is marked up. Color names are grabbed from Web colors, and start with a hash. Add this code to Special:MyPage/common.css. */ INPUT#wpSave { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #000; /* This is a black border, you can change the color of this too. */   padding:0 3px 0 3px; display:inline-block; text-decoration:none; color:#FFF; /* color of the text */ background:#FFF; background-color:#C09; /* color of the button */ cursor:pointer; } /*this next bit is only if you want the button to change color when you hover over it */ INPUT#wpSave:hover { cursor:pointer; background-color:#000; /* color of the background when you hover your mouse over the button */ border:1px solid #C09; /* color of the border when you hover over the button */ color:#FFF; /* color of the text when you hover over the button */

/* If you want to do the same for the "show preview" and "show changes" buttons, just use "Preview" and "Diff" instead of "Save" in #wpSave. */