MediaWiki:Vector.css
注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
- Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
- Internet Explorer或Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5
- Opera：按 Ctrl-F5。
/* 这里放置的CSS将影响使用Vector皮肤的用户 */
/*处理控制大小居中*/
body {
min-width: 500px;
max-width: 1350px;
margin: 0 auto;
transform-origin: 0 0;
}
#p-personal ul {
padding-left: 0;
}
/*移动端页面调整*/
@media screen and (max-width: 500px){
body {
transform: scale(0.72);
transform-origin: 0 0;
}
#p-personal {
right: 0em;
}
.mw-parser-output .main-page-left {
width: 61% !important;
}
.mw-parser-output .main-page-right {
width: 37.5% !important;
}
.mw-body, .parsoid-body {
padding: 0.55em;
}
#mw-panel {
width: 137px;
}
.mw-body, #mw-data-after-content {
margin-left: 137px;
}
#p-logo a {
background-position: left center;
}
.mw-body, #mw-data-after-content, #footer {
margin-left: 0;
}
#left-navigation {
margin-left: 0;
}
#mw-panel {
display: none;
}
/*手机版信息栏*/
#infos {
background-image: linear-gradient(to top,#f67f77 0,#f8ede8 1px,#ffffff 100%);
}
#ininfos {
color: #9a2800;
font-weight: bold;
padding-right: 1.2em;
padding-left: 1.2em;
}
#mw-panel {
top: 80px;
border-top: 1px solid #d37a5a;
padding-bottom: 16px;
display: none;
background-image: linear-gradient(to top,#77a6f6 0,#fafeff 1px,#ffffff 70%,#fffcf9 100%);
box-shadow: 3px 3px 5px #77c1f652;
width: 140px;
}
/*处理超宽表格*/
.divOutsideTable {
overflow: scroll;
max-width: 481.4px;
}
}
/*桌面过宽页面调整*/
@media screen and (min-width: 982px){
#mw-head {
right: calc(max(0px,calc(50% - 675px)) + max(0px, calc(100vw - 1350px))*0.2) !important;
max-width: calc(1350px - max(0px, calc(100vw - 1350px))*0.2) !important;
}
.mw-body, #mw-head-base, #left-navigation, #mw-data-after-content, .mw-footer {
margin-left: calc(176px - max(0px, calc(100vw - 1350px))*0.2) !important;
margin-right: calc(max(0px, calc(100vw - 1350px))*0.2) !important;
}
#mw-panel {
padding-left: max(3px,calc((100% -1350px)/4.5 - 280px)) !important;
}
}
/*Vector下固定采用分栏*/
.mw-parser-output .main-page-left {
width: 66% !important;
float: left !important;
}
.mw-parser-output .main-page-right {
width: 33% !important;
float: right !important;
}
/* CharInsert 美化*/
a[data-mw-charinsert-start] {
display:inline-block!important;
border:#0645ad 1px solid!important;
padding:1px 5px
}