MediaWiki:Vector.css: Difference between revisions

(test)
(meh)
Line 49: Line 49:
}
}


/*
body.skin-vector-legacy {
body.skin-vector-legacy {
background-position: top left;
background-position: top left;
Line 62: Line 63:
}
}


/*body.skin-vector-legacy .vector-menu-tabs .mw-list-item {
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%);
background-image: linear-gradient(to top, #77c1f6 0, #e8f2f8 1px, #e8f2f8 50%, rgba(255,255,255,0) 100%);
}
}

Revision as of 07:28, 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%);
}*/