这是测试站点!!!!
不要保存重要内容!不要保存重要内容!不要保存重要内容!不要保存重要内容!不要保存重要内容!
模板:纯白魔方/common.css:修订间差异
来自Limbo Wiki
创建页面,内容为“→感谢ds老师支援: lw-treebutton { display: block; box-sizing: border-box; position: relative; width: 100%; →移动端:占满整行: margin: 4px 0; padding: 0 12px 0 1.5em; line-height: 1; font-size: 1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; →—— 外观 ——: color: #333; background-image: linear-gradient(to right, grey, transparent); border-radius: 999px…” 标签:(旧)WikiEditor |
小无编辑摘要 标签:(旧)WikiEditor |
||
| (未显示同一用户的7个中间版本) | |||
| 第1行: | 第1行: | ||
.lw-treebut { | |||
lw- | |||
display: block; | display: block; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
position: relative; | position: relative; | ||
width: 100%; | width: 100%; | ||
margin: 4px 0; | margin: 4px 0; | ||
padding: 0 12px 0 1.5em; | padding: 0 12px 0 1.5em; | ||
line-height: 1; | line-height: 1.2; | ||
font-size: 1rem; | font-size: 1rem; | ||
white-space: nowrap; | white-space: nowrap; | ||
overflow: hidden; | overflow: hidden; | ||
text-overflow: ellipsis; | text-overflow: ellipsis; | ||
text-align: left; | |||
border: none; | |||
background: linear-gradient(to right, #ddd, transparent); | |||
background | border-radius: 999px 0 0 999px; | ||
border-radius: 999px 0 0 999px; | |||
cursor: pointer; | cursor: pointer; | ||
user-select: none; | user-select: none; | ||
transition: color .18s ease; | transition: color .18s ease; | ||
} | } | ||
.lw-treebut::before { | |||
lw- | |||
content: "◎"; | content: "◎"; | ||
position: absolute; | position: absolute; | ||
| 第30行: | 第26行: | ||
top: 50%; | top: 50%; | ||
transform: translateY(-50%); | transform: translateY(-50%); | ||
color: currentColor; | color: currentColor; | ||
font-size: .9em; | font-size: .9em; | ||
line-height: 1; | line-height: 1; | ||
} | } | ||
@media (min-width: 768px) { | @media (min-width: 768px) { | ||
lw- | .lw-treebut { | ||
width: 33.3333%; | width: 33.3333%; | ||
} | } | ||
} | } | ||
.lw-treebut:hover, | |||
lw- | .lw-treebut:focus { | ||
lw- | background: linear-gradient(to right, #000, grey); | ||
background | color: #fff; | ||
color: #fff; | |||
outline: none; | outline: none; | ||
} | } | ||
.lw-treebut:active { | |||
lw- | |||
filter: brightness(1.15); | filter: brightness(1.15); | ||
} | } | ||
2026年9月20日 (日) 07:54的最新版本
.lw-treebut {
display: block;
box-sizing: border-box;
position: relative;
width: 100%;
margin: 4px 0;
padding: 0 12px 0 1.5em;
line-height: 1.2;
font-size: 1rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
border: none;
background: linear-gradient(to right, #ddd, transparent);
border-radius: 999px 0 0 999px;
cursor: pointer;
user-select: none;
transition: color .18s ease;
}
.lw-treebut::before {
content: "◎";
position: absolute;
left: .45em;
top: 50%;
transform: translateY(-50%);
color: currentColor;
font-size: .9em;
line-height: 1;
}
@media (min-width: 768px) {
.lw-treebut {
width: 33.3333%;
}
}
.lw-treebut:hover,
.lw-treebut:focus {
background: linear-gradient(to right, #000, grey);
color: #fff;
outline: none;
}
.lw-treebut:active {
filter: brightness(1.15);
}
