MediaWiki:Vector.css
Jump to navigation
Jump to search
Note: After saving, 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: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* All CSS here will be loaded for users of the Vector skin */ html, body { font-family: Arial, sans-serif; } @font-face { font-family: 'AvantGarde LT'; src: url('../voipac/fonts/AvantGardeLT-Medium.eot'); src: local('AvantGarde LT'), local('AvantGarde LT'), url('../voipac/fonts/AvantGardeLT-Medium.eot?#iefix') format('embedded-opentype'), url('../voipac/fonts/AvantGardeLT-Medium.woff2') format('woff2'), url('../voipac/fonts/AvantGardeLT-Medium.woff') format('woff'), url('../voipac/fonts/AvantGardeLT-Medium.ttf') format('truetype'), url('../voipac/fonts/AvantGardeLT-Medium.svg#AvantGardeLT-Medium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AvantGarde LT'; src: url('../voipac/fonts/AvantGardeLT-Bold.eot'); src: local('AvantGarde LT'), local('AvantGarde LT'), url('../voipac/fonts/AvantGardeLT-Bold.eot?#iefix') format('embedded-opentype'), url('../voipac/fonts/AvantGardeLT-Bold.woff2') format('woff2'), url('../voipac/fonts/AvantGardeLT-Bold.woff') format('woff'), url('../voipac/fonts/AvantGardeLT-Bold.ttf') format('truetype'), url('../voipac/fonts/AvantGardeLT-Bold.svg#AvantGardeLT-Bold') format('svg'); font-weight: bold; font-style: normal; } .mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: "AvantGarde LT", Arial, sans-serif; } .mw-body h1, .mw-body-content h1 { margin-top: 0.7em; margin-bottom: 0.1em; } .mw-body-content h2 { margin-top: 1.5em; margin-bottom: 0.1em; } .mw-body-content h3, .mw-body-content h4 { font-family: "AvantGarde LT", Arial, sans-serif; font-weight: bold; margin-top: 0.5em; margin-bottom: 0.1em; } a, a:link, a:visited, .portal .body li a:visited, .vector-menu-portal .body li a:visited, .portal .body li a, .vector-menu-portal .body li a, .mw-parser-output a.extiw, .mw-parser-output a.external, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited { color: #1DB1AC; transition: color 0.25s ease-out; } a:hover, a:active { color: #138884; } .vector-menu-dropdown li a, .vector-menu-tabs li a, .vector-menu-tabs .new a, .vector-menu-tabs .new a:visited { color: #1DB1AC; text-transform: uppercase; font-weight: 600; font-family: "AvantGarde LT", Arial, sans-serif; padding-left: 10px; padding-right: 10px; } #mw-head .vector-menu-dropdown h3 { font-weight: 600; } .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 { background-image: linear-gradient(to bottom,rgba(29, 177, 172,0) 0,#1db1ac 100%); } .vector-menu-tabs li { background-image: linear-gradient(to top,#1db1ac 1px,#dbf1f0 1px,#ffffff 100%); } .mw-body { border: 1px solid #1db1ac; } .mw-parser-output .external { background-image: url(/images/external-link.png); padding-right: 20px; } .toctogglelabel{ color: #12a6a1; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: #fff; background-color: #1DB1AC; border-color: #1DB1AC; box-shadow: unset; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { background-color: #168b87; border-color: #168b87; box-shadow: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span { background-color: #1DB1AC; border-color: #1DB1AC; box-shadow: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span{ background-color: #168b87; border-color: #168b87; box-shadow: unset; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { background-color: #1DB1AC; border-color: #1DB1AC; box-shadow: unset; outline: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span { background-color: #1DB1AC; border-color: #1DB1AC; box-shadow: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span{ border-color: #1DB1AC; box-shadow: unset; } .oo-ui-inputWidget:focus, .oo-ui-inputWidget [type='checkbox']:focus, .oo-ui-inputWidget [type='checkbox'] + span:focus{ outline-color: #1DB1AC; box-shadow: unset; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { color: #fff; background-color: #168b87; border-color: #168b87; box-shadow: unset; } .mw-ui-button.mw-ui-progressive { background-color: #1DB1AC; color: #fff; border: 1px solid #1DB1AC; box-shadow: unset; } .mw-ui-button.mw-ui-progressive:hover { background-color: #168b87; border-color: #168b87; box-shadow: unset; } .mw-ui-button.mw-ui-progressive:active, .mw-ui-button.mw-ui-progressive.is-on { background-color: #168b87; border-color: #168b87; box-shadow: unset; } .mw-ui-input:focus { border-color: #1DB1AC; box-shadow: unset; outline: 0; } .mw-ui-checkbox:not(#noop) [type='checkbox']:enabled:checked + label:before { background-color: #1DB1AC; border-color: #1DB1AC; box-shadow: unset; } .mw-ui-checkbox:not(#noop) [type='checkbox']:enabled:checked:hover + label:before, .mw-ui-checkbox:not(#noop) [type='checkbox']:enabled:checked:active + label:before, .mw-ui-checkbox:not(#noop) [type='checkbox']:enabled:checked:focus + label:before, .mw-ui-checkbox:not(#noop) [type='checkbox']:enabled:active + label:before { background-color: #168b87; border-color: #168b87; box-shadow: unset; } .mw-ui-checkbox:not(#noop) [type='checkbox']:enabled:hover + label:before { border-color: #1DB1AC; box-shadow: unset; } .toccolours { border: none; background-color: white; } .toccolours img{ width: 100%; height: auto; } #searchInput { border: 1px solid #d6dce2; } ul{ list-style-type: square; list-style-image: none; }