MediaWiki:Mobile.css:修订间差异
跳到导航
跳到搜索
无编辑摘要 |
无编辑摘要 |
||
第1行: | 第1行: | ||
/* 这里放置的CSS将影响使用移动版网站的用户 */ | /* 这里放置的CSS将影响使用移动版网站的用户 */ | ||
body { | |||
--lightpurple: #F7F1FC; | |||
--purple: #C794F6; | |||
--darkpurple: #A443DF; | |||
--lightgreen: #F9FFEA; | |||
--green: #B9E66B; | |||
--darkgreen: #84B63C; | |||
--lightblue: #EBF7FE; | |||
--blue: #85C1F7; | |||
--darkblue: #4487DF; | |||
--lightyellow: #FEF9DE; | |||
--yellow: #F9E179; | |||
--darkyellow: #F1BD4C; | |||
--lightorange: #FFF7ED; | |||
--orange: #F4C89C; | |||
--darkorange: #E7815C; | |||
--lightred: #FDF5F5; | |||
--red: #F3ACAA; | |||
--darkred: #E7615C; | |||
--theme: #2196F3; | |||
} | |||
/* 懒加载渐入 */ | |||
.lazyload, | |||
.lazyloading { | |||
opacity: 0; | |||
} | |||
.lazyloaded { | |||
opacity: 1; | |||
transition: opacity 300ms; | |||
} | |||
/*手机端 */ | /*手机端 */ | ||
@media screen and (max-width: 640px) { | @media screen and (max-width: 640px) { | ||
第12行: | 第46行: | ||
width: 100vw; | width: 100vw; | ||
} | } | ||
} | |||
/* 表格内图片设置最小宽度*/ | |||
.wikitable img { | |||
min-width: 24px; | |||
} | |||
/* 使行宽占满表格 */ | |||
th.fullline, | |||
td.fullline { | |||
width: 850px; | |||
} | |||
/* 缩小显示表格 */ | |||
table.scaletable { | |||
transform: scale(0.5); | |||
transform-origin: top left; | |||
width: 200% !important; | |||
} | |||
/* 回到顶部 */ | |||
.backToTop { | |||
display: none; | |||
opacity: 1; | |||
filter: alpha(opacity=100); | |||
position: fixed; | |||
_position: absolute; | |||
z-index: 9999; | |||
bottom: 20px; | |||
right: 20px; | |||
height: 48px; | |||
width: 48px; | |||
line-height: 48px; | |||
background-color: var(--theme); | |||
cursor: pointer; | |||
color: #fff; | |||
border-radius: 50%; | |||
font-size: 24px; | |||
text-align: center; | |||
-webkit-box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12); | |||
box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12); | |||
} | |||
/* 在页面标题后增加复制URL按钮 */ | |||
body:not(.ns--1) h1#section_0 { | |||
pointer-events: none; | |||
cursor: text; | |||
} | |||
body:not(.ns--1) h1#section_0::after { | |||
content: "\f0c1"; | |||
font-family: 'Font Awesome 5 Free'; | |||
font-weight: 900; | |||
-webkit-font-smoothing: antialiased; | |||
display: inline-block; | |||
font-style: normal; | |||
font-variant: normal; | |||
text-rendering: auto; | |||
line-height: 1; | |||
font-size: 70%; | |||
margin-left: .4em; | |||
color: var(--blue); | |||
pointer-events: auto; | |||
cursor: pointer; | |||
} | } |
2023年3月21日 (二) 16:22的最新版本
/* 这里放置的CSS将影响使用移动版网站的用户 */ body { --lightpurple: #F7F1FC; --purple: #C794F6; --darkpurple: #A443DF; --lightgreen: #F9FFEA; --green: #B9E66B; --darkgreen: #84B63C; --lightblue: #EBF7FE; --blue: #85C1F7; --darkblue: #4487DF; --lightyellow: #FEF9DE; --yellow: #F9E179; --darkyellow: #F1BD4C; --lightorange: #FFF7ED; --orange: #F4C89C; --darkorange: #E7815C; --lightred: #FDF5F5; --red: #F3ACAA; --darkred: #E7615C; --theme: #2196F3; } /* 懒加载渐入 */ .lazyload, .lazyloading { opacity: 0; } .lazyloaded { opacity: 1; transition: opacity 300ms; } /*手机端 */ @media screen and (max-width: 640px) { body { font-size: small; } .wikitable, .infobox { font-size: x-small } .infobox-main-title { width: 100vw; } } /* 表格内图片设置最小宽度*/ .wikitable img { min-width: 24px; } /* 使行宽占满表格 */ th.fullline, td.fullline { width: 850px; } /* 缩小显示表格 */ table.scaletable { transform: scale(0.5); transform-origin: top left; width: 200% !important; } /* 回到顶部 */ .backToTop { display: none; opacity: 1; filter: alpha(opacity=100); position: fixed; _position: absolute; z-index: 9999; bottom: 20px; right: 20px; height: 48px; width: 48px; line-height: 48px; background-color: var(--theme); cursor: pointer; color: #fff; border-radius: 50%; font-size: 24px; text-align: center; -webkit-box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12); box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12); } /* 在页面标题后增加复制URL按钮 */ body:not(.ns--1) h1#section_0 { pointer-events: none; cursor: text; } body:not(.ns--1) h1#section_0::after { content: "\f0c1"; font-family: 'Font Awesome 5 Free'; font-weight: 900; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-size: 70%; margin-left: .4em; color: var(--blue); pointer-events: auto; cursor: pointer; }