Difference between revisions of "MediaWiki:Vector.css"
From Pangaea Wiki
MyraMidnight (Talk | contribs) m |
MyraMidnight (Talk | contribs) (updating the theme) |
||
Line 1: | Line 1: | ||
/* CSS placed here will affect users of the Vector skin */ | /* CSS placed here will affect users of the Vector skin */ | ||
div#p-logo .mw-wiki-logo {display:none} | 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;} |
Revision as of 15:48, 9 July 2018
/* 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;}