MediaWiki:Vector.css
Jump to navigation
Jump to search
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 Vector skin */ /* To make images responsive */ img { max-width:100%; height:auto; } body { background: var(--body-background-image) top left / 1400px 200px no-repeat; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { body { background-image: url('/images/backgroundda.png'); background-size: 1400px 200px; } } #mw-page-base { background: none; } div#mw-panel { padding-top: 2.5em; } div#mw-panel div.portal h3 { font-weight: bold; } div#mw-panel div.portal div.body { background: none; margin-right: 0.5em; } .mw-body { border-color: transparent; box-shadow: 0 0.25em 0.6em -0.15em rgba(0, 0, 0, 0.15); margin-top: 0; } div.vectorTabs, div.vectorTabs ul, div#mw-head div.vectorMenu h3 { background: #f6f6f6; } .vector-menu-tabs li a { background: #f6f6f6 !important; } div.vectorTabs li.selected { background: #fbfbfb; } #ca-view { display: none; } #pt-notifications-alert .mw-echo-notifications-badge:before { background-size: 75%; background-position: center 80%; } #pt-notifications-notice .mw-echo-notifications-badge:before { background-size: 80%; background-position: center 90%; } div.vectorTabs { } div.vectorTabs ul li { background: #f6f6f6; } div.vectorTabs ul li:hover a { text-decoration: none; } div.vectorTabs li a { padding: 0 0.75em; } div.vectorTabs span { background: none; } div.vectorTabs span a { padding-top: 1em; height: 2.25em; } div.vectorTabs ul li:not(.selected):hover, div#mw-head div.vectorMenu h3:hover, #p-cactions:hover #p-cactions-label { background: #fafafa; } div.vectorTabs ul li:not(.selected), div#mw-head div.vectorMenu h3 { box-shadow: inset 0 -7px 7px -7px rgba(0, 0, 0, 0.15); } .ve-activated .vectorTabs .selected { box-shadow: none; } div.vectorMenu { line-height: initial; } div.vectorMenu h3 span { padding-top: 1.1em; } div.vectorMenu h3 a { height: 2.2em; } div.vectorMenu div.menu { border: 1px solid #ddd; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1); } #p-cactions-label { padding-right: 0.5em; } #ca-unwatch.icon a, #ca-watch.icon a { padding-top: 2.95em; } #p-search { margin: 0; } #p-search form { margin-top: 0; } div#simpleSearch { border: none; background: #ffffff; height: 2.485em; margin-top: 0; box-shadow: inset 0 -7px 7px -7px rgba(0, 0, 0, 0.15); } div#simpleSearch #searchInput { font-family: 'IBM Plex Sans', 'Helvetica Neue', 'Arial', sans-serif; padding: 1em 0 0 0.75em; } div#simpleSearch #searchButton { width: 2.5em; } #siteNotice { text-align: center; margin: 0.75em 0 1em; } .sitedir-ltr .mw-dismissable-notice-body { margin: 0; } form#editform { margin-top: 1.25em; } .button { background: #438ab5; border: 1px solid #2a83bb; color: #fff; cursor: pointer; display: inline-block; font-size: 12px; height: 19px; line-height: 20px; padding: 0 10px; } #t-specialpages, #t-recentchangeslinked, #t-print, #t-permalink { display: none; } #n-Discord a { color: white !important; font-size: 12px; font-weight: bold; border-radius: 5px; border: 1px solid #5e76c6; background-color: #7289da; display: block; position: relative; padding: 4px 0 5px calc(17px + 5.5px * 2); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); transition: 0.2s ease; } #n-Discord a::before { content: 'Chat on '; font-weight: normal; opacity: 0.85; } #n-Discord a::after { content: ''; background: url('/images/Discord_icon.png') no-repeat; background-size: 17px 13px; filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1)); position: absolute; top: 4px; left: 7px; width: 17px; height: 13px; } #n-Discord a:hover { text-decoration: none; background-color: #6980d1; }