MediaWiki:Mobile.css:修订间差异
跳到导航
跳到搜索
NierPod042(讨论 | 贡献) (创建页面,内容为“→这里放置的CSS将影响使用移动版网站的用户: →黑条模板css: span.heitiao{ background-color: #252525; color: #252525; text-shad...”) |
(模版: 收纳表) |
||
(未显示1个用户的3个中间版本) | |||
第12行: | 第12行: | ||
color: white; | color: white; | ||
} | } | ||
/*分页tabs*/ | |||
.tabs-container { | |||
width: 100%; | |||
margin-bottom:20px; | |||
} | |||
.tabs-pages { | |||
display: flex; | |||
list-style:none; | |||
background-color:#e2e9f6; | |||
border-radius:4px; | |||
} | |||
.tab:focus, | |||
.tab:hover { | |||
cursor: pointer; | |||
} | |||
.tab { | |||
padding: 0.2em 0.5em; | |||
color: #244786; | |||
font-size:14px; | |||
margin:0 0 0 0.3em; | |||
} | |||
.tab:hover { | |||
background-color: #a4c2f8; | |||
} | |||
.tab.active { | |||
background-color: #c3d8fc; | |||
} | |||
.tabs-contents { | |||
width: 100%; | |||
height: auto; | |||
} | |||
.tab-c { | |||
display: none; | |||
width: 100%; | |||
height: auto; | |||
} | |||
.tab-c.active { | |||
display: block; | |||
} | |||
.inner-content { | |||
padding: .2em; | |||
border:solid #e2e9f6; | |||
border-radius:4px; | |||
border-width:0 3px 3px; | |||
} | |||
/*分页tabs结束*/ | |||
/*传奇模板*/ | |||
.legendT { | |||
background:white; | |||
width:100%; | |||
} | |||
.legendT th{ | |||
background-color:#E1685D; | |||
color:white; | |||
padding:1em; | |||
} | |||
.legendT ul{ | |||
margin:0; | |||
width:100%; | |||
} | |||
.legendT li{ | |||
display:inline-block; | |||
margin:0 .7% 0; | |||
text-align:center; | |||
vertical-align:text-top; | |||
width:7%; | |||
min-width:65px; | |||
max-width:125px; | |||
} | |||
.legendT img{ | |||
width: 100%; | |||
min-width: 65px; | |||
max-width: 125px; | |||
height: auto; | |||
} | |||
/*传奇模板结束*/ | |||
/*收纳表模版开始*/ | |||
.stgt { | |||
width: 95%; | |||
} | |||
.stgt.hori { | |||
display: flex; | |||
} | |||
.stab { | |||
display: grid; | |||
margin: 0; | |||
padding: 1%; | |||
gap: 6px; | |||
width: inherit; | |||
} | |||
.stab.hori { | |||
display: inline-grid; | |||
height: 400px; | |||
overflow-y: auto; | |||
width: 20%; | |||
} | |||
.sitm { | |||
margin: 0; | |||
padding: 0; | |||
font-weight: 700; | |||
} | |||
.ctab { | |||
margin: 0; | |||
padding: 1%; | |||
margin-left: 0; | |||
width: inherit; | |||
} | |||
.ctab.hori { | |||
display: inline; | |||
height: 400px; | |||
overflow-y: auto; | |||
width: 60%; | |||
} | |||
/*收纳表模版结束*/ |
2022年9月4日 (日) 12:01的最新版本
/* 这里放置的CSS将影响使用移动版网站的用户 */ /* 黑条模板css */ span.heitiao{ background-color: #252525; color: #252525; text-shadow: none; } span.heitiao:hover { transition: color .13s linear; color: white; } /*分页tabs*/ .tabs-container { width: 100%; margin-bottom:20px; } .tabs-pages { display: flex; list-style:none; background-color:#e2e9f6; border-radius:4px; } .tab:focus, .tab:hover { cursor: pointer; } .tab { padding: 0.2em 0.5em; color: #244786; font-size:14px; margin:0 0 0 0.3em; } .tab:hover { background-color: #a4c2f8; } .tab.active { background-color: #c3d8fc; } .tabs-contents { width: 100%; height: auto; } .tab-c { display: none; width: 100%; height: auto; } .tab-c.active { display: block; } .inner-content { padding: .2em; border:solid #e2e9f6; border-radius:4px; border-width:0 3px 3px; } /*分页tabs结束*/ /*传奇模板*/ .legendT { background:white; width:100%; } .legendT th{ background-color:#E1685D; color:white; padding:1em; } .legendT ul{ margin:0; width:100%; } .legendT li{ display:inline-block; margin:0 .7% 0; text-align:center; vertical-align:text-top; width:7%; min-width:65px; max-width:125px; } .legendT img{ width: 100%; min-width: 65px; max-width: 125px; height: auto; } /*传奇模板结束*/ /*收纳表模版开始*/ .stgt { width: 95%; } .stgt.hori { display: flex; } .stab { display: grid; margin: 0; padding: 1%; gap: 6px; width: inherit; } .stab.hori { display: inline-grid; height: 400px; overflow-y: auto; width: 20%; } .sitm { margin: 0; padding: 0; font-weight: 700; } .ctab { margin: 0; padding: 1%; margin-left: 0; width: inherit; } .ctab.hori { display: inline; height: 400px; overflow-y: auto; width: 60%; } /*收纳表模版结束*/