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%;
}
/*收纳表模版结束*/