Difference between revisions of "MediaWiki:Vector.css"
From User Manual :: Screenbits
(Created page with "→CSS placed here will affect users of the Vector skin: #footer-info-lastmod { display: none; }") |
|||
Line 1: | Line 1: | ||
/* CSS placed here will affect users of the Vector skin */ | /* CSS placed here will affect users of the Vector skin */ | ||
− | #footer-info-lastmod { display: none; } | + | #footer-info-lastmod { display: 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; } |
Latest revision as of 17:31, 15 July 2021
/* CSS placed here will affect users of the Vector skin */ #footer-info-lastmod { display: 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; }