MediaWiki:Mobile.css:修订间差异
无编辑摘要 标签:mobile web edit mobile edit |
吕 标签:mobile web edit mobile edit advanced mobile edit |
||
(未显示2个用户的46个中间版本) | |||
第1行: | 第1行: | ||
/* 这里放置的CSS将影响使用移动版网站的用户 */ | /* 这里放置的CSS将影响使用移动版网站的用户 */ | ||
body { | |||
font-variant-ligatures: discretionary-ligatures; | |||
font-family: "XEGOEPUAall"; | |||
} | |||
#mybottom>div{ | |||
border: 1px solid #97c7e9; | |||
float: left; | |||
margin: -1px; | |||
background-image: linear-gradient(to top,#77c1f6 0,#e8f2f8 1px,#ffffff 100%); | |||
text-align: center; | |||
display: list-item; | |||
color: #0645ad; | |||
-moz-user-select: none; | |||
-webkit-user-select: none; | |||
-ms-user-select: none; | |||
-khtml-user-select: none; | |||
-o-user-select: none; | |||
user-select: none; | |||
} | |||
#mybottom>div:hover { | |||
background-image: linear-gradient(to top,#fff 0,#fff 1px,#fff 100%); | |||
color: #96c82d; | |||
} | |||
.header-container.header-chrome { | |||
background-color: #e8efff; | |||
border-bottom: solid 1px #9dacd0; | |||
box-shadow: inset 0 -1px 6px rgba(9, 25, 73, 0.08); | |||
} | |||
#mw-mf-page-left { | |||
background-color: #f0f5ff; | |||
} | |||
#searchInput { | |||
font-family: "XEGOEPUAall",-apple-system,"Helvetica Neue","Segoe UI",Helvetica,"Nimbus Sans L",Arial,"Liberation Sans","PingFang SC","Hiragino Sans GB","Noto Sans CJK SC","Source Han Sans SC","Microsoft YaHei","Wenquanyi Micro Hei","WenQuanYi Zen Hei","ST Heiti",SimHei,"WenQuanYi Zen Hei Sharp",sans-serif; | |||
} | |||
.minerva-footer { | |||
border-top: solid 1.2px #9dacd0; | |||
overflow: auto; | |||
padding-bottom: 6px; | |||
} | |||
.last-modified-bar { | |||
border-bottom: solid 1px #9dacd0; | |||
background-color: #e8efff; | |||
color: #72777d; | |||
} | |||
footer > .post-content > h2, .mw-footer > .post-content > h2 { | |||
border-bottom: solid 1px #aec4df; | |||
padding-bottom: 10px; | |||
margin-top: 42px; | |||
} | |||
.xdi8-porthole { | |||
float: right; | |||
background: #F6F5F0; | |||
text-align: center; | |||
padding: .25em .5em; | |||
} | |||
/* 手机版提示 */ | |||
.mobileInfo{ | |||
border-radius: 7px; | |||
background: #f0fbff; | |||
text-align: left; | |||
font-size: 1.04em; | |||
margin: 0.5em 0; | |||
padding: 5px; | |||
color: #555; | |||
box-shadow:0px 0px 5px #FFFFFF,0px 0px 10px #B0C4DE,inset -2px -2px 5px #87CEFA; | |||
text-shadow:0px 0px 10px #B0C4DE; | |||
animation-name: fla; | |||
animation-duration: 4s; | |||
animation-delay: 1s; | |||
animation-timing-function: cubic-bezier(0,0.01,0.1,0.4,1); | |||
animation-fill-mode : forwards | |||
} | |||
@keyframes fla { | |||
0% {border-radius: 7px; | |||
opacity: 1.0; | |||
font-size: 1.04em; | |||
} | |||
60% {border-radius: 20px; | |||
font-size: 1.04em; | |||
opacity: 0.02; | |||
} | |||
100% {opacity: 0; | |||
height: 0px; | |||
font-size: 0em; | |||
opacity: 0; | |||
} | |||
} | |||
/* 以下内容来自 MCBBS Wiki 并以 CC BY-NC-SA 4.0 国际授权 */ | |||
/* info类模板 */ | |||
.infoBox { | |||
margin: 0; | |||
width: 100% !important; | |||
} | |||
.infoBoxTitle { | |||
margin: 3px auto; | |||
padding: 0; | |||
text-align: center; | |||
font-weight: 700; | |||
} | |||
.infoBoxIcon { | |||
display: table-cell; | |||
padding: 2px 0 2px .5em; | |||
vertical-align: middle; | |||
} | |||
.infoBoxText { | |||
display: table-cell; | |||
padding: .25em .5em .25em 1.3em; | |||
width: 100%; | |||
vertical-align: middle; | |||
} | |||
.infoBoxContent { | |||
border: 1px solid #ddd; | |||
border-left-width: 0; | |||
background: #fbfbfb; | |||
} | |||
.infoBoxBelow { | |||
margin: 0 auto; | |||
padding: 0; | |||
text-align: center; | |||
} | |||
/* 页面底部导航框(2011年8月16日引自中文维基)(所谓大家族模板) */ | |||
table.navbox { | |||
border: 1px solid #aaa; | |||
clear: both; | |||
margin: auto; | |||
padding: 1px; | |||
text-align: center; | |||
width: 100%; | |||
} | |||
table.navbox+table.navbox { | |||
margin-top: -1px; | |||
} | |||
.navbox-title, | |||
.navbox-abovebelow, | |||
table.navbox th { | |||
padding-left: 1em; | |||
padding-right: 1em; | |||
text-align: center; | |||
} | |||
.navbox-group { | |||
font-weight: 700; | |||
padding-left: 1em; | |||
padding-right: 1em; | |||
white-space: nowrap; | |||
} | |||
.navbox, | |||
.navbox-subgroup { | |||
background: none repeat scroll 0 0 #fdfdfd; | |||
} | |||
.navbox-list { | |||
border-color: #fdfdfd; | |||
} | |||
.navbox-title, | |||
table.navbox th { | |||
background: none repeat scroll 0 0 #a5e4a5; | |||
} | |||
.navbox-abovebelow, | |||
.navbox-group, | |||
.navbox-subgroup .navbox-title { | |||
background: none repeat scroll 0 0 #c0ecc0; | |||
} | |||
.navbox-subgroup .navbox-group, | |||
.navbox-subgroup .navbox-abovebelow { | |||
background: none repeat scroll 0 0 #e6f6e6; | |||
} | |||
.navbox-even { | |||
background: none repeat scroll 0 0 #FDF6E6; | |||
} | |||
.navbox-odd { | |||
background: none repeat scroll 0 0 transparent; | |||
} | |||
.collapseButton { | |||
float: right; | |||
font-weight: 400; | |||
text-align: right; | |||
width: auto; | |||
} | |||
.navbox .collapseButton { | |||
width: 6em; | |||
} | |||
/* Fix by case : Rev 1327309 ([[Special:Permalink/1327309]]) | |||
Address alignment issue of nested tabs in Navbox */ | |||
.navbox .TabLabel { | |||
text-align: left; | |||
} | |||
/* 以上内容来自 MCBBS Wiki 并以 CC BY-NC-SA 4.0 国际授权 */ | |||
.xd-textwidth { | |||
width: 100%; | |||
height: auto; | |||
} | |||
@font-face { | @font-face { | ||
font-family: "Fira Xdi8"; | font-family: "Fira Xdi8"; | ||
src: url('https://cdn.jsdelivr.net/gh/Honoka55/Xdi8Fonts/Fira Xdi8 Variable.ttf') format('truetype') | src: url('https://cdn.jsdelivr.net/gh/Honoka55/Xdi8Fonts/Fira Xdi8 Variable.ttf') format('truetype') | ||
} | } | ||
@font-face { | @font-face { | ||
font-family: | font-family: 'XEGOEPUAall'; | ||
src: url(' | src: url('/w/resources/assets/XEGOEPUAall Regular.ttf') format('truetype'); | ||
} | } | ||
font-family: " | @font-face { | ||
font-family: "Xegoe UI"; | |||
src: url('/w/resources/assets/Xegoe UI Regular.ttf') format('truetype') | |||
} | } | ||
font-family: "Fira Xdi8" | @font-face { | ||
font-family: "Noto Emoji"; | |||
src: url('/w/resources/assets/NotoEmoji-Regular.ttf') format('truetype') | |||
} | |||
span.xdi8-pua-text{ | |||
font-family: "XEGOEPUAall"; | |||
} | |||
span.xdi8-text { | |||
font-family: "Xegoe UI", "Fira Xdi8 Variable", "Fira Xdi8"; | |||
margin-left: -.844em; /* m 字符实际宽度 */ | |||
} | } | ||
.disambiguation { | .disambiguation { | ||
background-color: # | background-color: #FED; | ||
} | } | ||
.head-warning { | .head-warning { | ||
background-color: # | background-color: #FEE; | ||
} | } | ||
第27行: | 第250行: | ||
font-size: .8em; | font-size: .8em; | ||
padding: 5px; | padding: 5px; | ||
} | |||
/* 正文字重为 400, 强调字重为 600 */ | |||
body, #firstHeading, button, input, select, textarea { | |||
font-family:"XEGOEPUAall", -apple-system, BlinkMacSystemFont, | |||
'Helvetica Neue', Helvetica, Arial, sans-serif, | |||
'Noto Emoji'; | |||
} | |||
.pre-content h1, .content h1, .content h2 ,h1,h2,h3{ | |||
font-family: "XEGOEPUAall",'Linux Libertine','Georgia','Times',serif; | |||
} | |||
.xdi8-userbox table { | |||
width: 238px; | |||
} | |||
.xdi8-userbox tr { | |||
height: 45px; | |||
} | |||
.xdi8-userbox td:first-child { | |||
width: 45px; | |||
text-align: center; | |||
font-size: 14pt; | |||
line-height: 1em; | |||
vertical-align: middle; | |||
} | |||
.xdi8-userbox td:last-child { | |||
line-height: 1.25; | |||
font-size: 9pt; | |||
padding: 0 4px; | |||
} | |||
a { | |||
font-weight: normal; | |||
} | |||
strong, b { | |||
font-weight: 600; | |||
} | |||
body:lang(zh-CN), #firstHeading:lang(zh-CN), button:lang(zh-CN), | |||
input:lang(zh-CN), select:lang(zh-CN), textarea:lang(zh-CN) { | |||
font-family: "XEGOEPUAall",'PingFang SC', 'Lantinghei SC', | |||
'Microsoft Yahei', 'Hiragino Sans GB', 'Microsoft Sans Serif', | |||
'WenQuanYi Micro Hei', sans-serif, 'Noto Emoji'; | |||
} | |||
.mw-babel-footer { | |||
display: none; | |||
} | |||
rare-hanzi { | |||
display: inline-block; | |||
background: #c3ceef; | |||
width: 1em; | |||
} | |||
.noruu-hanzi { | |||
display: inline-block; | |||
background: #efcec3; | |||
width: 1em; | |||
} | |||
@font-face { | |||
font-family: "Xvionz"; | |||
src: local('XEGOEPUAjustXvionz'), url('/w/resources/assets/XEGOEPUAjustXvionz.ttf') format('truetype') | |||
} | |||
@font-face { | |||
font-family: "Half_Xdly"; | |||
src: local('Half_Xdly'), url('/w/resources/assets/Half_Xdly v10.56.ttf') format('truetype') | |||
} |
2022年10月23日 (日) 12:33的最新版本
/* 这里放置的CSS将影响使用移动版网站的用户 */
body {
font-variant-ligatures: discretionary-ligatures;
font-family: "XEGOEPUAall";
}
#mybottom>div{
border: 1px solid #97c7e9;
float: left;
margin: -1px;
background-image: linear-gradient(to top,#77c1f6 0,#e8f2f8 1px,#ffffff 100%);
text-align: center;
display: list-item;
color: #0645ad;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
-o-user-select: none;
user-select: none;
}
#mybottom>div:hover {
background-image: linear-gradient(to top,#fff 0,#fff 1px,#fff 100%);
color: #96c82d;
}
.header-container.header-chrome {
background-color: #e8efff;
border-bottom: solid 1px #9dacd0;
box-shadow: inset 0 -1px 6px rgba(9, 25, 73, 0.08);
}
#mw-mf-page-left {
background-color: #f0f5ff;
}
#searchInput {
font-family: "XEGOEPUAall",-apple-system,"Helvetica Neue","Segoe UI",Helvetica,"Nimbus Sans L",Arial,"Liberation Sans","PingFang SC","Hiragino Sans GB","Noto Sans CJK SC","Source Han Sans SC","Microsoft YaHei","Wenquanyi Micro Hei","WenQuanYi Zen Hei","ST Heiti",SimHei,"WenQuanYi Zen Hei Sharp",sans-serif;
}
.minerva-footer {
border-top: solid 1.2px #9dacd0;
overflow: auto;
padding-bottom: 6px;
}
.last-modified-bar {
border-bottom: solid 1px #9dacd0;
background-color: #e8efff;
color: #72777d;
}
footer > .post-content > h2, .mw-footer > .post-content > h2 {
border-bottom: solid 1px #aec4df;
padding-bottom: 10px;
margin-top: 42px;
}
.xdi8-porthole {
float: right;
background: #F6F5F0;
text-align: center;
padding: .25em .5em;
}
/* 手机版提示 */
.mobileInfo{
border-radius: 7px;
background: #f0fbff;
text-align: left;
font-size: 1.04em;
margin: 0.5em 0;
padding: 5px;
color: #555;
box-shadow:0px 0px 5px #FFFFFF,0px 0px 10px #B0C4DE,inset -2px -2px 5px #87CEFA;
text-shadow:0px 0px 10px #B0C4DE;
animation-name: fla;
animation-duration: 4s;
animation-delay: 1s;
animation-timing-function: cubic-bezier(0,0.01,0.1,0.4,1);
animation-fill-mode : forwards
}
@keyframes fla {
0% {border-radius: 7px;
opacity: 1.0;
font-size: 1.04em;
}
60% {border-radius: 20px;
font-size: 1.04em;
opacity: 0.02;
}
100% {opacity: 0;
height: 0px;
font-size: 0em;
opacity: 0;
}
}
/* 以下内容来自 MCBBS Wiki 并以 CC BY-NC-SA 4.0 国际授权 */
/* info类模板 */
.infoBox {
margin: 0;
width: 100% !important;
}
.infoBoxTitle {
margin: 3px auto;
padding: 0;
text-align: center;
font-weight: 700;
}
.infoBoxIcon {
display: table-cell;
padding: 2px 0 2px .5em;
vertical-align: middle;
}
.infoBoxText {
display: table-cell;
padding: .25em .5em .25em 1.3em;
width: 100%;
vertical-align: middle;
}
.infoBoxContent {
border: 1px solid #ddd;
border-left-width: 0;
background: #fbfbfb;
}
.infoBoxBelow {
margin: 0 auto;
padding: 0;
text-align: center;
}
/* 页面底部导航框(2011年8月16日引自中文维基)(所谓大家族模板) */
table.navbox {
border: 1px solid #aaa;
clear: both;
margin: auto;
padding: 1px;
text-align: center;
width: 100%;
}
table.navbox+table.navbox {
margin-top: -1px;
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
padding-left: 1em;
padding-right: 1em;
text-align: center;
}
.navbox-group {
font-weight: 700;
padding-left: 1em;
padding-right: 1em;
white-space: nowrap;
}
.navbox,
.navbox-subgroup {
background: none repeat scroll 0 0 #fdfdfd;
}
.navbox-list {
border-color: #fdfdfd;
}
.navbox-title,
table.navbox th {
background: none repeat scroll 0 0 #a5e4a5;
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
background: none repeat scroll 0 0 #c0ecc0;
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
background: none repeat scroll 0 0 #e6f6e6;
}
.navbox-even {
background: none repeat scroll 0 0 #FDF6E6;
}
.navbox-odd {
background: none repeat scroll 0 0 transparent;
}
.collapseButton {
float: right;
font-weight: 400;
text-align: right;
width: auto;
}
.navbox .collapseButton {
width: 6em;
}
/* Fix by case : Rev 1327309 ([[Special:Permalink/1327309]])
Address alignment issue of nested tabs in Navbox */
.navbox .TabLabel {
text-align: left;
}
/* 以上内容来自 MCBBS Wiki 并以 CC BY-NC-SA 4.0 国际授权 */
.xd-textwidth {
width: 100%;
height: auto;
}
@font-face {
font-family: "Fira Xdi8";
src: url('https://cdn.jsdelivr.net/gh/Honoka55/Xdi8Fonts/Fira Xdi8 Variable.ttf') format('truetype')
}
@font-face {
font-family: 'XEGOEPUAall';
src: url('/w/resources/assets/XEGOEPUAall Regular.ttf') format('truetype');
}
@font-face {
font-family: "Xegoe UI";
src: url('/w/resources/assets/Xegoe UI Regular.ttf') format('truetype')
}
@font-face {
font-family: "Noto Emoji";
src: url('/w/resources/assets/NotoEmoji-Regular.ttf') format('truetype')
}
span.xdi8-pua-text{
font-family: "XEGOEPUAall";
}
span.xdi8-text {
font-family: "Xegoe UI", "Fira Xdi8 Variable", "Fira Xdi8";
margin-left: -.844em; /* m 字符实际宽度 */
}
.disambiguation {
background-color: #FED;
}
.head-warning {
background-color: #FEE;
}
.disambiguation, .head-warning {
color: #555;
font-size: .8em;
padding: 5px;
}
/* 正文字重为 400, 强调字重为 600 */
body, #firstHeading, button, input, select, textarea {
font-family:"XEGOEPUAall", -apple-system, BlinkMacSystemFont,
'Helvetica Neue', Helvetica, Arial, sans-serif,
'Noto Emoji';
}
.pre-content h1, .content h1, .content h2 ,h1,h2,h3{
font-family: "XEGOEPUAall",'Linux Libertine','Georgia','Times',serif;
}
.xdi8-userbox table {
width: 238px;
}
.xdi8-userbox tr {
height: 45px;
}
.xdi8-userbox td:first-child {
width: 45px;
text-align: center;
font-size: 14pt;
line-height: 1em;
vertical-align: middle;
}
.xdi8-userbox td:last-child {
line-height: 1.25;
font-size: 9pt;
padding: 0 4px;
}
a {
font-weight: normal;
}
strong, b {
font-weight: 600;
}
body:lang(zh-CN), #firstHeading:lang(zh-CN), button:lang(zh-CN),
input:lang(zh-CN), select:lang(zh-CN), textarea:lang(zh-CN) {
font-family: "XEGOEPUAall",'PingFang SC', 'Lantinghei SC',
'Microsoft Yahei', 'Hiragino Sans GB', 'Microsoft Sans Serif',
'WenQuanYi Micro Hei', sans-serif, 'Noto Emoji';
}
.mw-babel-footer {
display: none;
}
rare-hanzi {
display: inline-block;
background: #c3ceef;
width: 1em;
}
.noruu-hanzi {
display: inline-block;
background: #efcec3;
width: 1em;
}
@font-face {
font-family: "Xvionz";
src: local('XEGOEPUAjustXvionz'), url('/w/resources/assets/XEGOEPUAjustXvionz.ttf') format('truetype')
}
@font-face {
font-family: "Half_Xdly";
src: local('Half_Xdly'), url('/w/resources/assets/Half_Xdly v10.56.ttf') format('truetype')
}