MediaWiki:Common.css

From MoiWiki
Revision as of 08:20, 18 January 2021 by Michael Gibson (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigationJump to search

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: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/** CSS placed here will be applied to all skins */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400&display=swap');

body {
    font-size:11px;
    font-family:"Open Sans", "Lucida Sans", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;

    background-color:#246;

    background-image:url(/images/texture_mirror.png);
    xbackground-repeat:no-repeat;
    xbackground-position:left;
}

.pBody {
    background:transparent;
    border:none;
}

#sidebar .portlet > h3 {
    font-weight:bold;
    font-size:16px;
    color:#FFFFFF;
    text-shadow:2px 2px 3px #000, -1px -1px 2px #000;
}

#sidebar .portlet li {
    font-size:14px;
    margin:1px 0px;
}

#sidebar .portlet a {
    color:#FFFFFF;
    text-shadow:2px 2px 3px #000, -1px -1px 2px #000;
}

#p-personal a.new:visited, #p-personal li a, #p-personal a.new {
    color:white;
}

#p-personal li a:hover {
    background-color: #222;
    text-decoration: none;
}

#p-logo {
    height:90px;
}

#p-logo a, #p-logo a:hover {
    height:90px;
    background-position-x:50% !important;
}

div#column-one {
    padding-top:90px;
}


/* Disable "Main page" h1 element. */
body.page-Main_Page h1.firstHeading { display:none; }

/* Disable footer. */
#footer { display:none; }

/* Disable external link marker. */
#bodyContent a.external { background:none; padding:0px; }
#bodyContent a.external, #bodyContent a.external[href ^="https://"] { background:none; padding:0px; }