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;}