style.css：修订间差异
来自电棍ottowiki
更多操作
 OctoberSama（留言 | 贡献） 小 |
OctoberSama（留言 | 贡献） 小 |
||
| （未显示2个用户的32个中间版本） | |||
| 第1行： | 第1行： | ||
.citizen-search-trigger { | .citizen-search-trigger { | ||
background-color: var(--color-surface- | color: var(--color-base); | ||
background-color: var(--color-surface-2); | |||
width: 100%; | width: 100%; | ||
height: | height: 55px; | ||
border-style: solid; | border-style: solid; | ||
border-color: #ADBEDF; | border-color: #ADBEDF; | ||
border-width: 3px; | border-width: 3px; | ||
border-radius: | border-radius: 50px; | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
justify-content: flex-start; | justify-content: flex-start; | ||
padding-left: | padding-left: 15px; | ||
box-shadow: 0 0 0px #fff; | |||
transition-property: all; | |||
transition-duration: 300ms; | |||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |||
} | } | ||
.citizen-search-trigger:hover { | .citizen-search-trigger:hover { | ||
background-color: var(--color-surface-0); | |||
border-width: 0.2px; | |||
border-radius: 15px; | |||
box-shadow: 0 0 8px #fff; | |||
} | |||
.citizen-search-trigger::before { | |||
content: ''; | |||
display: block; | |||
width: 1rem; | |||
height: 1rem; | |||
background-color: currentColor; | |||
mask-image: url('/resources/lib/ooui/themes/wikimediaui/images/icons/search.svg'); | |||
mask-size: contain; | |||
margin-right: 5px; | |||
} | } | ||
2025年6月16日 (一) 18:24的最新版本
.citizen-search-trigger {
color: var(--color-base);
background-color: var(--color-surface-2);
width: 100%;
height: 55px;
border-style: solid;
border-color: #ADBEDF;
border-width: 3px;
border-radius: 50px;
display: flex;
align-items: center;
justify-content: flex-start;
padding-left: 15px;
box-shadow: 0 0 0px #fff;
transition-property: all;
transition-duration: 300ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.citizen-search-trigger:hover {
background-color: var(--color-surface-0);
border-width: 0.2px;
border-radius: 15px;
box-shadow: 0 0 8px #fff;
}
.citizen-search-trigger::before {
content: '';
display: block;
width: 1rem;
height: 1rem;
background-color: currentColor;
mask-image: url('/resources/lib/ooui/themes/wikimediaui/images/icons/search.svg');
mask-size: contain;
margin-right: 5px;
}