User:GeorgeMoney/UsefulCSS
Hi! This is a list of things that are useful to put in your (monobook).css .
Also, feel free to add useful stuff yourself!
Your personal style sheet, monobook.css can be found here.
Remove some links from the navigation box
li#t-upload, /* The upload file link. Please upload to the commons instead */
li#n-portal, /* The link to the community portal */
li#t-recentchangeslinked, /* The link to "Related Changes". Never use it anyways */
li#n-currentevents, /* The link to the current events */
li#n-contact, /* The link to contact wikipedia */
li#n-sitesupport, /* The donations link */
li#n-featuredcontent, /* The link to the featured articles */
li#n-randompage, /* The link to Special:Random */
li#n-help /* The link to help */
{display:none}
Don't display "From Wikipedia, the free encyclopedia"
#siteSub {
display: none;
}
Remove the sitenotice
#siteNotice {
display: none;
}
Remove the fund raising sitenotice
#sitenotice-fundraiser {
display: none;
}
Unbold the "Edit this page" link
#ca-edit a { font-weight: normal !important;}
Remove the "Move" tab
li#ca-move { display: none }
Hide Footer
#footer {display: none;}
Hide Copyright Warnings
li#f-copyright,
li#f-lastmod,
#editpage-copywarn { display: none; }
#editpage-copywarn2 {display: none;}
Hide "Special Characters" Box
#editpage-specialchars {display: none;}
Put scrollbar on <pre> sections
pre {overflow: auto;}
Put solid borders on <pre> sections
pre {border: 1px solid #aaa;}
Gray border for "Categories" box
#catlinks {padding:0 5px 0 5px; margin-top:0.5em; -moz-border-radius:.5em; border:1px solid #CDCDCD; clear:both;}
Make some borders round. (Only works on mozilla-based browsers)
#p-cactions ul li, #p-cactions ul li a {
-moz-border-radius-topleft: 1em;
-moz-border-radius-topright: 1em;
}
#content {
-moz-border-radius-topleft: 1em;
-moz-border-radius-bottomleft: 1em;
}
div.pBody {
-moz-border-radius-topright: 1em;
-moz-border-radius-bottomright: 1em;
}
Remove the logout button
li#pt-logout { display: none; }
Remove that annoying little person icon by your username
li#pt-userpage { background: none }
New Messages Bar
Make it look really really nice
.usermessage {
background-color: lightgreen;
border-color: #B5F;
color: black;
font-weight: bold;
margin: 2em 0em 1em 0em;
padding: 0.5em 1em;
vertical-align: middle;
-moz-border-radius-topleft: 1em;
-moz-border-radius-bottomleft: 1em;
-moz-border-radius-topright: 1em;
-moz-border-radius-bottomright: 1em;
text-align: center;
}
Remove it
.usermessage {
Display: none;
}
Make it look nicer and not the "Orange Bar of Death"
.usermessage {
background-color: #dcdcdc;
border: 1px solid #7b68ee;
color: #696969;
font-weight: bold;
margin: 2em 0em 1em 0em;
padding: 0.5em 1em;
vertical-align: middle;
}
Make it plain text
.usermessage {
background-color: transparent;
border: none;
color: #696969;
font-weight: bold;
}
Make it Clear and Float on the right
.usermessage {
background-color: transparent;
border: blue;
color: #696969;
font-weight: normal;
font-size:1;
margin: 2em 0em 1em 0em;
padding: 0.5em 1em;
vertical-align: middle;
position: fixed;
left:900px;
right:20px;
top:100px;
display:block;
}
Voting
Use <span class="votesupport">SUPPORT!!!!</span>
Example: SUPPORT!!!! Note: It will not work unless you have the css installed.
.votesupport {
background-color: lightgreen;
color: Black;
border:1px solid green;
display:inline;
-moz-border-radius:20px;
padding:0px 5px 3px 5px;
}
.voteoppose {
background-color: red;
color: Black;
border:1px solid green;
display:inline;
-moz-border-radius:20px;
padding:0px 5px 3px 5px;
}
.votekeep {
background-color: lightblue;
color: Black;
border:1px solid green;
display:inline;
-moz-border-radius:20px;
padding:0px 5px 3px 5px;
}
.votedelete {
background-color: red;
color: Black;
border:1px solid green;
display:inline;
-moz-border-radius:20px;
padding:0px 5px 3px 5px;
}
.rfacomment {
background-color: orange;
color: Black;
border:1px solid green;
display:inline;
-moz-border-radius:20px;
padding:0px 5px 3px 5px;
}
.commentimportant {
background-color: red;
color: Black;
border:1px solid green;
display:inline;
-moz-border-radius:20px;
padding:0px 5px 3px 5px;
}
.commentmediumpriority {
background-color: yellow;
color: Black;
border:1px solid green;
display:inline;
-moz-border-radius:20px;
padding:0px 5px 3px 5px;
}
.commentlowpriority {
background-color: lightgreen;
color: Black;
border:1px solid green;
display:inline;
-moz-border-radius:20px;
padding:0px 5px 3px 5px;
}
This is if you want to keep track of your own comments. Use <span class=YOURUSERNAMEcomment>Hi! I'm Bob!</span>
.YOURUSERNAMEcomment {
background-color: red;
}
Remove background image from page
body { background-image: none; }Remove table of contents boxes
#toc { display: none; }
This can also be enabled/disabled from your preferences page.
Make the left column always visible
#column-one { position: fixed; width: 100% }
Works in Opera, Firefox, Mozilla, Safari, Omniweb, Konqueror and so on.
Change External Links
#bodyContent a.external,
#bodyContent a[href ^="gopher://"] {
background: url(https://example.com/images/External Link Image Goes Here.jpg) center right no-repeat;
padding-right: 13px;
}
#bodyContent a[href ^="https://"],
.link-https {
background: url(https://example.com/images/HTTPS Image Goes Here.jpg) center right no-repeat;
padding-right: 16px;
}
#bodyContent a[href ^="mailto:"],
.link-mailto {
background: url(https://example.com/images/Mailto Image Goes Here.jpg) center right no-repeat;
padding-right: 18px;
}
#bodyContent a[href ^="news://"] {
background: url(https://example.com/images/News Protocal Image Goes Here.jpg) center right no-repeat;
padding-right: 18px;
}
#bodyContent a[href ^="ftp://"],
.link-ftp {
background: url(https://example.com/images/FTP Image Goes Here.jpg) center right no-repeat;
padding-right: 18px;
}
#bodyContent a[href ^="irc://"],
.link-irc {
background: url(https://example.com/images/IRC Image Goes Here.gif) center right no-repeat;
padding-right: 18px;
}
Transform Wikipedia logo into a watermark
#p-logo {
opacity: .4;
}
Diff rendering
French Wikipedia style
table.diff {
padding: 0.5em;
}
table.diff td {
vertical-align: top;
}
td.diff-addedline {
background:#D8E4F6;
font-size: 80%;
}
td.diff-addedline span.diffchange {
background: #B0C0F0;
color: #001040;
font-weight: bold;
}
td.diff-deletedline {
background:#E4F6D8;
font-size: 80%;
}
td.diff-deletedline span.diffchange {
background: #B0E897;
color: #104000;
font-weight: bold;
}
td.diff-context {
background:#FEFEFE;
font-size: 80%;
}