MediaWiki:Vector.css: Difference between revisions
(test) |
(test) |
||
Line 1: | Line 1: | ||
/* All CSS here will be loaded for users of the Vector skin */ |
/* All CSS here will be loaded for users of the Vector skin */ |
||
@media screen and (min-width: 1401px) { |
|||
/** |
|||
* Skin Vector Max Width, see skinVectorWidthWrapper::onAfterFinalPageOutput |
|||
**/ |
|||
.skin-vector-legacy #skin-vector-maxwidth-wrapper { |
|||
position: relative; |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
max-width: 1400px; |
|||
} |
|||
/*html,*/ |
|||
body.skin-vector-legacy { |
|||
background-position: top left; |
|||
background-repeat: repeat-x; |
|||
background-size: 100% 5em; |
|||
background-image: url(/w/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%); |
|||
} |
|||
/** |
|||
* Skin Vector Max Width: fix the position of: |
|||
* personal user menu |
|||
* search bar |
|||
* add right blue border |
|||
**/ |
|||
.skin-vector-legacy #p-personal { right: 3pt; } |
|||
.skin-vector-legacy #p-search { margin-right: 3pt; } |
|||
.skin-vector-legacy .mw-body { border-right: 1px solid #A7D7F9; } |
|||
} |
|||
@media print { |
|||
.skin-vector-legacy #skin-vector-maxwidth-wrapper { |
|||
position: relative; |
|||
margin-left: 0; |
|||
margin-right: 0; |
|||
max-width: 100%; |
|||
} |
|||
/*html,*/ |
|||
body { |
|||
background:none; |
|||
} |
|||
} |
|||
body.skin-vector-legacy { |
body.skin-vector-legacy { |
||
Line 5: | Line 53: | ||
background-repeat: repeat-x; |
background-repeat: repeat-x; |
||
background-size: 100% 5em; |
background-size: 100% 5em; |
||
background-color: transparent; |
|||
background-image: linear-gradient(#FFFFFF |
background-image: linear-gradient(#FFFFFF 5em,rgb(227, 236, 252) 2em); |
||
} |
} |
||
Revision as of 07:19, 1 June 2024
/* All CSS here will be loaded for users of the Vector skin */
@media screen and (min-width: 1401px) {
/**
* Skin Vector Max Width, see skinVectorWidthWrapper::onAfterFinalPageOutput
**/
.skin-vector-legacy #skin-vector-maxwidth-wrapper {
position: relative;
margin-left: auto;
margin-right: auto;
max-width: 1400px;
}
/*html,*/
body.skin-vector-legacy {
background-position: top left;
background-repeat: repeat-x;
background-size: 100% 5em;
background-image: url(/w/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%);
}
/**
* Skin Vector Max Width: fix the position of:
* personal user menu
* search bar
* add right blue border
**/
.skin-vector-legacy #p-personal { right: 3pt; }
.skin-vector-legacy #p-search { margin-right: 3pt; }
.skin-vector-legacy .mw-body { border-right: 1px solid #A7D7F9; }
}
@media print {
.skin-vector-legacy #skin-vector-maxwidth-wrapper {
position: relative;
margin-left: 0;
margin-right: 0;
max-width: 100%;
}
/*html,*/
body {
background:none;
}
}
body.skin-vector-legacy {
background-position: top left;
background-repeat: repeat-x;
background-size: 100% 5em;
background-color: transparent;
background-image: linear-gradient(#FFFFFF 5em,rgb(227, 236, 252) 2em);
}
body.skin-vector-legacy #mw-page-base {
background: none;
background-image: none;
}
/*body.skin-vector-legacy .vector-menu-tabs .mw-list-item {
background-image: linear-gradient(to top, #77c1f6 0, #e8f2f8 1px, #e8f2f8 50%, rgba(255,255,255,0) 100%);
}
body.skin-vector-legacy .vector-menu-tabs .selected {
background: none;
background-image: linear-gradient(to top, #ffffff 0, #fff 50%, rgba(255,255,255,0) 100%);
}*/