MediaWiki:Vector.css

From Pangaea Wiki
Revision as of 15:51, 9 July 2018 by MyraMidnight (Talk | contribs)

Jump to: navigation, 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: Clear the cache in Tools → Preferences
/* CSS placed here will affect users of the Vector skin */
div#p-logo .mw-wiki-logo {display:none}

*{box-sizing:border-box}
#mw-page-base{background:transparent}
.mediawiki {background:#000 url(/skins/images/pang-bg-lower.jpg) top center no-repeat;display:grid;
  grid-template-columns:auto 900px auto; 
  grid-template-rows: 235px 60px auto 100px;
  grid-template-areas:
    ".  .            ."
    ".  navigation   ."
    ".  content      ."
    ".  footer       .";
}
#mw-navigation{grid-area:navigation;display:flex;align-items:flex-end;}
  div#mw-head{position:initial;bottom:0;}
  #mw-head .vectorTabs ul li {
    border-radius:10px 10px 0 0;
    padding:0px 10px;
    margin-right:2px;
    background: #8a2405;
    color:#fff;
    border-right:2px #4c1300 solid;}
#mw-head .vectorTabs a{color:#fff;}
  #mw-head .vectorTabs .selected{background:#fff;}
  #mw-head .vectorTabs .selected a{color:#000;}

  div.vectorTabs,div.vectorTabs ul, div.vectorTabs ul li,div.vectorTabs ul li span, div.vectorTabs h3 span {background:none;}
  #left-navigation{float:none;margin:0}
  #right-navigation{margin:0;}
  #mw-panel{
    position:relative;
    background:#fffefc;
    margin-top:120px;
    border-radius:0 10px 10px 0;
    transform:translate(-95%);transition:0.4s;
    padding-bottom:16px;}
  #mw-panel:after{
    content:'tools';
    display:block;
    color:#731e00;
    background:#fff;
    padding:4px 10px;
    border-radius:10px 10px 0 0;
    transform:rotate(90deg);
    position:absolute;left:140px;top:20%;}
  #mw-panel:hover{transform:translate(0%);transition:0.4s;}
#content.mw-body{
  grid-area:content;
  margin:0;
  background:#fffefc;
  border:none;}
div#footer{
  grid-area:footer;
  background:#171717;
  margin:0;
  color:#a55858}