MediaWiki:Vector.css:修订间差异
跳到导航
跳到搜索
无编辑摘要 |
小无编辑摘要 |
||
(未显示同一用户的1个中间版本) | |||
第2行: | 第2行: | ||
/*春季主题背景---画画的纱雾酱*/ | /*春季主题背景---画画的纱雾酱*/ | ||
body.skin-vector- | body.skin-vector-legacy { | ||
background-color: rgba(240, 240, 240, .5); | background-color: rgba(240, 240, 240, .5); | ||
background-image:url(/index.php/Special:FilePath/%E7%94%BB%E7%94%BB%E7%9A%84%E7%BA%B1%E9%9B%BE%E9%85%B1.png); | background-image:url(/index.php/Special:FilePath/%E7%94%BB%E7%94%BB%E7%9A%84%E7%BA%B1%E9%9B%BE%E9%85%B1.png); | ||
第11行: | 第11行: | ||
background-repeat:no-repeat; | background-repeat:no-repeat; | ||
} | } | ||
body.skin-vector- | body.skin-vector-legacy .mw-body { | ||
margin-top: -4px; | margin-top: -4px; | ||
background-color: rgba(255, 255, 255, 0.8); | background-color: rgba(255, 255, 255, 0.8); | ||
} | } | ||
body.skin-vector- | body.skin-vector-legacy #footer-places li, #footer-icons li { | ||
float: unset; | float: unset; | ||
display: inline-block; | display: inline-block; | ||
} | } | ||
body.skin-vector- | body.skin-vector-legacy #footer-places, #footer-icons { | ||
display: inline-block; | display: inline-block; | ||
} | } | ||
body.skin-vector-legacy .mw-body { | |||
margin-left: 12.4em; | |||
} | |||
/* 侧边栏、顶部栏、页脚 */ | /* 侧边栏、顶部栏、页脚 */ | ||
body.skin-vector- | body.skin-vector-legacy .mw-body { | ||
border-left: 1px solid #bbb; | border-left: 1px solid #bbb; | ||
border-bottom: 1px solid #bbb; | border-bottom: 1px solid #bbb; | ||
第31行: | 第34行: | ||
border-right: none; | border-right: none; | ||
} | } | ||
body.skin-vector- | body.skin-vector-legacy .vectorTabs { | ||
font-size: 16px; | font-size: 16px; | ||
padding-top: 2px; | padding-top: 2px; | ||
} | } | ||
body.skin-vector- | body.skin-vector-legacy .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-wikilove.icon a { | ||
padding-top: 3.4em; | padding-top: 3.4em; | ||
} | } | ||
body.skin-vector- | body.skin-vector-legacy .vectorMenuCheckbox { | ||
height:110%; | height:110%; | ||
} | } | ||
body.skin-vector- | body.skin-vector-legacy .portal { | ||
background: transparent !important; | background: transparent !important; | ||
} | } | ||
body.skin-vector- | body.skin-vector-legacy #mw-panel { | ||
border-right: 1px solid #bbb; | border-right: 1px solid #bbb; | ||
border-bottom: 1px solid #bbb; | border-bottom: 1px solid #bbb; | ||
第51行: | 第54行: | ||
padding-left: 14px !important; | padding-left: 14px !important; | ||
} | } | ||
body.skin-vector- | body.skin-vector-legacy #p-logo { | ||
left: 0px; | left: 0px; | ||
padding-left: 2px; | padding-left: 2px; | ||
} | } | ||
body.skin-vector- | body.skin-vector-legacy #p-logo a { | ||
padding-left: 40px; | padding-left: 40px; | ||
left: 0px; | left: 0px; | ||
border-right: 1px solid #aaa; | border-right: 1px solid #aaa; | ||
} | } | ||
body.skin-vector- | body.skin-vector-legacy #p-logo a:hover { | ||
opacity: 1.0; | opacity: 1.0; | ||
} | } | ||
body.skin-vector- | body.skin-vector-legacy #mw-head { | ||
background-color: rgb(254,254,254,0.94); | background-color: rgb(254,254,254,0.94); | ||
height: 100px; | height: 100px; | ||
第74行: | 第77行: | ||
transition-duration: 0.25s !important; | transition-duration: 0.25s !important; | ||
} | } | ||
body.skin-vector- | body.skin-vector-legacy .vectorMenu { | ||
font-size: 92%; | font-size: 92%; | ||
} | } | ||
body.skin-vector- | body.skin-vector-legacy #left-navigation { | ||
margin-left: 233px !important; | margin-left: 233px !important; | ||
} | } | ||
body.skin-vector- | body.skin-vector-legacy #mw-page-base { | ||
height: 104px; | height: 104px; | ||
} | } | ||
body.skin-vector- | body.skin-vector-legacy #left-navigation, | ||
body.skin-vector- | body.skin-vector-legacy #right-navigation { | ||
margin-top: 60px; | margin-top: 60px; | ||
} | } | ||
body.skin-vector- | body.skin-vector-legacy #mw-head div.vectorMenu h4 { | ||
height: 1.9em; | height: 1.9em; | ||
margin-bottom: 0; | margin-bottom: 0; | ||
第94行: | 第97行: | ||
padding-right: 0.5em; | padding-right: 0.5em; | ||
} | } | ||
body.skin-vector- | body.skin-vector-legacy #mw-panel div.portal { | ||
padding-bottom: 0.7em; | padding-bottom: 0.7em; | ||
padding-top: 0.4em; | padding-top: 0.4em; | ||
} | } | ||
body.skin-vector- | body.skin-vector-legacy #mw-panel #p-logo .mw-wiki-logo { | ||
width: 175px; | width: 175px; | ||
} | } | ||
body.skin-vector- | body.skin-vector-legacy #mw-panel { | ||
font-size: 18.5px; | font-size: 18.5px; | ||
} | } | ||
body.skin-vector- | body.skin-vector-legacy #mw-head li { | ||
background: transparent !important; | background: transparent !important; | ||
} | } | ||
body.skin-vector- | body.skin-vector-legacy #mw-panel .portal .body li { | ||
line-height: 1.6em; | line-height: 1.6em; | ||
} | } | ||
body.skin-vector- | body.skin-vector-legacy .mw-wiki-logo { | ||
padding-left: 5px !important; | padding-left: 5px !important; | ||
padding-top: 10px !important; | padding-top: 10px !important; | ||
border: none !important; | border: none !important; | ||
} | } | ||
body.skin-vector- | body.skin-vector-legacy .clear-div { | ||
clear: both; | clear: both; | ||
} | } | ||
body.skin-vector- | body.skin-vector-legacy .uls-trigger { | ||
display: none; | display: none; | ||
} | } | ||
body.skin-vector- | body.skin-vector-legacy div.vectorMenu div.menu { | ||
top: 2.8em; | top: 2.8em; | ||
width: 100%; | width: 100%; | ||
第128行: | 第131行: | ||
border-top: transparent; | border-top: transparent; | ||
} | } | ||
body.skin-vector- | body.skin-vector-legacy #mw-panel .portal .body li a:visited { | ||
color: #0645ad; | color: #0645ad; | ||
} | } | ||
body.skin-vector- | body.skin-vector-legacy #mw-head .portal .body li a:visited { | ||
color: #0645ad; | color: #0645ad; | ||
} | } | ||
第137行: | 第140行: | ||
/* 搜索框 */ | /* 搜索框 */ | ||
body.skin-vector- | body.skin-vector-legacy #simpleSearch { | ||
max-width: 225px; | max-width: 225px; | ||
background-image: none; | background-image: none; | ||
第145行: | 第148行: | ||
transition: width 0.4s; | transition: width 0.4s; | ||
} | } | ||
body.skin-vector- | body.skin-vector-legacy #simpleSearch #searchButton { | ||
right: 6px !important; | right: 6px !important; | ||
width: 20px !important; | width: 20px !important; | ||
height: 23px !important; | height: 23px !important; | ||
} | } | ||
body.skin-vector- | body.skin-vector-legacy input::-webkit-search-cancel-button { | ||
display:none; | display:none; | ||
} | } | ||
body.skin-vector- | body.skin-vector-legacy #p-search { | ||
float: left; | float: left; | ||
margin-right: 0.5em; | margin-right: 0.5em; | ||
第161行: | 第164行: | ||
/* 适配宽屏 */ | /* 适配宽屏 */ | ||
@media screen and (min-width: 1300px) { | @media screen and (min-width: 1300px) { | ||
body.skin-vector- | body.skin-vector-legacy .mw-body { | ||
padding-left: 47px; | padding-left: 47px; | ||
padding-right: 47px; | padding-right: 47px; | ||
padding-top: 31px; | padding-top: 31px; | ||
} | } | ||
body.skin-vector- | body.skin-vector-legacy #localNotice { | ||
padding-bottom: 17px; | padding-bottom: 17px; | ||
} | } | ||
body.skin-vector- | body.skin-vector-legacy #sidebarHidden-arrow { | ||
top: 7.7em; | top: 7.7em; | ||
} | } | ||
第175行: | 第178行: | ||
/* 适配带鱼屏 */ | /* 适配带鱼屏 */ | ||
@media screen and (min-width: 1800px) { | @media screen and (min-width: 1800px) { | ||
body.skin-vector- | body.skin-vector-legacy .mw-body { | ||
border-right: 1px solid #bbb; | border-right: 1px solid #bbb; | ||
} | } | ||
body.skin-vector- | body.skin-vector-legacy #content { | ||
max-width: 72.9em; | max-width: 72.9em; | ||
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
} | } | ||
body.skin-vector- | body.skin-vector-legacy #sidebarHidden-arrow { | ||
display: none; | display: none; | ||
} | } | ||
} | } |
2022年12月29日 (四) 17:20的最新版本
/* 这里的任何CSS将为使用Vector皮肤的用户加载 */
/*春季主题背景---画画的纱雾酱*/
body.skin-vector-legacy {
background-color: rgba(240, 240, 240, .5);
background-image:url(/index.php/Special:FilePath/%E7%94%BB%E7%94%BB%E7%9A%84%E7%BA%B1%E9%9B%BE%E9%85%B1.png);
background-blend-mode: overlay;
background-position:right 40% bottom 45%;
background-size:670px;
background-attachment:fixed;
background-repeat:no-repeat;
}
body.skin-vector-legacy .mw-body {
margin-top: -4px;
background-color: rgba(255, 255, 255, 0.8);
}
body.skin-vector-legacy #footer-places li, #footer-icons li {
float: unset;
display: inline-block;
}
body.skin-vector-legacy #footer-places, #footer-icons {
display: inline-block;
}
body.skin-vector-legacy .mw-body {
margin-left: 12.4em;
}
/* 侧边栏、顶部栏、页脚 */
body.skin-vector-legacy .mw-body {
border-left: 1px solid #bbb;
border-bottom: 1px solid #bbb;
border-top: none;
border-right: none;
}
body.skin-vector-legacy .vectorTabs {
font-size: 16px;
padding-top: 2px;
}
body.skin-vector-legacy .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-wikilove.icon a {
padding-top: 3.4em;
}
body.skin-vector-legacy .vectorMenuCheckbox {
height:110%;
}
body.skin-vector-legacy .portal {
background: transparent !important;
}
body.skin-vector-legacy #mw-panel {
border-right: 1px solid #bbb;
border-bottom: 1px solid #bbb;
/* background: rgb(254,254,254,0.95) !important; */
background: rgb(246,246,246,0.95) !important;
padding-left: 14px !important;
}
body.skin-vector-legacy #p-logo {
left: 0px;
padding-left: 2px;
}
body.skin-vector-legacy #p-logo a {
padding-left: 40px;
left: 0px;
border-right: 1px solid #aaa;
}
body.skin-vector-legacy #p-logo a:hover {
opacity: 1.0;
}
body.skin-vector-legacy #mw-head {
background-color: rgb(254,254,254,0.94);
height: 100px;
box-shadow: 0px 1px 2px #aaa;
background-image: url(/index.php/Special:FilePath/%E6%98%A5%E5%A4%A9%E9%A3%9E%E9%B8%9F.png);
background-position: right top;
background-size: 920px;
background-repeat: no-repeat;
transition-property: opacity !important;
transition-duration: 0.25s !important;
}
body.skin-vector-legacy .vectorMenu {
font-size: 92%;
}
body.skin-vector-legacy #left-navigation {
margin-left: 233px !important;
}
body.skin-vector-legacy #mw-page-base {
height: 104px;
}
body.skin-vector-legacy #left-navigation,
body.skin-vector-legacy #right-navigation {
margin-top: 60px;
}
body.skin-vector-legacy #mw-head div.vectorMenu h4 {
height: 1.9em;
margin-bottom: 0;
padding-top: 1.25em;
padding-bottom: 0;
padding-right: 0.5em;
}
body.skin-vector-legacy #mw-panel div.portal {
padding-bottom: 0.7em;
padding-top: 0.4em;
}
body.skin-vector-legacy #mw-panel #p-logo .mw-wiki-logo {
width: 175px;
}
body.skin-vector-legacy #mw-panel {
font-size: 18.5px;
}
body.skin-vector-legacy #mw-head li {
background: transparent !important;
}
body.skin-vector-legacy #mw-panel .portal .body li {
line-height: 1.6em;
}
body.skin-vector-legacy .mw-wiki-logo {
padding-left: 5px !important;
padding-top: 10px !important;
border: none !important;
}
body.skin-vector-legacy .clear-div {
clear: both;
}
body.skin-vector-legacy .uls-trigger {
display: none;
}
body.skin-vector-legacy div.vectorMenu div.menu {
top: 2.8em;
width: 100%;
background-color: rgba(251,251,251,0.9);
border: 1px solid #a7d7f9;
border-top: transparent;
}
body.skin-vector-legacy #mw-panel .portal .body li a:visited {
color: #0645ad;
}
body.skin-vector-legacy #mw-head .portal .body li a:visited {
color: #0645ad;
}
/* 搜索框 */
body.skin-vector-legacy #simpleSearch {
max-width: 225px;
background-image: none;
padding: 0.1px 10px;
opacity: 0.625;
display: flex;
transition: width 0.4s;
}
body.skin-vector-legacy #simpleSearch #searchButton {
right: 6px !important;
width: 20px !important;
height: 23px !important;
}
body.skin-vector-legacy input::-webkit-search-cancel-button {
display:none;
}
body.skin-vector-legacy #p-search {
float: left;
margin-right: 0.5em;
margin-left: 0.6em;
margin-top: 0.1em;
}
/* 适配宽屏 */
@media screen and (min-width: 1300px) {
body.skin-vector-legacy .mw-body {
padding-left: 47px;
padding-right: 47px;
padding-top: 31px;
}
body.skin-vector-legacy #localNotice {
padding-bottom: 17px;
}
body.skin-vector-legacy #sidebarHidden-arrow {
top: 7.7em;
}
}
/* 适配带鱼屏 */
@media screen and (min-width: 1800px) {
body.skin-vector-legacy .mw-body {
border-right: 1px solid #bbb;
}
body.skin-vector-legacy #content {
max-width: 72.9em;
margin-left: auto;
margin-right: auto;
}
body.skin-vector-legacy #sidebarHidden-arrow {
display: none;
}
}