MediaWiki:Vector.css: Difference between revisions

From ServantPedia™, the paid (but reliable) encyclopedia
Jump to navigation Jump to search
Created page with "All CSS here will be loaded for users of the Vector skin: Set a maximum width for the content: #content { max-width: 900px; margin: 0 auto; center it: padding: 0 20px; } Optional: also constrain header and footer: #mw-head, #mw-panel, #footer { max-width: 1200px; margin: 0 auto; }"
 
Replaced content with "All CSS here will be loaded for users of the Vector skin: set max width and fix the background: html, body { position: relative; margin-left: auto !important; margin-right: auto !important; max-width: 1280px; 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,lef..."
 
(6 intermediate revisions by the same user not shown)
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 */
/* Set a maximum width for the content */
/* set max width and fix the background */
#content {
html,
    max-width: 900px;
body {
     margin: 0 auto; /* center it */
position: relative;
     padding: 0 20px;
margin-left: auto !important;
margin-right: auto !important;
max-width: 1280px;
    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%);
}
}


/* Optional: also constrain header and footer */
/* set blue right border */
#mw-head, #mw-panel, #footer {
.mw-body { border-right: 1px solid #A7D7F9; }
    max-width: 1200px;
 
    margin: 0 auto;
/** fix the position of:
}
personal user menu
search bar
the pop-up indicator of language selector
search suggestions
**/
#p-personal { right: 3pt; }
#p-search { margin-right: 3pt; }
.imeselector { position: fixed; }
.suggestions { right: 3pt !important; }

Latest revision as of 12:19, 9 April 2025

/* All CSS here will be loaded for users of the Vector skin */
/* set max width and fix the background */
html,
body {
	position: relative;
	margin-left: auto !important;
	margin-right: auto !important;
	max-width: 1280px;
    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%);
}

/* set blue right border */
.mw-body { border-right: 1px solid #A7D7F9; }

/** fix the position of:
			personal user menu
			search bar
			the pop-up indicator of language selector
			search suggestions 
**/
#p-personal { right: 3pt; }
#p-search { margin-right: 3pt; }
.imeselector { position: fixed; }
.suggestions { right: 3pt !important; }