|
|
(89 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
| /* 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;
| |
| }
| |