MediaWiki:Vector.css

From MiiWiki
Revision as of 15:22, 18 August 2021 by PanchamBro (talk | contribs) (changing font)
Jump to navigationJump to search

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.
/* All CSS here will be loaded for users of the Vector skin */
/* Vector body */
body {
  background: url(https://miiwiki.org/w/images/d/d5/Wallpaper.png) top left fixed;
  border-top-left-radius: 1em;
  border-bottom-left-radius: 1em;
  margin-top:0;
}
.mw-body {
    background-color: #defff4;
}
#mw-page-base {
    background-color: #3db8f200;
    background-image: -webkit-gradient(linear,right top,right bottom,color-stop(50%,#9af1ff ),color-stop(100%,#3db8f200));
    background-image: -webkit-linear-gradient(top,#9af1ff 50%,#3db8f200 100%);
    background-image: -moz-linear-gradient(top,#9af1ff 50%,#3db8f200 100%);
    background-image: linear-gradient(to bottom,#9af1ff 50%,#3db8f200 100%);
    background-position: bottom left;
    height: 5em;
}
.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
    font-family: sans-serif;
}

/* Vector sidebar */
#mw-panel .vector-menu-portal {
    background: #fff;
    background-image: none;
    border-radius: 10px;
    margin: 0 0 5px;
    padding: .2em;
}
#mw-panel .vector-menu-portal .body {
    background: linear-gradient(#fff,#b4fff1);
    border-radius: 10px;
    padding-bottom: .3em;
    padding-left: 1.5em;
    margin: 0;
    padding-top: 7px;
}

#mw-panel .vector-menu-portal h3 {
    color: #504d77;
}

/* Vector tabs */
.vector-menu-tabs li a {
    border-left: 1px solid #b4fff1;
    border-right: 1px solid #b4fff1;
    border-top: 1px solid #b4fff1;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    color: #1B8484;
    background: linear-gradient(#fff,#b4fff1);
}
.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited {
    color: #1B8484;
    background: linear-gradient(#fff,#defff4);
    border-left: 1px solid #b4fff1;
    border-right: 1px solid #b4fff1;
    border-top: 1px solid #b4fff1;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 {
    background: none;
}
.vector-menu-tabs .selected {
    background: none;
}
.vector-menu-tabs li {
    background: none;
}

/* Vector footer */
#footer {
    background-color: #defff4;
    margin-bottom: 5em;
    border-radius: 0 0 0 10px;
    margin-top: -10px;
}