模板:Tabs/收纳表/styles.css:修订间差异
外观
建立内容为“→[[Category:CSS页面]]: →沒有前綴的給叫 stgt 的 class: .stgt { width: auto; } .sitm { width: 35%; display:inline-block; white-space: nor…”的新页面 |
小无编辑摘要 |
||
| 第15行: | 第15行: | ||
overflow:auto; | overflow:auto; | ||
display:block; | display:block; | ||
} | |||
.tabs-container { | |||
width: 100%; | |||
margin-bottom:20px; | |||
} | |||
.tabs-pages { | |||
display: flex; | |||
list-style:none; | |||
background-color:#e2e9f6; | |||
border-radius:4px; | |||
padding: 0; | |||
margin: 0; | |||
} | |||
.tab:focus, | |||
.tab:hover { | |||
cursor: pointer; | |||
} | |||
.tab { | |||
padding: 0.5em 1em; | |||
color: #244786; | |||
font-size:16px; | |||
margin:0 0 0 1em; | |||
} | |||
.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: .5em; | |||
column-count:3; | |||
border:solid #e2e9f6; | |||
border-radius:4px; | |||
border-width:0 3px 3px; | |||
} | } | ||
2026年2月15日 (日) 12:27的版本
/* [[Category:CSS页面]] */
/* 沒有前綴的給叫 stgt 的 class */
.stgt {
width: auto;
}
.sitm {
width: 35%;
display:inline-block;
white-space: normal;
}
.stab {
white-space: nowrap;
overflow:auto;
display:block;
}
.tabs-container {
width: 100%;
margin-bottom:20px;
}
.tabs-pages {
display: flex;
list-style:none;
background-color:#e2e9f6;
border-radius:4px;
padding: 0;
margin: 0;
}
.tab:focus,
.tab:hover {
cursor: pointer;
}
.tab {
padding: 0.5em 1em;
color: #244786;
font-size:16px;
margin:0 0 0 1em;
}
.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: .5em;
column-count:3;
border:solid #e2e9f6;
border-radius:4px;
border-width:0 3px 3px;
}