模板:Flex/Style.css:修订间差异
来自Limbo Wiki
< 模板:Flex
小无编辑摘要 |
(创建页面,内容为“.community-tabs ul { text-align: center; font-size: 110%; 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 #EEEEEE; border-top: 0; background-color: #36c; color: white; } .community-tabs > ul > .lw-active { background-color: #EEEEEE; border-bottom-width: 0; color: black; }…”) |
||
(未显示1个用户的3个中间版本) | |||
第1行: | 第1行: | ||
.community-tabs { | .community-tabs ul { | ||
text-align: center; | text-align: center; | ||
font-size: 110%; | font-size: 110%; | ||
display: flex; | display: flex; | ||
flex-wrap:wrap; | flex-wrap:wrap; | ||
第19行: | 第16行: | ||
vertical-align: middle; | vertical-align: middle; | ||
padding: 0.3em; | padding: 0.3em; | ||
border: solid 1px # | border: solid 1px #EEEEEE; | ||
border-top: 0; | border-top: 0; | ||
background-color: # | background-color: #36c; | ||
color: white; | color: white; | ||
} | } | ||
.community-tabs > ul > | .community-tabs > ul > .lw-active { | ||
background-color: # | background-color: #EEEEEE; | ||
border-bottom-width: 0; | border-bottom-width: 0; | ||
color: black; | color: black; | ||
第45行: | 第42行: | ||
white-space: nowrap; | white-space: nowrap; | ||
} | } | ||
.community-tabs > ul > | .community-tabs > ul > .lw-active a[href] { | ||
color: # | color: #36c; | ||
} | } |
2022年6月12日 (日) 17:07的最新版本
.community-tabs ul { text-align: center; font-size: 110%; 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 #EEEEEE; border-top: 0; background-color: #36c; color: white; } .community-tabs > ul > .lw-active { background-color: #EEEEEE; 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 > .lw-active a[href] { color: #36c; }