Difference between revisions of "MediaWiki:Common.css"

Latest revision as of 07:16, 24 September 2019

/* CSS placed here will be applied to all skins */


/* Heading */
#mw-head { background-color: #000; color: #fff; border-width: 0px; }
#mw-page-base { height: 4.5em !important; }
#firstHeading { color: #fff; }
h1, h2, h3 { color: #fff !important; }
#p-personal a { color: #4DFF93; }
#p-personal a:visited { color: #C9FFD8; }

/*Hiding stuff On Home Page*/
body.page-Home.action-view h1.firstHeading, body.page-Home.action-submit h1.firstHeading { display: none; }
body.page-Home .mw-redirectedfrom { display:none !important; }
body.page-Home .toc { display:none !important; }
body.page-Patch.action-view h1.firstHeading, body.page-Patch.action-submit h1.firstHeading { display: none; }

/* Top Tabs */
#ca-talk { display:none !important; }
#ca-view { display:none !important; }
#ca-viewsource { display:none !important; }
#ca-history > span, #ca-unwatch > span, #ca-edit > span { background-color: #000; color: white; }
#ca-history a, #ca-unwatch a, #ca-edit a { color: #4DFF93; }
#ca-history a:visited, #ca-unwatch a:visited, #ca-edit a:visited { color: #C9FFD8; }
#p-cactions-label > span { color: #fff; }
#p-namespaces { display: none !important; }

/* Left navigation */
div#mw-panel div.portal h3,
div#mw-panel div.portal div.body ul li{
   color: white;
   font-size: 0.9em;
   margin: 0 0 0 0.66666667em;
}
div#mw-panel div.portal div.body a {
   color: #4DFF93;
}
div#mw-panel div.portal div.body a:visited {
   color: #C9FFD8;
}

/* Body */
body { background-image: url('https://virtuverse.wiki/wikibg.png'); 
background-size: auto; 
}
#content { background-color: #36393f; color: #fff; }
.thumbinner { background-color: #000 !important; }
.mw-headline h3 { color: #fff; }
#content a { color: #4DFF93; }
#content a:visited { color: #C9FFD8; }
#catlinks { background-color: #000; }

/* Bullets */
#content ul {
  list-style: none; /* Remove default bullets */
}

#content ul li::before {
  content: "\2022";
  color: #4DFF93; /* Change the color */ 
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -5px; /* Also needed for space (tweak if needed) */
  margin-right: 10px;
}

/* Tables */
.vvwiki-table table, th, td {
   font-size:13px;
   border: 1px solid white;
   padding: 2px;
}
.vvwiki-table th {
   cursor: pointer;
   background-color: black !important;
}
.vvwiki-table th:hover {
   color: black;
   background-color: #4DFF93 !important; 
}
.mw-datatable table, .mw-datatable th, .mw-datatable td {
   background-color: #3f434a !important;
   border: 1px solid white;
}
.vvwiki-small-links { font-size:12px; }
.section-html {
   border-radius: 5px;
   padding: 5px;
}

#filetoc { background-color: black; }

/* TOC */
#toc {
   background-color: #494c52;
}
.tocnumber { color: white; }
.toctogglelabel { color:#4DFF93; }

/* Images */
.gallerytext {
   color: #4DFF93;
   background-color: #5b606b;
}

/* Loading icon */
.vvwiki-loader {
  border: 5px solid #f3f3f3;
  border-top: 5px solid #4DFF93;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 2s linear infinite;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

/* Creature Form Info */
#creature-form-info {
   padding: 5px; width: 50%; border: 3px dotted green; background: black;
}

/* Footer */
#footer-info-lastmod { background-color: #fff; }
#footer-poweredbyico { display: none; }
#footer-places a { color: #4DFF93; }
#footer-places a:visited { color: #C9FFD8; }
.mw-prefs-button { background-color: #36393f; }

/* Button */

.vvwiki-btn {
  background-color: #4DFF93;
  font-color: #fff;
  font-size: 15px;
  padding: 5px 12px;
  border: none;
  cursor: pointer;
  border-radius: 4px;
  text-align: center;
}

.vvwiki-btn:hover {
  background-color: #C9FFD8;
}

.vvwiki-btn:disabled {
  background-color: #36393f;
}

/* Others */
.oo-ui-buttonElement-button { 
   background-color: #777c87 !important;
   color: #4DFF93 !important;
}
.oo-ui-inline-help { color: orange !important; }
.oo-ui-optionWidget { background-color: #4DFF93 !important; }

/* increase Vector sidebar width*/
div#mw-panel { width: 12em; }
div#p-Ads div.body {margin: 0em !important; }
div#footer, #mw-head-base, div#content { margin-left: 12em; }
#left-navigation { margin-left: 12em; }

.editOptions { 
     background-color: #5b606b;
}