◆42Lab是非盈利性、非官方的云图计划维基百科。 ◆诚邀指挥官们加入编辑部共同建设wiki。点这里加入42Lab ◆如果您发现某些内容错误/空缺,请勇于修正/添加!参与进来其实很容易! ◆有任何意见、建议、纠错,欢迎在任意评论区评论 ◆编辑讨论QQ群741423564 微博@GFwiki少前百科 欢迎您 |
微件:战略总览/css
来自42LAB
<style> .strategy-row { display: flex } .strategy-row > div { flex: 20% } .strategy-item { cursor: pointer } .strategy-item > div {
background: #f9f9f9; box-shadow: 0 2px 4px lightgray; cursor: auto; max-height: 400px; overflow-y: scroll; padding: 0 0.5em; position: absolute;
} .strategy-item figure { text-align: center } .strategy-item > div > p:first-child { font-weight: bold }
.mezzanine { display:flex } .mezzanine div {
flex: 20%; height: 40px;
} .mezzanine table {
border-spacing: 0; width: 100%;
} .mezzanine td {
height: 20px; width: 50%;
} .link-down tr:last-child td:first-child { border-right: 2px solid } .link-up tr:first-child td:first-child { border-right: 2px solid } .link-left tr:first-child td:first-child { border-bottom: 2px solid } .link-right tr:first-child td:last-child { border-bottom: 2px solid }
@media screen and (max-width: 430px) {
.strategy-row { max-width: 380px } .strategy-item img { width: 40px } .strategy-row * { margin: 0 }
} </style>