MediaWiki:Common.css

From OurFoodChain
Revision as of 22:13, 2 July 2019 by U3606214 (talk | contribs)

Note: After publishing, 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 / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */

/* main background */

body {
    background-color: #202225;
    font-family: Arial,sans-serif;
}

/* top gradient */

#mw-page-base {
    background-image: linear-gradient(#1c1f23 50%, #202225 100%);
}

/* tabs */

.vectorTabs ul li { /* tab background */
    background-image: linear-gradient(#1c1f23 50%, #202225 100%);
}

.vectorTabs ul {
    background-image: linear-gradient(#1c1f23 50%, #202225 100%);
}

.vectorTabs li.selected {
    background-image: linear-gradient(#1c1f23 50%, #202225 100%);
}

.vectorTabs li a { /* tab links */
    color: #829297;
}

.vectorTabs li.selected a, .vectorTabs li.selected a:visited { /* tab links (selected) */
    color: #f5f5f5;
    text-decoration: none;
}

.vectorTabs li.new a, .vectorTabs li.new a:visited { /* tab links (selected) */
    color: #829297;
}


/* article body */

h1, h2, h3, h4, h5, h6 {
    color: #f5f5f5;
}

.mw-body {
    background-color: #36393f;
    color: #c6c7c9;
    border: 1px solid #2f3136;
    border-radius: 10px;
    /* box-shadow: 0 0 0.5em #c8cacb; */
    margin-right: 16px;
}

ul {
    list-style-image: unset;
}

/* links */

a {
    color: #f5f5f5;
}

a.new {
    color: #f04747;
    border-bottom: 1px dashed;
}

a.new:visited {
    color: #f04747;
    border-bottom: 1px dashed;
}

a.new:hover {
    color: #f04747;
    text-decoration: none;
    border: none;
}

a.new, #p-personal a.new {
    color: #f04747;
}

.mw-parser-output a.external {
    color: #f5f5f5;
}

.mw-parser-output a.external:visited {
    color: #f5f5f5;
}

/* left panel */

#mw-panel .portal .body li a {
    color: #829297;
}

#mw-panel .portal .body li a:visited {
    color: #72767d;
}

#mw-panel .portal h3 {
    color: #829297;
}

/* footer */

#footer ul li {
    color: #829297;   
}

/* warning box */

.warningbox {
    color: #f5f5f5;
    border-color: #f04747;
    border-radius: 10px;
    background-color: #f04747;
}