Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
Bendikhansen (talk | contribs) (Replaced content with "→CSS placed here will be applied to all skins: ") |
Bendikhansen (talk | contribs) (Undo revision 644 by Bendikhansen (talk)) |
||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
| + | /* 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; } | ||
Revision as of 09:26, 18 January 2019
/* CSS placed here will be applied to all skins */
/* 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; }