Difference between revisions of "MediaWiki:Common.css"
From CrowdSociety
Line 1: | Line 1: | ||
+ | /*-----------------------------------------------------------------------------*/ | ||
+ | /* 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:70%; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | /*-----------------------------------------------------------------------------*/ | ||
+ | /* Table of Content */ | ||
+ | /*-----------------------------------------------------------------------------*/ | ||
+ | |||
+ | #toc { | ||
+ | |||
+ | font: 1 em Times, "Times New Roman", "Palatino", "Georgia", serif; | ||
+ | float: right; | ||
+ | /*postition: absolute; | ||
+ | /*top: 80px, | ||
+ | /*right: 100px; | ||
+ | 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 */ | ||
+ | /*-----------------------------------------------------------------------------*/ | ||
+ | |||
+ | /* this is the bar behind the top menue */ | ||
+ | #p-cactions { | ||
+ | padding-right: 0px; | ||
+ | margin-right: 0px; | ||
+ | background-color: #F5F5F5; | ||
+ | width: 100%; | ||
+ | top: 19px; | ||
+ | } | ||
+ | |||
+ | #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; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*distance from left border of the whole page */ | ||
+ | #p-cactions ul { | ||
+ | margin-left: 195px; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*-----------------------------------------------------------------------------*/ | ||
+ | /* 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; | ||
+ | margin-left: 0px; | ||
+ | margin-top: 10px; | ||
+ | margin-bottom: 30px; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | /*-----------------------------------------------------------------------------*/ | ||
+ | /* Sidebar Modifications */ | ||
+ | /*-----------------------------------------------------------------------------*/ | ||
+ | |||
+ | .portlet .pBody { | ||
+ | background-color:#F5F5F5; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | /* increase sidebar width */ | ||
+ | #column-content { | ||
+ | margin-left: -15em; | ||
+ | } | ||
+ | |||
+ | #column-content #content { | ||
+ | margin-left: 15em; | ||
+ | } | ||
+ | |||
+ | #p-logo a, #p-logo a:hover { | ||
+ | width: 15em; | ||
+ | } | ||
+ | |||
+ | #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 */ | /* To change the BACKGROUND COLORS of only the text areas of all the pages */ | ||
− | body{background-image:none; color: # | + | /*-----------------------------------------------------------------------------*/ |
− | .portlet { background-color: # | + | |
+ | /*body {background-image:none; color: #F5F5F5} | ||
+ | /*.portlet { background-color: #F5F5F5} | ||
+ | /*.same-bg { background: none } | ||
+ | |||
+ | /*-----------------------------------------------------------------------------*/ | ||
/* changes the background of pre areas */ | /* changes the background of pre areas */ | ||
− | + | /*-----------------------------------------------------------------------------*/ | |
+ | /*pre { background-color: #F5F5F5} | ||
+ | |||
+ | |||
+ | /*-----------------------------------------------------------------------------*/ | ||
/* To change the BACKGROUND COLORS of articles */ | /* 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 */ | /* To change the size of the whitespace abouve an article's title (between top menue and the article's title */ | ||
+ | /*-----------------------------------------------------------------------------*/ | ||
+ | |||
#siteNotice { | #siteNotice { | ||
margin-top: 86px; | margin-top: 86px; | ||
− | margin-bottom: 0em;} | + | margin-bottom: 0em; |
+ | } | ||
+ | |||
+ | /*-----------------------------------------------------------------------------*/ | ||
/* Erase borders */ | /* Erase borders */ | ||
+ | /*-----------------------------------------------------------------------------*/ | ||
+ | |||
#content { border-width: 0px; } | #content { border-width: 0px; } | ||
.portlet .pBody { border-width: 0px; } | .portlet .pBody { border-width: 0px; } | ||
− | #footer {width: 100%; border-top: 0px; border-bottom-width: 0px; } | + | #footer {width: 100%; border-top: 0px; border-bottom-width: 0px; Background-color: #F5F5F5;} |
+ | |||
+ | /*-----------------------------------------------------------------------------*/ | ||
/* CHANGES OF LINKS COLORS */ | /* CHANGES OF LINKS COLORS */ | ||
+ | /*-----------------------------------------------------------------------------*/ | ||
+ | |||
a:link { color: #77aaff; text-decoration: none; } | a:link { color: #77aaff; text-decoration: none; } | ||
a:hover { color: #6ABCFA; text-decoration: line-through; } | a:hover { color: #6ABCFA; text-decoration: line-through; } | ||
Line 35: | Line 252: | ||
a.external:visited { color: #6ABCFA; text-decoration: line-through; } | a.external:visited { color: #6ABCFA; text-decoration: line-through; } | ||
+ | /*-----------------------------------------------------------------------------*/ | ||
/* Headlines and Body - Styling */ | /* Headlines and Body - Styling */ | ||
+ | /*-----------------------------------------------------------------------------*/ | ||
html,body,p,td,a,li | html,body,p,td,a,li | ||
− | { font: 0. | + | { |
+ | 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; | h1 { font: bold 1.55em Helvetica, Arial, Roboto, "DejaVu Sans", sans-serif; color: #000000; letter-spacing: 0.25em; text-transform: uppercase; | ||
Line 55: | Line 277: | ||
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;} | 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 | li#pt-userpage | ||
{ background: none; } /* no login logo at the user-login button */ | { background: none; } /* no login logo at the user-login button */ | ||
+ | /*-----------------------------------------------------------------------------*/ | ||
/*Change the color of the user message notice box */ | /*Change the color of the user message notice box */ | ||
+ | /*-----------------------------------------------------------------------------*/ | ||
.usermessage { | .usermessage { | ||
background-color: none; | background-color: none; |
Revision as of 12:51, 26 February 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:70%; float: left; } /*-----------------------------------------------------------------------------*/ /* Table of Content */ /*-----------------------------------------------------------------------------*/ #toc { font: 1 em Times, "Times New Roman", "Palatino", "Georgia", serif; float: right; /*postition: absolute; /*top: 80px, /*right: 100px; 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 */ /*-----------------------------------------------------------------------------*/ /* this is the bar behind the top menue */ #p-cactions { padding-right: 0px; margin-right: 0px; background-color: #F5F5F5; width: 100%; top: 19px; } #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; } /*distance from left border of the whole page */ #p-cactions ul { margin-left: 195px; } /*-----------------------------------------------------------------------------*/ /* 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; margin-left: 0px; margin-top: 10px; margin-bottom: 30px; } /*-----------------------------------------------------------------------------*/ /* Sidebar Modifications */ /*-----------------------------------------------------------------------------*/ .portlet .pBody { background-color:#F5F5F5; } /* increase sidebar width */ #column-content { margin-left: -15em; } #column-content #content { margin-left: 15em; } #p-logo a, #p-logo a:hover { width: 15em; } #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; } /* 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; }