Difference between revisions of "MediaWiki:Vector.css"
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; |
||
− | + | margin-right: auto !important; |
|
+ | max-width: 1280px; |
||
− | position: absolute; |
||
+ | background-position: top left; |
||
− | top: 0; |
||
− | + | 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; }