用户:Qiuyin-spring tide/代码/fandom.css：修订间差异

帮助

.cosmos-bannerOption-icon SVG {
    fill: none;
    stroke: #000;
    stroke-width: 3px;
    transform: scale(0.7);
}

/* 原始搜索表单容器（用于回退或备用） */
#searchform {
    width: 20% !important;
    margin-left: auto !important;
    margin-right: 0 !important;
}

/* 备用输入框样式（当 Codex 不生效时） */
#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;
}

/* 隐藏 Codex 搜索框右侧按钮 */
#p-search .cdx-button {
    display: none;
}

/* 调整 Codex 搜索组件外层高度 */
.cdx-search-input--has-end-button {
    height: 36px;
    box-sizing: border-box;
}

/* 确保 Codex 文本输入容器基础样式 */
.cdx-text-input {
    min-width: auto;
    height: 36px;
}

/* 核心修复：强制输入框使用 border-box，并固定尺寸 */
#p-search .cdx-text-input__input {
    box-sizing: border-box !important;          /* 关键：使宽高包含内边距 */
    width: 100% !important;
    height: 36px !important;
    padding: 5px 20px;
    margin: 0;
    border: 0;
    background: #fff;
    border-radius: 3px;
    color: #1e0c1b;
    outline: 0;
    box-shadow: none;
    line-height: 1.4;                           /* 根据字体微调垂直居中 */
    transition: background 250ms ease;
    left: auto;                                 /* 覆盖可能的绝对定位 left */
    position: relative;                         /* 防止绝对定位引起溢出 */
    -webkit-appearance: none;
}

/* 外层 wrapper 也需要重置盒模型，并移除多余 padding */
.cdx-search-input--has-end-button .cdx-search-input__input-wrapper {
    height: 36px;
    background: transparent;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 0;                                 /* 移除任何内边距 */
    overflow: hidden;                           /* 保留溢出隐藏，确保视觉一致 */
}

/* 悬停、聚焦效果（基于原始 #searchform，不影响 Codex） */
#searchform input:hover {
    border: 1px solid #1e0c1b;
}
#searchform input:focus {
    background: #fff;
    border: 1px solid #1e0c1b;
}

#p-search .cdx-text-input__input {
	transform: translateY(2px);
}


/* Domfan（？） */
#cosmos-banner {
    height: 46px;
    background: transparent!important;
}
#cosmos-banner-content {
	position: fixed;
	z-index: 1000;
}
#cosmos-banner::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 46px;
    z-index: 999;

    /* 背景色 */
    background-color: #f4f4f4;

    /* Domfan 图标，作为背景图放在左侧 */
    background-image: url("https://fandombackroomscn.icu/images/8/86/Domfan.png");
    background-repeat: no-repeat;
    background-position: 18px center;   /* 左侧留白 18px */
    background-size: 112px auto;

}