 Qiuyin-spring tide（留言 | 贡献） |
Qiuyin-spring tide（留言 | 贡献） |
||
| 第39行： | 第39行： | ||
padding-left: 0; | padding-left: 0; | ||
} | } | ||
#simpleSearch #cosmos-search-buttonContainer { | #simpleSearch { | ||
position: relative; | |||
} | |||
/* 3. 将按钮绝对定位到输入框左侧内部 */ | |||
#cosmos-search-buttonContainer { | |||
position: absolute; | |||
left: 10px; /* 图标距输入框左边界的距离 */ | |||
top: 50%; | |||
transform: translateY(-50%); | |||
z-index: 2; | |||
background: none; | background: none; | ||
border: none; | border: none; | ||
padding: 0; | padding: 0; | ||
display: flex; /* 让内部图标居中，视情况可加 */ | |||
align-items: center; | |||
justify-content: center; | |||
} | } | ||
/* 4. 给输入框左侧留出图标的空间 */ | |||
#searchInput { | |||
padding-left: 36px; /* 20px(图标宽) + 10px(左边距) + 6px(间距)，按需微调 */ | |||
box-sizing: border-box; | |||
} | } | ||
2026年8月9日 (日) 10:56的版本
.cosmos-bannerOption-icon SVG {
fill: none;
stroke: #000;
stroke-width: 3px;
transform: scale(0.7);
}
#cosmos-banner {
height: 46px;
}
#searchform {
width: 20% !important;
margin-left: auto !important;
margin-right: 0 !important;
}
#searchform input {
height: 26px;
background: #fff;
border-radius: 3px;
color: #1e0c1b;
}
#cosmos-notification-icons {
padding: 5px 5px 5px 0;
}
body .oo-ui-icon-bell,
.mw-ui-icon-bell::before {
background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19.6' stroke='%23000' stroke-width='2.5px' fill='none' viewBox='0 0 28 28'%3e%3cpath d='M 2 21 L 6 15 L 6 10 A 5 5 180 0 1 22 10 L 22 15 L 26 21 Z M 18 21.5 A 4 4.5 180 0 1 10 21.5'/%3e%3c/svg%3e") no-repeat;
background-size: cover;
}
body .oo-ui-icon-tray,
.mw-ui-icon-tray::before {
background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19.6' stroke='%23000' stroke-width='2.5px' fill='none' viewBox='0 0 28 28'%3e%3cpath d='M 2 5 L 26 5 L 26 23 L 2 23 Z M 2 9 L 14 19 L 26 9 L 26 23 L 2 23 Z M 2 23 L 10 15 Z M 26 23 L 18 15 Z'/%3e%3c/svg%3e") no-repeat;
background-size: cover;
}
body:not(.skin-vector-2022) #pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read, body:not(.skin-vector-2022) #pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {
opacity: 0.9;
transform: scale(0.7);
}
#cosmos-notification-icons #pt-notifications-notice {
padding-left: 0;
}
#simpleSearch {
position: relative;
}
/* 3. 将按钮绝对定位到输入框左侧内部 */
#cosmos-search-buttonContainer {
position: absolute;
left: 10px; /* 图标距输入框左边界的距离 */
top: 50%;
transform: translateY(-50%);
z-index: 2;
background: none;
border: none;
padding: 0;
display: flex; /* 让内部图标居中，视情况可加 */
align-items: center;
justify-content: center;
}
/* 4. 给输入框左侧留出图标的空间 */
#searchInput {
padding-left: 36px; /* 20px(图标宽) + 10px(左边距) + 6px(间距)，按需微调 */
box-sizing: border-box;
}
#p-search .cdx-button{
display: none;
}