Difference between revisions of "MediaWiki:Vector.css"

From Notes
Jump to navigation Jump to search
 
(4 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 */
   
  +
/*
/* upper blue line */
 
  +
.vector-menu-tabs li {
#mw-head-base {
 
  +
background-image: none;
margin-left: auto !important;
 
  +
background-image: none;
margin-right: auto !important;
 
max-width: 1000px !important;
 
 
}
 
}
  +
/* lower blue line + footer content */
 
  +
.mw-body {
#footer {
 
margin-left: auto !important;
 
margin-right: auto !important;
 
max-width: 1000px !important;
 
}
 
/* main content */
 
#content {
 
margin-left: auto !important;
 
margin-right: auto !important;
 
 
max-width: 1000px;
 
max-width: 1000px;
  +
margin: 0 auto;
  +
border: none;
 
}
 
}
  +
*/
#bodyContent {
 
  +
/* set max width and fix the background */
z-index: 10;
 
  +
html,
}
 
  +
body {
#mw-navigation {
 
  +
position: relative;
margin-right: auto !important;
 
  +
margin-left: auto !important;
max-width: 1190px;
 
min-width: 1000px;
+
margin-right: auto !important;
  +
max-width: 1280px;
position: absolute;
 
  +
background-position: top left;
top: 0;
 
left: 50%;
+
background-repeat: repeat-x;
  +
background-size: 100% 5em;
}
 
  +
background-image: url(/skins/Vector/images/page-fade.png);
div#mw-panel {
 
  +
background-color: #f6f6f6;
position: relative;
 
  +
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#ffffff),color-stop(100%,#f6f6f6));
left: 0;
 
  +
background-image: -webkit-linear-gradient(top,#ffffff 50%,#f6f6f6 100%);
margin-left: -190px;
 
  +
background-image: -moz-linear-gradient(top,#ffffff 50%,#f6f6f6 100%);
width:160px;
 
  +
background-image: linear-gradient(#ffffff 50%,#f6f6f6 100%);
}
 
div#mw-head {
 
position: relative;
 
right: 0;
 
margin-right: 0;
 
max-width: 1000px;
 
 
}
 
}
  +
  +
/* 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; }

Latest revision as of 20:13, 23 February 2021

/* All CSS here will be loaded for users of the Vector skin */

/*
.vector-menu-tabs li {
    background-image: none;
    background-image: none;
}

.mw-body {
	max-width: 1000px;
	margin: 0 auto;
	border: none;
}
*/
/* 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; }