模板:Flex/Style.css:修订间差异
来自Limbo Wiki
< 模板:Flex
小无编辑摘要 |
小无编辑摘要 |
||
第6行: | 第6行: | ||
.community-tabs ul { | .community-tabs ul { | ||
display: flex; | display: flex; | ||
flex-wrap:wrap; | |||
width: 100%; | width: 100%; | ||
list-style: none; | list-style: none; | ||
第16行: | 第16行: | ||
.community-tabs > ul > li { | .community-tabs > ul > li { | ||
min-width: 12em; | min-width: 12em; | ||
flex: 1; | |||
vertical-align: middle; | vertical-align: middle; | ||
padding: 0.3em; | padding: 0.3em; |
2022年4月11日 (一) 07:38的版本
.community-tabs { box-sizing: border-box; text-align: center; font-size: 110%; } .community-tabs ul { display: flex; flex-wrap:wrap; width: 100%; list-style: none; margin: 0; } .community-tabs li { margin: 0; } .community-tabs > ul > li { min-width: 12em; flex: 1; vertical-align: middle; padding: 0.3em; border: solid 1px #a2a9b1; border-top: 0; background-color: #069; color: white; } .community-tabs > ul > li.active { background-color: #d7e8f9; border-bottom-width: 0; color: black; } .community-tabs > ul > li > ul { font-size: 80%; } .community-tabs > ul > li > ul > li { display: inline; } .community-tabs > ul > li > ul > li::after { content: " •"; } .community-tabs > ul > li > ul > li:last-child::after { content: none; } .community-tabs li a { color: inherit; white-space: nowrap; } .community-tabs > ul > li.active a[href] { color: #069; } .community-page-wrapper { border: solid 1px #a2a9b1; padding: .5em 1em 1em 1em; border-top: none; background-color: transparent; color: inherit; }