Difference between revisions of "MediaWiki:Vector.css"
Jump to navigation
Jump to search
| (9 intermediate revisions by the same user not shown) | |||
| Line 265: | Line 265: | ||
.webshop-link{ | .webshop-link{ | ||
display: block; | display: block; | ||
| − | background-image: url(https://wiki.voipac.com/images | + | background-image: url(https://wiki.voipac.com/images/voipac-webshop-logo.svg); |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: center right; | background-position: center right; | ||
| − | width: | + | background-size: contain; |
| − | height: | + | width: 90px; |
| + | height: 37px; | ||
font-size: 0; | font-size: 0; | ||
position: absolute; | position: absolute; | ||
| Line 277: | Line 278: | ||
#firstHeading{ | #firstHeading{ | ||
position: relative; | position: relative; | ||
| + | } | ||
| + | .mw-wiki-logo { | ||
| + | background-size: contain; | ||
| + | background-image: url(/images/voipac-logo-wiki.svg); | ||
} | } | ||
Latest revision as of 09:11, 13 March 2024
/* 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.8em;
margin-bottom: 0.5em;
}
.mw-body-content h2 {
margin-top: 1.5em;
margin-bottom: 0.5em;
}
.mw-body-content h3, .mw-body-content h4 {
font-family: "AvantGarde LT", Arial, sans-serif;
font-weight: bold;
margin-top: 0.6em;
margin-bottom: 0.3em;
}
.mw-body-content h5{
border-top: 1px solid #a2a9b1;
border-bottom: 1px solid #a2a9b1;
font-size: 20px;
padding: 5px 0;
}
.mw-body-content h2 + h5{
border-top: unset;
margin-top: 0;
padding-top: 0;
}
.mw-body-content h6{
font-size: 16px;
color: #1DB1AC;
margin-top: 0;
padding-top: 0;
}
.mw-body-content h6 a,
.mw-body-content h6 a:link,
.mw-body-content h6 a:visited{
font-size: 16px;
color: #1DB1AC;
}
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;
}
ul{
list-style-type: square;
list-style-image: none;
}
li{
margin-bottom: 0.3em;
}
.mw-normal-catlinks a{
font-size: 15px !important;
}
#p-Voipac h3{
display: none;
}
#p-Voipac #n-Voipac-webshop a{
display: block;
background-image: url(/images/0/07/voipac-webshop-small.png);
background-repeat: no-repeat;
background-position: center right;
width: 100%;
height: 37px;
font-size: 0;
margin-top: 90px;
}
.webshop-link{
display: block;
background-image: url(https://wiki.voipac.com/images/voipac-webshop-logo.svg);
background-repeat: no-repeat;
background-position: center right;
background-size: contain;
width: 90px;
height: 37px;
font-size: 0;
position: absolute;
right: 0;
top: -20px;
}
#firstHeading{
position: relative;
}
.mw-wiki-logo {
background-size: contain;
background-image: url(/images/voipac-logo-wiki.svg);
}