“MediaWiki:Mobile.css”的版本间的差异
来自中文乐谱库
(创建页面,内容为“→这里放置的CSS将影响使用移动版网站的用户: pre, .mw-code { display: block; overflow-x: auto; padding: 20px !important; backgroun…”) |
|||
(未显示同一用户的105个中间版本) | |||
第1行: | 第1行: | ||
/* 这里放置的CSS将影响使用移动版网站的用户 */ | /* 这里放置的CSS将影响使用移动版网站的用户 */ | ||
+ | body{ | ||
+ | color:#5c6164; | ||
+ | } | ||
pre, .mw-code { | pre, .mw-code { | ||
display: block; | display: block; | ||
第7行: | 第10行: | ||
border: none !important; | border: none !important; | ||
font-family: '微软雅黑','Consolas','Courier New',Courier,monospace !important; | font-family: '微软雅黑','Consolas','Courier New',Courier,monospace !important; | ||
− | font-size: | + | font-size: 12px !important; |
color:#606060; | color:#606060; | ||
+ | } | ||
+ | |||
+ | |||
+ | .content img { | ||
+ | width: -webkit-fill-available; | ||
+ | } | ||
+ | |||
+ | .skin-minerva .portable-infobox { | ||
+ | margin: 0 0px; | ||
+ | } | ||
+ | |||
+ | .portable-infobox { | ||
+ | border: 0; | ||
+ | margin: 0; | ||
+ | font-family: inherit; | ||
+ | font-size: .9em; | ||
+ | font-weight: normal; | ||
+ | line-height: 1.3; | ||
+ | } | ||
+ | |||
+ | .pre-content h1 { | ||
+ | line-height: 1.3; | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | |||
+ | .portable-infobox .pi-title { | ||
+ | background-color:#b3b1b1; | ||
+ | color: #fff; | ||
+ | |||
+ | } | ||
+ | |||
+ | .content p { | ||
+ | margin: 0.5em; | ||
+ | text-align:justify; | ||
+ | } | ||
+ | |||
+ | #tongji p{ | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | #moble_list_main p{ | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | .portable-infobox .pi-secondary-background { | ||
+ | background-color: #e7e8e8; | ||
+ | } | ||
+ | .branding-box a span{ | ||
+ | font-weight:bold; | ||
+ | font-size:large; | ||
+ | color:#5c6164; | ||
+ | } | ||
+ | a:visited { | ||
+ | color:#7f7d70; | ||
+ | } | ||
+ | a { | ||
+ | color:#0092c1; | ||
+ | } | ||
+ | |||
+ | /* mbox 字体缩小 */ | ||
+ | .ambox th.mbox-text, .ambox td.mbox-text { | ||
+ | padding: 0.25em 0.5em; | ||
+ | font-size: .8em; | ||
+ | } | ||
+ | |||
+ | td.mbox-text { | ||
+ | border: none; | ||
+ | padding: 0.25em 0.9em; | ||
+ | width: 100%; | ||
+ | font-size: .8em; | ||
+ | } | ||
+ | |||
+ | .content img { | ||
+ | width: auto; | ||
+ | } | ||
+ | |||
+ | table.ambox-notice { | ||
+ | border-left: 10px solid #36c; | ||
+ | } | ||
+ | |||
+ | table.ambox { | ||
+ | border: 1px solid #a2a9b1; | ||
+ | border-left: 10px solid #36c; | ||
+ | background: #f8f9fa; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | table.cmbox { | ||
+ | border-collapse: collapse; | ||
+ | border: 1px solid #a2a9b1; | ||
+ | background: #eaf3ff; | ||
+ | } | ||
+ | |||
+ | .content img { | ||
+ | width: -webkit-fill-available; | ||
+ | } | ||
+ | |||
+ | .portable-infobox .pi-title { | ||
+ | border: 0; | ||
+ | margin: 0; | ||
+ | font-family: inherit; | ||
+ | font-size: 1.2em; | ||
+ | line-height: 1.5; | ||
+ | } | ||
+ | |||
+ | #mainlogo { | ||
+ | align:center; | ||
+ | padding:5px; | ||
+ | |||
+ | } | ||
+ | |||
+ | .content table { | ||
+ | margin: .1em 0; | ||
+ | overflow: auto; | ||
+ | overflow-y: hidden; | ||
+ | overflow-x: auto; | ||
+ | } | ||
+ | |||
+ | @media only screen | ||
+ | and (min-device-width : 480px) | ||
+ | and (max-device-width : 768px){ | ||
+ | #mobile-logo{ | ||
+ | text-align: | ||
+ | center; | ||
+ | margin:40px 120px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media only screen | ||
+ | and (min-device-width : 768px) | ||
+ | and (max-device-width : 1024px){ | ||
+ | #mobile-logo{ | ||
+ | text-align: | ||
+ | center; | ||
+ | margin:40px 260px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media only screen | ||
+ | and (min-device-width : 1024px) | ||
+ | and (max-device-width : 2048px){ | ||
+ | #mobile-logo{ | ||
+ | text-align: | ||
+ | center; | ||
+ | margin:40px 360px; | ||
+ | } | ||
+ | } | ||
+ | #mobile-logo{ | ||
+ | text-align: | ||
+ | center; | ||
+ | margin:40px 100px; | ||
+ | } | ||
+ | .overlay-enabled, #content { | ||
+ | background-color: #eeeeee; | ||
+ | } | ||
+ | |||
+ | #flag { | ||
+ | max-width: 10% !important; | ||
+ | } | ||
+ | |||
+ | .footer .last-modifier-tagline { | ||
+ | display: none; | ||
+ | } | ||
+ | #hidepic { | ||
+ | display: none; | ||
+ | } | ||
} | } |
2021年12月31日 (五) 22:13的最新版本
/* 这里放置的CSS将影响使用移动版网站的用户 */
body{
color:#5c6164;
}
pre, .mw-code {
display: block;
overflow-x: auto;
padding: 20px !important;
background: #ebeae4 !important;
border: none !important;
font-family: '微软雅黑','Consolas','Courier New',Courier,monospace !important;
font-size: 12px !important;
color:#606060;
}
.content img {
width: -webkit-fill-available;
}
.skin-minerva .portable-infobox {
margin: 0 0px;
}
.portable-infobox {
border: 0;
margin: 0;
font-family: inherit;
font-size: .9em;
font-weight: normal;
line-height: 1.3;
}
.pre-content h1 {
line-height: 1.3;
font-weight:bold;
}
.portable-infobox .pi-title {
background-color:#b3b1b1;
color: #fff;
}
.content p {
margin: 0.5em;
text-align:justify;
}
#tongji p{
text-align:center;
}
#moble_list_main p{
text-align:center;
}
.portable-infobox .pi-secondary-background {
background-color: #e7e8e8;
}
.branding-box a span{
font-weight:bold;
font-size:large;
color:#5c6164;
}
a:visited {
color:#7f7d70;
}
a {
color:#0092c1;
}
/* mbox 字体缩小 */
.ambox th.mbox-text, .ambox td.mbox-text {
padding: 0.25em 0.5em;
font-size: .8em;
}
td.mbox-text {
border: none;
padding: 0.25em 0.9em;
width: 100%;
font-size: .8em;
}
.content img {
width: auto;
}
table.ambox-notice {
border-left: 10px solid #36c;
}
table.ambox {
border: 1px solid #a2a9b1;
border-left: 10px solid #36c;
background: #f8f9fa;
}
}
table.cmbox {
border-collapse: collapse;
border: 1px solid #a2a9b1;
background: #eaf3ff;
}
.content img {
width: -webkit-fill-available;
}
.portable-infobox .pi-title {
border: 0;
margin: 0;
font-family: inherit;
font-size: 1.2em;
line-height: 1.5;
}
#mainlogo {
align:center;
padding:5px;
}
.content table {
margin: .1em 0;
overflow: auto;
overflow-y: hidden;
overflow-x: auto;
}
@media only screen
and (min-device-width : 480px)
and (max-device-width : 768px){
#mobile-logo{
text-align:
center;
margin:40px 120px;
}
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px){
#mobile-logo{
text-align:
center;
margin:40px 260px;
}
}
@media only screen
and (min-device-width : 1024px)
and (max-device-width : 2048px){
#mobile-logo{
text-align:
center;
margin:40px 360px;
}
}
#mobile-logo{
text-align:
center;
margin:40px 100px;
}
.overlay-enabled, #content {
background-color: #eeeeee;
}
#flag {
max-width: 10% !important;
}
.footer .last-modifier-tagline {
display: none;
}
#hidepic {
display: none;
}
}