MediaWiki:Vector.css:修订间差异
无编辑摘要 |
无编辑摘要 |
||
第1行: | 第1行: | ||
/* 这里放置的CSS将影响使用Vector皮肤的用户 */ | /* 这里放置的CSS将影响使用Vector皮肤的用户 */ | ||
@media screen and (max-width: 500px) { | |||
/*处理控制大小居中*/ | |||
body { | |||
min-width: 720px; | |||
max-width: 1350px; | |||
margin: 0 auto; | |||
} | |||
@media screen and (max-width: 500px){ | |||
body { | |||
position:absolute; | |||
} | |||
#p-personal { | |||
right: 0em; | |||
} | |||
#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 { | .mw-body, #mw-data-after-content, #footer { | ||
margin-left: 0; | margin-left: 0; | ||
第9行: | 第32行: | ||
#mw-panel { | #mw-panel { | ||
display: none; | display: none; | ||
} | |||
} | |||
@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; | |||
} | } | ||
} | } |
2022年10月30日 (日) 10:19的版本
/* 这里放置的CSS将影响使用Vector皮肤的用户 */
/*处理控制大小居中*/
body {
min-width: 720px;
max-width: 1350px;
margin: 0 auto;
}
@media screen and (max-width: 500px){
body {
position:absolute;
}
#p-personal {
right: 0em;
}
#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: 2em;
}
#mw-panel {
display: none;
}
}
@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;
}
}