Difference between revisions of "MediaWiki:Vector.css"

From Pangaea Wiki
Jump to: navigation, search
Line 3: Line 3:
  
 
*{box-sizing:border-box}
 
*{box-sizing:border-box}
 +
 +
/* standard link colors */
 +
.mw-body a:link { color:#8a2405 } /* normal unvisited links */
 +
.mw-body a:link:active {  } /* active links */
 +
.mw-body a:link.new { color:red;} /* new links */
 +
.mw-body a:visited.new {  } /* new links */
 +
.mw-body a:link.interwiki {  } /* interwiki links */
 +
.mw-body a:link.external {  } /* external links */
 +
.mw-body a:link.stub { } /* hovered links */
 +
 
#mw-page-base{background:transparent}
 
#mw-page-base{background:transparent}
 
.mediawiki {background:#000 url(/skins/images/pang-bg-lower.jpg) top center no-repeat;display:grid;
 
.mediawiki {background:#000 url(/skins/images/pang-bg-lower.jpg) top center no-repeat;display:grid;
Line 13: Line 23:
 
     ".  footer      .";
 
     ".  footer      .";
 
}
 
}
 +
 +
/* Navigation ************/
 
#mw-navigation{grid-area:navigation;display:flex;align-items:flex-end;}
 
#mw-navigation{grid-area:navigation;display:flex;align-items:flex-end;}
 
   div#mw-head{position:initial;bottom:0;}
 
   div#mw-head{position:initial;bottom:0;}
Line 29: Line 41:
 
   #left-navigation{float:none;margin:0}
 
   #left-navigation{float:none;margin:0}
 
   #right-navigation{margin:0;}
 
   #right-navigation{margin:0;}
  #mw-panel{
+
 
    position:relative;
+
/* Content **************/
    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{
 
#content.mw-body{
 
   grid-area:content;
 
   grid-area:content;
Line 51: Line 48:
 
   background:#F9E7B9;
 
   background:#F9E7B9;
 
   border:none;}
 
   border:none;}
 +
 +
/* Footer**************/
 
div#footer{
 
div#footer{
 
   grid-area:footer;
 
   grid-area:footer;
Line 57: Line 56:
 
div#footer ul li {color:#a55858}
 
div#footer ul li {color:#a55858}
  
/* standard link colors */
 
.mw-body a:link { color:#8a2405 } /* normal unvisited links */
 
.mw-body a:link:active {  } /* active links */
 
.mw-body a:link.new { color:red;} /* new links */
 
.mw-body a:visited.new {  } /* new links */
 
.mw-body a:link.interwiki {  } /* interwiki links */
 
.mw-body a:link.external {  } /* external links */
 
.mw-body a:link.stub { } /* hovered links */
 
 
/* editing and code */
 
/* editing and code */
 
.editOptions{background:#f7e1a9}
 
.editOptions{background:#f7e1a9}

Revision as of 19:26, 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}

/* standard link colors */
.mw-body a:link { color:#8a2405 } /* normal unvisited links */
.mw-body a:link:active {  } /* active links */
.mw-body a:link.new { color:red;} /* new links */
.mw-body a:visited.new {  } /* new links */
.mw-body a:link.interwiki {  } /* interwiki links */
.mw-body a:link.external {  } /* external links */
.mw-body a:link.stub { } /* hovered links */

#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       .";
}

/* Navigation ************/
#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:#F9E7B9;}
  #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;}

/* Content **************/
#content.mw-body{
  grid-area:content;
  margin:0;
  background:#F9E7B9;
  border:none;}

/* Footer**************/
div#footer{
  grid-area:footer;
  background:#171717;
  margin:0;}
div#footer ul li {color:#a55858}

/* editing and code */
.editOptions{background:#f7e1a9}
#editform textarea{padding:5px 10px}

.mw-code, 
.mw-search-profile-tabs, 
pre, 
ul#pagehistory .selected,
#catlinks
{background:#fff7e4;border:1px dashed #fff;color:#8a2405}

h3#p-cactions-label span {color:#fff}