MediaWiki:Mobile.css:修订间差异
无编辑摘要 |
吕 标签:mobile web edit mobile edit advanced mobile edit |
||
(未显示2个用户的27个中间版本) | |||
第2行: | 第2行: | ||
body { | 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; | |||
} | } | ||
第10行: | 第63行: | ||
text-align: center; | text-align: center; | ||
padding: .25em .5em; | 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; | |||
} | |||
} | } | ||
第16行: | 第103行: | ||
/* info类模板 */ | /* info类模板 */ | ||
.infoBox { | .infoBox { | ||
margin: 0 | margin: 0; | ||
width: 100% !important; | |||
} | } | ||
.infoBoxTitle { | .infoBoxTitle { | ||
第141行: | 第229行: | ||
} | } | ||
span.xdi8-pua-text{ | |||
font-family: "XEGOEPUAall"; | |||
} | |||
span.xdi8-text { | span.xdi8-text { | ||
font-family: "Xegoe UI", "Fira Xdi8 Variable", "Fira Xdi8"; | font-family: "Xegoe UI", "Fira Xdi8 Variable", "Fira Xdi8"; | ||
margin-left: -.844em; /* m 字符实际宽度 */ | margin-left: -.844em; /* m 字符实际宽度 */ | ||
} | } | ||
第168行: | 第254行: | ||
/* 正文字重为 400, 强调字重为 600 */ | /* 正文字重为 400, 强调字重为 600 */ | ||
body, #firstHeading, button, input, select, textarea { | body, #firstHeading, button, input, select, textarea { | ||
font-family: -apple-system, BlinkMacSystemFont, | font-family:"XEGOEPUAall", -apple-system, BlinkMacSystemFont, | ||
'Helvetica Neue', Helvetica, Arial, sans-serif, | 'Helvetica Neue', Helvetica, Arial, sans-serif, | ||
'Noto Emoji'; | '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 { | a { | ||
第183行: | 第296行: | ||
body:lang(zh-CN), #firstHeading:lang(zh-CN), button:lang(zh-CN), | body:lang(zh-CN), #firstHeading:lang(zh-CN), button:lang(zh-CN), | ||
input:lang(zh-CN), select:lang(zh-CN), textarea:lang(zh-CN) { | input:lang(zh-CN), select:lang(zh-CN), textarea:lang(zh-CN) { | ||
font-family: 'PingFang SC', 'Lantinghei SC', | font-family: "XEGOEPUAall",'PingFang SC', 'Lantinghei SC', | ||
'Microsoft Yahei', 'Hiragino Sans GB', 'Microsoft Sans Serif', | 'Microsoft Yahei', 'Hiragino Sans GB', 'Microsoft Sans Serif', | ||
'WenQuanYi Micro Hei', sans-serif, 'Noto Emoji'; | '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')
}