User:Spas.Z.Spasov/skin-vector-max-width.css

From Meta, a Wikimedia project coordination wiki

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.
/**
 * Skin Vector Max Width
 * 
 * @author Spas Zdravkov Spasov <spas.z.spasov@gmail.com> (c) 2019
**/

.mw-body { border-right: 1px solid #A7D7F9; }			/* set blue right border */
#p-personal { right: 3pt; }								/* fix the position of: personal user menu */
#p-search { margin-right: 3pt; }						/* fix the position of: search bar */

@media (min-width: 1460px) {

	html,		/* set max width and fix the background **/
	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%);
		position: relative;
		margin-left: auto !important;
		margin-right: auto !important;
		max-width: 1440px;
		padding: 0;
	}

	.suggestions { right: 3pt !important; } 	 			/* fix the position of: search suggestions; look at #p-personal and #p-search */
	body .mediawiki .ns--1 .ns-special .mw-special-Emailuser .skin-vector.action-view .webfonts-changed > .suggestions { position: fixed;  } /* fix the position of: search suggestions on this specific pages*/
	.imeselector.imeselector-toggle { position: fixed; }
	
}