MediaWiki:Gadget-MaxWidthVector.css

MediaWiki interface page
Revision as of 04:26, 23 April 2022 by Ihaveahax (talk | contribs) (Created page with "→‎https://www.mediawiki.org/w/index.php?title=Topic:Rqxj1jgjhnr5ezt5&topic_showPostId=vk8gbzfk1r4m59ij#flow-post-vk8gbzfk1r4m59ij: →‎this is combined with a hook added to LocalSettings.php: →‎* * Skin Vector Max Width, see skinVectorWidthWrapper::onAfterFinalPageOutput *: .skin-vector-legacy #skin-vector-maxwidth-wrapper { position: relative; margin-left: auto; margin-right: auto; max-width: 1300px; } →‎html,: body.skin-vector-legacy { back...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* https://www.mediawiki.org/w/index.php?title=Topic:Rqxj1jgjhnr5ezt5&topic_showPostId=vk8gbzfk1r4m59ij#flow-post-vk8gbzfk1r4m59ij */
/* this is combined with a hook added to LocalSettings.php */

/**
 * Skin Vector Max Width, see skinVectorWidthWrapper::onAfterFinalPageOutput
**/
.skin-vector-legacy #skin-vector-maxwidth-wrapper {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 1300px;
}

/*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%);
}

@media print {
	.skin-vector-legacy #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
**/
.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; }