Difference between revisions of "MediaWiki:Common.css"

Revision as of 10:22, 10 December 2014

/* To change the background colors of only the text areas of all the pages */
body{background-image:none; color: #ffffff}
.portlet    { background-color: #FFFFFF}

#article {background-color:#ffffff}
 
#articleFooter {background-color:#ffffff}

/* To change the size of the whitespace abouve an article's title (between top menue and the article's title */
#siteNotice {
    margin-top: 90px;
    margin-bottom: 0em;}

/* Erase borders */
#content    { border-width: 0px; }
.portlet .pBody { border-width: 0px; }
#footer { border-top: 0px; border-bottom-width: 0px; }

/* CHANGES OF LINKS COLORS */
a:link      { color: #000000; text-decoration: none; }
a:hover     { color: #000000; text-decoration: line-through; }
a:visited   { color: #282828; text-decoration: line-through; }

a.new:link  { color: #b7b7b7; text-decoration: none; }
a.new:hover { color: #000000; text-decoration: line-through; }

/* Headlines and Body - Styling */

html,body,p,td,a,li
            { font: 13px Times, "Times New Roman", "Palatino", "Georgia", serif; }

h1          { font: 24px Helvetica, Arial, "DejaVu Sans", sans-serif; color: #000000; letter-spacing: 1px; text-transform: uppercase;
              margin: 1.5em 0 0.25em 0;
              border-bottom: none; padding-bottom: 10em; }  /*inserst and edit "0px line #000000; line-height: 1.1em" after "border-bottom:" to see a line */

h2          { font: 18px Helvetica, Arial, "DejaVu Sans",sans-serif;  color: #000000; letter-spacing: 0.3px; text-transform: uppercase; text-decoration: underline;
              margin: 2em 0 0 0;
              border-bottom: none; padding-bottom: 5em; }  /* edit 0px and instert "line" before colour code to see a line */

h3          { font-size: 14px; color: #000000; text-transform: uppercase;}

h4          { font-size: 14px; color: #000000; text-transform: uppercase;}


/* Table of Content */

#toc        { float: right; margin: 0 0 1em 1em; border: solid 1px #aaaaaa; text-color: #282828; color: #FFFFFF; background-color:#ffffff;}
#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: #FFFFFF; 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: #FFFFFF;  border:none;
              border-width: 0px;  border-left-width:0px;  text-decoration:none; white-space:nowrap;}
#p-cactions li a:hover
            { background-color: #FFFFFF; color: #000000; text-decoration: line-through;}
#p-cactions li.selected a
            { background: #FFFFFF;  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: #FFFFFF no-repeat top right;}
#p-personal li a,
#p-personal li a.new
            { color: #b7b7b7; text-decoration: none; }
#p-personal li a:hover
            { color: #000000; background-color: transparent; text-decoration: line-through; }

/* Additional things */

#footer     { color: #b7b7b7; font-size: 85% }  /* reduce footer */
#bodyContent a[href ^="http://"]
            { background:inherit !important; padding-right:inherit !important}  /* Remove the annoying arrow that occurs after external links */
li#pt-userpage
            { background: none; }  /* no login logo at the user-login button */

/* 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; }