User:Pine/common.css

/*this changes the background color of the page :) */
body {
    background-color: #8FBC8F;
    background-image: none;
}
#mw-page-base {
    background-color: #8FBC8F;
    background-image: none;
}
 
/*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]]. */
#wpSave {
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 10px solid #000; /* This is a black border, you can change the color of this too. */
    padding:0 10px 0 10px;
    display:inline-block;
    text-decoration:none;
    color:#FFF; /* color of the text */
    background:#FFF;
    background-color:#00F; /* color of the button */
    cursor:pointer;
}
/*this next bit is only if you want the button to change color when you hover over it */
#wpSave:hover {
    cursor:pointer;
    background-color:#30F; /* color of the background when you hover your mouse over the button */
    border:10px solid #F00; /* 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. */
 
/* Watchlist bolding: "strong.mw-watched { font-weight: normal !important; }" is to force them all to appear normal */
 
strong.mw-watched { font-weight: bolder !important; }