Difference between revisions of "MediaWiki:Common.css"
From CrowdSociety
Line 47: | Line 47: | ||
#p-cactions li { | #p-cactions li { | ||
+ | position: fixed; | ||
float:left; | float:left; | ||
border-width: 0px; | border-width: 0px; |
Revision as of 18:15, 2 March 2015
/*-----------------------------------------------------------------------------*/ /* 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:55%; float: left; } /*-----------------------------------------------------------------------------*/ /* user's personal TOP menue */ /*-----------------------------------------------------------------------------*/ /*no-repeat top right*/ #p-personal .pBody { background: #F5F5F5; float: 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; } /*-----------------------------------------------------------------------------*/ /* TOP Menue (second line) edits */ /*-----------------------------------------------------------------------------*/ #p-cactions li { position: fixed; float:left; border-width: 0px; background-color: #F5F5F5; text-indent: 30; /*spacing between words in the top bar */ } #p-cactions li a { display:block; color:#000000; font-weight: regular; background-color: #F5F5F5; text-decoration:none; } #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; } /*-----------------------------------------------------------------------------*/ /* Table of Content */ /*-----------------------------------------------------------------------------*/ #toc { font: 1 em Times, "Times New Roman", "Palatino", "Georgia", serif; overflow: auto; float: left; margin: 0 0 1em 1em; position: fixed; top: 50px; right: 90px; border: solid 2px #00000; 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;}*/ /*-----------------------------------------------------------------------------*/ /* LOGO position */ /*-----------------------------------------------------------------------------*/ #p-logo, #p-logo a, #p-logo a:hover { /*position:fixed;*/ width:192px; height: 150px; margin-left: 0px; margin-top: 10px; margin-bottom: 30px; } /*-----------------------------------------------------------------------------*/ /* Sidebar Modifications */ /*-----------------------------------------------------------------------------*/ .portlet .pBody { background-color:#F5F5F5; } /* increase sidebar width */ #column-content { margin-left: -16em; } #column-content #content { margin-left: 16em; } #p-logo a, #p-logo a:hover { width: 16em; } #p-cactions { left: 14.5em; } .portlet { width: 14em; } div#column-content { margin-left: -14em; } div#content { margin-left: 14em; } /*-----------------------------------------------------------------------------*/ /* 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; } 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; } /*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" */ 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 */ 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; } 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; }