„MediaWiki:Vector.css” változatai közötti eltérés
Ugrás a navigációhoz
Ugrás a kereséshez
(Új oldal, tartalma: „→Az ide elhelyezett CSS hatással lesz a Vector felület használóira: →set max width and fix the background: html, body { position: relative;…”) |
a |
||
1. sor: | 1. sor: | ||
/* Az ide elhelyezett CSS hatással lesz a Vector felület használóira */ | /* Az ide elhelyezett CSS hatással lesz a Vector felület használóira */ | ||
− | + | /** | |
− | + | * Skin Vector Max Width, see skinVectorWidthWrapper::onAfterFinalPageOutput | |
− | + | **/ | |
− | + | #skin-vector-maxwidth-wrapper { | |
− | + | position: relative; | |
− | + | margin-left: auto; | |
− | + | margin-right: auto; | |
− | + | max-width: 1460px; | |
− | + | } | |
− | + | #bodyContent { | |
− | + | font-size: 0.81em; | |
− | + | max-width:1000px; | |
− | + | } | |
− | + | ||
− | + | html, | |
− | + | body { | |
− | + | background-position: top left; | |
− | + | background-repeat: repeat-x; | |
− | + | background-size: 100% 5em; | |
− | + | background-image: url(/skins/Vector/images/page-fade.png); | |
− | + | background-color: #f6f6f6; | |
− | + | background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#ffffff),color-stop(100%,#f6f6f6)); | |
− | + | background-image: -webkit-linear-gradient(top,#ffffff 50%,#f6f6f6 100%); | |
− | + | background-image: -moz-linear-gradient(top,#ffffff 50%,#f6f6f6 100%); | |
− | + | background-image: linear-gradient(#ffffff 50%,#f6f6f6 100%); | |
− | + | } | |
− | + | ||
− | + | @media print { | |
− | + | #skin-vector-maxwidth-wrapper { | |
− | + | position: relative; | |
− | + | margin-left: 0; | |
+ | margin-right: 0; | ||
+ | max-width: 100%; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | html, | ||
+ | body { | ||
+ | background:none; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /** | ||
+ | * Skin Vector Max Width: fix the position of: | ||
+ | * personal user menu | ||
+ | * search bar | ||
+ | * add right blue border | ||
+ | **/ | ||
+ | #p-personal { right: 3pt; } | ||
+ | #p-search { margin-right: 3pt; } | ||
+ | .mw-body { border-right: 1px solid #A7D7F9; } |
A lap 2022. április 24., 09:23-kori változata
/* Az ide elhelyezett CSS hatással lesz a Vector felület használóira */
/**
* Skin Vector Max Width, see skinVectorWidthWrapper::onAfterFinalPageOutput
**/
#skin-vector-maxwidth-wrapper {
position: relative;
margin-left: auto;
margin-right: auto;
max-width: 1460px;
}
#bodyContent {
font-size: 0.81em;
max-width:1000px;
}
html,
body {
background-position: top left;
background-repeat: repeat-x;
background-size: 100% 5em;
background-image: url(/skins/Vector/images/page-fade.png);
background-color: #f6f6f6;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#ffffff),color-stop(100%,#f6f6f6));
background-image: -webkit-linear-gradient(top,#ffffff 50%,#f6f6f6 100%);
background-image: -moz-linear-gradient(top,#ffffff 50%,#f6f6f6 100%);
background-image: linear-gradient(#ffffff 50%,#f6f6f6 100%);
}
@media print {
#skin-vector-maxwidth-wrapper {
position: relative;
margin-left: 0;
margin-right: 0;
max-width: 100%;
}
}
html,
body {
background:none;
}
}
/**
* Skin Vector Max Width: fix the position of:
* personal user menu
* search bar
* add right blue border
**/
#p-personal { right: 3pt; }
#p-search { margin-right: 3pt; }
.mw-body { border-right: 1px solid #A7D7F9; }