User:Pine/common.css
Jump to navigation
Jump to search
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/*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; }