style.css：修订间差异
来自电棍ottowiki
更多操作
 OctoberSama（留言 | 贡献） 小 |
|||
| 第12行： | 第12行： | ||
justify-content: flex-start; | justify-content: flex-start; | ||
padding-left: 15px; | padding-left: 15px; | ||
transition-property: background-color, border-width, border-radius; | |||
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: 1px; | |||
border-radius: 15px; | |||
} | } | ||
.citizen-search-trigger::before { | .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月14日 (六) 23:14的版本
.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;
transition-property: background-color, border-width, border-radius;
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: 1px;
border-radius: 15px;
}
.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;
}