User:GeorgeMoney/UsefulCSS
Appearance
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
[edit]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"
[edit]#siteSub { display: none; }
Remove the sitenotice
[edit]#siteNotice { display: none; }
Remove the fund raising sitenotice
[edit]#sitenotice-fundraiser { display: none; }
Unbold the "Edit this page" link
[edit]#ca-edit a { font-weight: normal !important;}
Remove the "Move" tab
[edit]li#ca-move { display: none }
Hide Footer
[edit]#footer {display: none;}
Hide Copyright Warnings
[edit]li#f-copyright, li#f-lastmod, #editpage-copywarn { display: none; } #editpage-copywarn2 {display: none;}
Hide "Special Characters" Box
[edit]#editpage-specialchars {display: none;}
Put scrollbar on <pre> sections
[edit]pre {overflow: auto;}
Put solid borders on <pre> sections
[edit]pre {border: 1px solid #aaa;}
Gray border for "Categories" box
[edit]#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)
[edit]#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
[edit]li#pt-logout { display: none; }
Remove that annoying little person icon by your username
[edit]li#pt-userpage { background: none }
New Messages Bar
[edit]Make it look really really nice
[edit].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
[edit].usermessage { Display: none; }
Make it look nicer and not the "Orange Bar of Death"
[edit].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
[edit].usermessage { background-color: transparent; border: none; color: #696969; font-weight: bold; }
Make it Clear and Float on the right
[edit].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
[edit]Use <span class="votesupport">SUPPORT!!!!</span>
[edit]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>
[edit].YOURUSERNAMEcomment { background-color: red; }
Remove background image from page
[edit]body { background-image: none; }
Remove table of contents boxes
[edit]#toc { display: none; }
This can also be enabled/disabled from your preferences page.
Make the left column always visible
[edit]#column-one { position: fixed; width: 100% }
Works in Opera, Firefox, Mozilla, Safari, Omniweb, Konqueror and so on.
Change External Links
[edit]#bodyContent a.external, #bodyContent a[href ^="gopher://"] { background: url(http://example.com/images/External Link Image Goes Here.jpg) center right no-repeat; padding-right: 13px; } #bodyContent a[href ^="https://"], .link-https { background: url(http://example.com/images/HTTPS Image Goes Here.jpg) center right no-repeat; padding-right: 16px; } #bodyContent a[href ^="mailto:"], .link-mailto { background: url(http://example.com/images/Mailto Image Goes Here.jpg) center right no-repeat; padding-right: 18px; } #bodyContent a[href ^="news://"] { background: url(http://example.com/images/News Protocal Image Goes Here.jpg) center right no-repeat; padding-right: 18px; } #bodyContent a[href ^="ftp://"], .link-ftp { background: url(http://example.com/images/FTP Image Goes Here.jpg) center right no-repeat; padding-right: 18px; } #bodyContent a[href ^="irc://"], .link-irc { background: url(http://example.com/images/IRC Image Goes Here.gif) center right no-repeat; padding-right: 18px; }
Transform Wikipedia logo into a watermark
[edit]#p-logo { opacity: .4; }
Diff rendering
[edit]French Wikipedia style
[edit]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%; }