MediaWiki:Common.css
From CrowdSociety
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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Clear the cache in Tools → Preferences
/*-----------------------------------------------------------------------------*/ /* To change the BACKGROUND COLOR of the globalWrapper */ /*-----------------------------------------------------------------------------*/ #globalWrapper { Background-color: #F5F5F5; Background-image:none; width: 100%; margin: 0; padding: 0;} div#content, #p-cactions li.selected a { background-color: #F5F5F5; width:80%; float: left; } /*-----------------------------------------------------------------------------*/ /* Table of Content */ /*-----------------------------------------------------------------------------*/ #toc { font: 1 em Times, "Times New Roman", "Palatino", "Georgia", serif; float: right; margin: 0 0 1em 1em; border: solid 1px #aaaaaa; text-color: #282828; color: #F5F5F5; background-color:#F5F5F5; } #toc td { padding: 0.7em; } #toc .tocindent { margin-left: 10em; } #toc .tocline { margin-bottom: 0px; } #toc p { margin: 0; } #toc .editsection { margin-top: 2em;} /*-----------------------------------------------------------------------------*/ /* TOP Menue (second line) edits */ /*-----------------------------------------------------------------------------*/ #p-cactions { padding-right: 0px; margin-right: 0px; background-color: #F5F5F5; width: 100%; top: 19px; } /* this is the bar behind the top menue */ #p-cactions ul { margin: 0; padding: 0; list-style: none; font-size: 85%; margin-left: 10px; } #p-cactions li { float:left; margin:18; padding:18 /*left spacing of top bar */; text-indent:30 /*spacing between words in the top bar */ ; border-width: 0px /*vertical seperation in the top menue*/; } #p-cactions li a { display:block; color:#000000; font-weight: regular; background-color: #F5F5F5; border:none; border-width: 0px; border-left-width:0px; text-decoration:none; white-space:nowrap;} #p-cactions li a:hover { background-color: #F5F5F5; color: #000000; text-decoration: line-through;} #p-cactions li.selected a { background: #F5F5F5; border:none;} #p-cactions li.selected a:hover { color: #000000; text-decoration: line-through; } #p-cactions { left: 0px; } #p-cactions ul { margin-left: 195px; } /*distance from left border of the whole page */ /*-----------------------------------------------------------------------------*/ /* user's personal TOP menue */ /*-----------------------------------------------------------------------------*/ #p-personal .pBody { background: #F5F5F5 no-repeat top right;} #p-personal li a, #p-personal li a.new { color: #5b5b5b; text-decoration: none; } #p-personal li a:hover { color: #000000; background-color: transparent; text-decoration: line-through; } /*-----------------------------------------------------------------------------*/ /* LOGO position */ /*-----------------------------------------------------------------------------*/ #p-logo, #p-logo a, #p-logo a:hover { width:192px; height: 150px; } #p-logo { margin-left: 0px; margin-top: 10px; margin-bottom: 30px; } /*-----------------------------------------------------------------------------*/ /* Sidebar Modifications */ /*-----------------------------------------------------------------------------*/ .portlet .pBody { background-color:#F5F5F5; } /*-----------------------------------------------------------------------------*/ /* To change the BACKGROUND COLORS of only the text areas of all the pages */ /*-----------------------------------------------------------------------------*/ /*body {background-image:none; color: #F5F5F5} /*.portlet { background-color: #F5F5F5} /*.same-bg { background: none } /*-----------------------------------------------------------------------------*/ /* changes the background of pre areas */ /*-----------------------------------------------------------------------------*/ /*pre { background-color: #F5F5F5} /*-----------------------------------------------------------------------------*/ /* To change the BACKGROUND COLORS of articles */ /*-----------------------------------------------------------------------------*/ /*#article {background-color:#F5F5F5} /*#articleFooter {background-color:#F5F5F5} /*-----------------------------------------------------------------------------*/ /* Tabellenhintergründe transparent machen */ /*-----------------------------------------------------------------------------*/ table.diff { background-color: transparent; } /*-----------------------------------------------------------------------------*/ /* To change the size of the whitespace abouve an article's title (between top menue and the article's title */ /*-----------------------------------------------------------------------------*/ #siteNotice { margin-top: 86px; margin-bottom: 0em;} /*-----------------------------------------------------------------------------*/ /* Erase borders */ /*-----------------------------------------------------------------------------*/ #content { border-width: 0px; } .portlet .pBody { border-width: 0px; } #footer {width: 100%; border-top: 0px; border-bottom-width: 0px; Background-color: #F5F5F5;} /*-----------------------------------------------------------------------------*/ /* CHANGES OF LINKS COLORS */ /*-----------------------------------------------------------------------------*/ a:link { color: #77aaff; text-decoration: none; } a:hover { color: #6ABCFA; text-decoration: line-through; } a:visited { color: #6ABCFA; text-decoration: line-through; } a:active {color: #000000; text-decoration: line-through; } /* selected link */ a.new:link { color: #ff77aa; text-decoration: none; } a.new:hover { color: #FF6E9E; text-decoration: line-through; } a.external { color: #77aaff !important; } /* external link */ a.external:hover { color: #6ABCFA; text-decoration: line-through; } a.external:visited { color: #6ABCFA; text-decoration: line-through; } /*-----------------------------------------------------------------------------*/ /* Headlines and Body - Styling */ /*-----------------------------------------------------------------------------*/ html,body,p,td,a,li { font: 0.87em Times, "Times New Roman", "Palatino", "Georgia", serif; background-color: #F5F5F5; } h1 { font: bold 1.55em Helvetica, Arial, Roboto, "DejaVu Sans", sans-serif; color: #000000; letter-spacing: 0.25em; text-transform: uppercase; border-bottom: none; padding-bottom: 2em; } /*inserst and edit "0px line #000000; line-height: 1.1em" after "border-bottom:" to see a line, and I erased "margin: 3em 0 0.25em 0;" after "uppercase" */ h2 { font: 1.13em Helvetica, Arial, Roboto, "DejaVu Sans",sans-serif; color: #000000; letter-spacing: 0.13em; text-transform: uppercase; text-decoration: underline; margin: 2em 0 0 0; border-bottom: none; padding-bottom: 2em; } /* inserst and edit "0px line #000000; line-height: 1.1em" after "border-bottom:" to see a line */ h3 { font: 1em Helvetica, Arial, Roboto, "DejaVu Sans",sans-serif; color: #000000; letter-spacing: 0.06em; text-transform: uppercase; padding-top: 0.7em; padding-bottom: 0.2em;} h4 { font: 0.92em Helvetica, Arial, Roboto, "DejaVu Sans",sans-serif; color: #000000; letter-spacing: 0.06em; text-transform: uppercase; padding-top: 0.5em; padding-bottom: 0.2em;} h5 { font: 0.91em Helvetica, Arial, Roboto, "DejaVu Sans",sans-serif; color: #000000; letter-spacing: 0.06em; text-transform: uppercase; padding-top: 0.3em; padding-bottom: 0.1em;} h6 { font: 0.91em Helvetica, Arial, Roboto, "DejaVu Sans",sans-serif; color: #000000; letter-spacing: 0.06em; text-transform: uppercase; padding-top: 0.1em; padding-bottom: 0.05em;} /*-----------------------------------------------------------------------------*/ /* FOOTER */ /*-----------------------------------------------------------------------------*/ #f-poweredbyico { display: none; } /* Erases the mediawiki logo */ #f-copyrightico { display: none; } /*-----------------------------------------------------------------------------*/ /* Additional things */ /*-----------------------------------------------------------------------------*/ /* reduce footer */ #footer { color: #b7b7b7; font-size: 85% } /* Remove the annoying arrow that occurs after external links */ #bodyContent a[href ^="http://"] { background:inherit !important; padding-right:inherit !important background-color: #F5F5F5; } li#pt-userpage { background: none; } /* no login logo at the user-login button */ /*-----------------------------------------------------------------------------*/ /*Change the color of the user message notice box */ /*-----------------------------------------------------------------------------*/ .usermessage { background-color: none; border-color: #000000; color: black; margin: 2em 0em 1em 0em; padding: 0.5em 1em; vertical-align: middle; text-align: center; }