style.css:修订间差异
来自电棍ottowiki
更多操作
![]() OctoberSama(留言 | 贡献) 小 |
![]() OctoberSama(留言 | 贡献) 小 |
||
(未显示2个用户的37个中间版本) | |||
第1行: | 第1行: | ||
.citizen-search-trigger { | .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: 0.2px; | |||
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; | |||
} | } |
2025年6月15日 (日) 10:44的版本
.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: 0.2px; 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; }