MediaWiki:Mobile.css：修订间差异
imported>=海豚= |
小 →top：bad link repair, replaced: hmoegirl.com → hmoegirl.info |
||
| （未显示3个用户的109个中间版本） | |||
| 第1行： | 第1行： | ||
/* 放置于这里的CSS将影响使用移动版网站的用户 */ | /* 放置于这里的CSS将影响使用移动版网站的用户 */ | ||
/* 标题样式调整*/ | |||
html>body.skin-minerva .content .mw-parser-output>h2::before, | |||
html>body.skin-minerva .content .section-heading::before { | |||
content: "#"; | |||
display: block; | |||
user-select: none; | |||
color: #ffa92f; | |||
background-color: #ffa92f; | |||
position: absolute; | |||
top: .6em; | |||
width: 6px; | |||
overflow: hidden; | |||
} | } | ||
html>body.skin-minerva .content .mw-parser-output > h2 .indicator, .content .section-heading .indicator { | |||
. | margin-left: 1em; | ||
. | |||
} | } | ||
/* 链接样式 */ | |||
a:hover { | |||
text-decoration: none; | |||
} | } | ||
a, a:visited { | |||
text-decoration: none; | |||
color: #3366cc; | |||
text- | |||
color: # | |||
} | } | ||
/* 目录样式 */ | /* 目录样式 */ | ||
| 第63行： | 第28行： | ||
background-color: #F5F5F5 !important; | background-color: #F5F5F5 !important; | ||
border: solid 0px transparent !important; | border: solid 0px transparent !important; | ||
border-left: 4px solid # | border-left: 4px solid #ffa92f !important; | ||
} | |||
/* 社群推荐背景样式 */ | |||
#mp-banner { | |||
background-image: url(https://www.hmoegirl.info/images/0/09/80468767.jpg); | |||
} | } | ||
/* 页顶提示模板相关 */ | /* 页顶提示模板相关 */ | ||
| 第86行： | 第55行： | ||
#commonBoxList.open > .commonBoxButton.current { | #commonBoxList.open > .commonBoxButton.current { | ||
opacity: 1; | opacity: 1; | ||
} | |||
.common-box { | |||
padding: .2em .4em; | |||
border: 0.7px solid #ddd; | |||
-moz-border-radius: 10px; | |||
-webkit-border-radius: 10px; | |||
-khtml-border-radius: 10px; | |||
-o-border-radius: 10px; | |||
border-radius: 10px; | |||
background: rgba(250,250,250,0.65)!important; | |||
} | |||
/* 修复子页面列表和common-box宽度不足 */ | |||
.mw-prefixindex-list-table, | |||
.common-box { | |||
width: 100% !important; | |||
} | } | ||
/* info类模板 */ | /* info类模板 */ | ||
.infobox { | .infobox { | ||
float: middle; | |||
clear: middle; | |||
margin:0 auto; | margin:0 auto; | ||
background: rgba(251,251,251,0.7); | |||
} | } | ||
. | .infotemplatebox { | ||
padding: 0.2em; | padding: 0.2em; | ||
float: | float: middle; | ||
clear: | clear: middle; | ||
background: rgba(251,251,251); | background: rgba(251,251,251); | ||
} | } | ||
. | /* 编辑区样式 */ | ||
.mw-editTools { | |||
display: none!important; | |||
} | } | ||
#wpSummaryLabel > div > span > label{ | |||
display: | display:none; | ||
} | } | ||
. | .CodeMirror-gutter-elt{ | ||
display: none; | |||
} | } | ||
. | .CodeMirror-gutters { | ||
display: none; | |||
} | } | ||
. | .content .collapsible-heading .edit-page { | ||
visibility: inherit!important; | |||
} | } | ||
/* 表格优化 */ | |||
/* | |||
table.wraptable { | table.wraptable { | ||
white-space: normal; | |||
} | }/* | ||
.content table { | |||
display: table; | |||
}*/ | |||
/* 修复单元格莫名空行 */ | /* 修复单元格莫名空行 */ | ||
td { | td { | ||
| 第224行： | 第114行： | ||
.mw-prefixindex-list-table, | .mw-prefixindex-list-table, | ||
.common-box { | .common-box { | ||
width: 100%!important; | width: 100% !important; | ||
} | } | ||
/* 侧边栏和替换logo图片隐藏 */ | /* 侧边栏和替换logo图片隐藏 */ | ||
| 第233行： | 第123行： | ||
/* 导航条 */ | /* 导航条 */ | ||
#breadcrumb { | #breadcrumb { | ||
color: black; | color: black; | ||
border: solid 1px rgb(204, 204, 204); | border: solid 1px rgb(204, 204, 204); | ||
| 第258行： | 第147行： | ||
padding-right: 15px; | padding-right: 15px; | ||
text-decoration: none; | text-decoration: none; | ||
color: #454545!important; | color: #454545 !important; | ||
} | } | ||
.home { | .home { | ||
| 第264行： | 第153行： | ||
margin: 8px 0; | margin: 8px 0; | ||
} | } | ||
/* 注释文字 */ | /* 注释文字 */ | ||
sup.mobileref { | sup.mobileref { | ||
display:none; | display: none; | ||
} | } | ||
sup.mobileref:after { | sup.mobileref:after { | ||
content: " (" attr(title) ")"; | content: " ("attr(title) ")"; | ||
display: inline; | display: inline; | ||
} | } | ||
| 第285行： | 第165行： | ||
padding: 3px | padding: 3px | ||
} | } | ||
/* | /* wikitable border */ | ||
#content.content table.wikitable { | |||
border: none; | |||
. | |||
border | |||
} | } | ||
/* wikitable green */ | /* wikitable green */ | ||
| 第355行： | 第184行： | ||
} | } | ||
/* 大家族模板 */ | /* 大家族模板 */ | ||
.navbox th, .navbox-group { | .navbox th, | ||
.navbox-group { | |||
background: #a5e4a5; | background: #a5e4a5; | ||
} | } | ||
body .content .navbox { | |||
body .content .navbox { | display: table !important; | ||
display: table!important; | |||
} | } | ||
.navbox .content table { | .navbox .content table { | ||
width: 100% !important; | width: 100% !important; | ||
} | } | ||
.navbox { | .navbox { | ||
border: 1px solid #aaa; | border: 1px solid #aaa; | ||
clear: both; | clear: both; | ||
| 第371行： | 第200行： | ||
text-align: center; | text-align: center; | ||
width: 100%; | width: 100%; | ||
background: #fdfdfd; | |||
font-size: 97% !important; | |||
} | } | ||
.navbox-group { | .navbox-subgroup { | ||
background: #fdfdfd; | |||
} | |||
.navbox-title { | |||
border-radius:0 !important; | |||
} | |||
.navbox-group { | |||
white-space: nowrap; | white-space: nowrap; | ||
} | } | ||
.navbox table { | .navbox table { | ||
width: 100% !important; | width: 100% !important; | ||
margin: 0 !important; | margin: 0 !important; | ||
} | } | ||
.navbox-subgroup .navbox-group { | .navbox-subgroup .navbox-group, | ||
.navbox-abovebelow { | |||
background: #e6f6e6; | background: #e6f6e6; | ||
} | } | ||
/* Fix by case : Rev 1327309 ([[Special:Permalink/1327309]]) | /* Fix by case : Rev 1327309 ([[Special:Permalink/1327309]]) | ||
Address alignment issue of nested tabs in Navbox */ | Address alignment issue of nested tabs in Navbox */ | ||
.navbox .TabLabel { | .navbox .TabLabel { | ||
text-align: left; | text-align: left; | ||
} | } | ||
@media screen and (max-width: 640px) { | @media screen and (max-width: 640px) { | ||
.navbox-group, | |||
.navbox-list, | |||
.navbox-title { | |||
display: block; | display: block; | ||
width: 100% !important; | |||
box-sizing: border-box; | |||
} | } | ||
.navbox-group+* { | |||
border-left: 0 !important; | |||
border-top: 2px solid #fdfdfd; | |||
border-left: | |||
} | } | ||
.navbox td[rowspan] { | |||
display: none; | |||
} | } | ||
} | } | ||
/* 修复用户页欢迎辞覆盖编辑框的bug */ | /* 修复用户页欢迎辞覆盖编辑框的bug */ | ||
.overlay.visible { | .overlay.visible { | ||
z-index: | z-index: 3; | ||
} | |||
body .oo-ui-windowManager-modal > .oo-ui-dialog { | |||
z-index: 3; | |||
} | } | ||
/* Fix by case: Tracklist doesn't display on mobile devices due to inappropriate margin configuration */ | /* Fix by case: Tracklist doesn't display on mobile devices due to inappropriate margin configuration */ | ||
.tracklist { | .tracklist { | ||
margin:0 !important; | margin: 0 !important; | ||
} | |||
/* 扩展mediawiki.legacy.commonPrint,shared定义的样式 */ | |||
/* success and error messages */ | |||
.error, | |||
.warning, | |||
.success { | |||
font-size: larger; | |||
} | |||
.error { | |||
color: #d33; | |||
} | } | ||
.warning { | |||
. | color: #705000; | ||
} | |||
.success { | |||
color: #009000; | |||
} | |||
.errorbox, | |||
.warningbox, | |||
.successbox { | |||
border: 1px solid; | |||
padding: 0.5em 1em; | |||
margin-bottom: 1em; | |||
display: inline-block; | |||
zoom: 1; | |||
} | } | ||
. | .errorbox h2, | ||
.warningbox h2, | |||
.successbox h2 { | |||
font-size: 1em; | |||
color: inherit; | |||
font-weight: bold; | |||
display: inline; | |||
margin: 0 0.5em 0 0; | |||
border: 0; | |||
} | } | ||
. | .errorbox { | ||
color: #d33; | |||
border-color: #fac5c5; | |||
color: # | background-color: #fae3e3; | ||
} | } | ||
. | .warningbox { | ||
color: #705000; | |||
border-color: #fde29b; | |||
background-color: #fdf1d1; | |||
} | } | ||
. | .successbox { | ||
border: | color: #008000; | ||
border-color: #b7fdb5; | |||
background-color: #e1fddf; | |||
} | } | ||
. | /* 折叠/展开（或自定义内容）的文字颜色，和桌面版一致，用于提示点击可触发事件。 */ | ||
a.mw-collapsible-text { | |||
color: #3366cc; | |||
} | } | ||