MediaWiki:Vector.css:修订间差异
跳转到导航
跳转到搜索
无编辑摘要 |
无编辑摘要 |
||
第1行: | 第1行: | ||
/* 这里放置的CSS将影响使用Vector皮肤的用户 */ |
/* 这里放置的CSS将影响使用Vector皮肤的用户 */ |
||
⚫ | |||
/*处理控制大小居中*/ |
|||
body { |
|||
min-width: 720px; |
|||
max-width: 1350px; |
|||
margin: 0 auto; |
|||
} |
|||
⚫ | |||
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;
}
}