MediaWiki:Darkvector.css

Note: After publishing, 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 / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/* CSS placed here will affect users of the DarkVector skin */

.mwe-popups .mwe-popups-container {
  background-color: #2A2A2A;
}

.mwe-popups {
  background: #2a2a2a;
  box-shadow: 0 30px 90px -20px rgba(0, 0, 0, 0);
}

.mwe-popups .mwe-popups-extract[dir='ltr']:after {
 right:0;
 background-image:-webkit-linear-gradient(to right,rgba(255,255,255,0),#2a2a2a 50%);
 background-image:linear-gradient(to right,rgba(255,255,255,0),#2a2a2a 50%)
}

.mwe-popups .mwe-popups-settings-icon {
  display: none;
}

ul.tabbernav li.tabberactive a:hover {
  background: #333;
  border-bottom: 1px solid #333;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
  border-right: 1px solid #666;
  }
  
ul.tabbernav li a {
  background: #2a2a2a;
  border-bottom: 1px solid #666;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
  border-right: 1px solid #666;
  }
  
ul.tabbernav li.tabberactive a {
  background-color: #333;
  border-bottom: 1px solid #333;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
  border-right: 1px solid #666;
  }
  
ul.tabbernav li a:hover {
  background: #333;
  border-bottom: 1px solid #666;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
  border-right: 1px solid #666;
  }
  
ul.tabbernav {
  border-bottom: 1px solid #666;
  }
  
.tabber .tabbertab {
  border: 1px solid #666;
  border-top: 0;
  }

.thumbimage {
  background-color: #333;
}

   /* set max width and fix the background */
#skin-vector-maxwidth-wrapper {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 1900px;
}

    html,
    body {
        background-position: top left;
        background-repeat: repeat-x;
    	background-size: 100% 5em;
        background-color: #2a2a2a; 
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#33333),color-stop(100%,#2a2a2a));
        background-image: -webkit-linear-gradient(top,#333333 50%,#2a2a2a 100%);
        background-image: -moz-linear-gradient(top,#333333 50%,#2a2a2a 100%);
        background-image: linear-gradient(#333333 50%,#2a2a2a 100%);
    }
    
    /* set blue right border */
    .mw-body { border-right: 1px solid #250B2D; }
    
    /** fix the position of:
    			personal user menu
    			search bar
    			the pop-up indicator of language selector
    			search suggestions 
    **/
    #p-personal { right: 3pt; }
    #p-search { margin-right: 3pt; }
    .imeselector { position: fixed; }
    .suggestions { right: 3pt !important; }

.mw-advancedSearch-namespace-selection {
  background:#2a2a2a;
  }
  
.mw-advancedSearch-fieldContainer {
  background:#2a2a2a;
  }

.mw-advancedSearch-fieldContainer .oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label {
  background:#2a2a2a;
  color:#c1c1c1;
  }

#toc,
.toc {
    font-size: 0.9em;
    margin-top: 0.75em;
    padding: 0;
    border: none;
    box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
    clear: left;
}

#toc .toctitle,
.toc .toctitle {
    border: 1px solid #666;
    padding: 0.25em 1em;
    background:#2a2a2a;
}

#toc .toctoggle,
.toc .toctoggle {
    padding-left: 0.2em;
}

#toc .tocnumber,
.toc .tocnumber {
    display: none;
}

#toc > ul,
.toc > ul {
    border: 1px solid #666;
    border-top: none;
    line-height: 1.8em;
    padding: 0.75em 1.75em;
    margin: 0;
}

#toc ul ul,
.toc ul ul {
    border-left: 1px dotted #c7b67b;
    padding-left: 0.5em;
}

.toclimit-2 #toc .toclevel-2,
.toclimit-3 #toc .toclevel-3,
.toclimit-4 #toc .toclevel-4,
.toclimit-5 #toc .toclevel-5,
.toclimit-6 #toc .toclevel-6,
.toclimit-7 #toc .toclevel-7 {
    display: none;
}

.gallerytext p {
  color:#c1c1c1;
}

.zoom_img img{
-moz-transition:-moz-transform 0.1s ease-in; 
-webkit-transition:-webkit-transform 0.1s ease-in; 
-o-transition:-o-transform 0.1s ease-in;
transition:transform 0.1 ease-in;
}

.zoom_img img:hover{
-moz-transform:scale(2); 
-webkit-transform:scale(2);
-o-transform:scale(2);
transform:scale(2);
}

ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper, ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper, ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper {
  background: rgba(42,42,42,0.8);
}