MediaWiki:Darkvector.css: Difference between revisions
From PSP2i Wiki
No edit summary |
No edit summary |
||
Line 183: | Line 183: | ||
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 { | 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); | background: rgba(42,42,42,0.8); | ||
} | |||
.toc, .toccolours { | |||
border: 1px solid #666; | |||
background-color: #2a2a2a; | |||
} | } |
Revision as of 14:24, 30 October 2021
/* 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); } .toc, .toccolours { border: 1px solid #666; background-color: #2a2a2a; }