Difference between revisions of "MediaWiki:Vector.css"

Revision as of 16:41, 3 March 2021

/* 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;
    margin-top: 0.7em;
    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;
}

.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;
}