MediaWiki:Gadget-AnniversaryTheme.css

注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的更改的影响。

• Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
• Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
• Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5。

/* ========== OTTOWiki 1st Anniversary Theme ========== */
:root{
  /* 主色：喜庆红 / 香槟金 / 柔和粉底 */
  --color-anni-red: #d81b2a;
  --color-anni-red-deep: #9f0f1b;
  --color-anni-gold: #f3c46b;
  --color-anni-gold-deep: #d8a843;
  --color-anni-pink-bg: #fff4f6;

  /* 统一控制 SVG 图标填充色（把你原本 #ee6666 替掉） */
  --color-anni-icon: #d81b2a;

  /* 渐变用：红 → 金 → surface */
  --anni-grad-1: #d81b2a;
  --anni-grad-2: #f3c46b;
  --anni-grad-3: var(--color-surface-2);

  /* 边框 / 文字辅助色 */
  --anni-border: #e9b7bd;
  --anni-soft-text: #7a1b23;
}

/* 顶部横幅：更有“庆典”感的渐变 + 轻微高光 */
.main-banner{
  background:
    radial-gradient(1200px 200px at 20% 0%, rgba(255,255,255,.35), rgba(255,255,255,0) 60%),
    linear-gradient(135deg, var(--anni-grad-1) 0%, var(--anni-grad-2) 55%, var(--anni-grad-3) 100%) !important;
}

/* 搜索框边框：用柔和红粉 */
.citizen-search-trigger{
  border-color: var(--anni-border) !important;
}

/* 侧栏/提示块：周年红的左边框 */
.ottowiki-toppop{
  border-left: 6px solid var(--color-anni-red) !important;
}

/* ========== OOUI 图标：把 fill 改成主题色 ========== */
.oo-ui-image-progressive.oo-ui-icon-search,
.mw-ui-icon-search-progressive:before{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Esearch%3C/title%3E%3Cg fill='%23d81b2a'%3E%3Cpath d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4zM3 8a5 5 0 1 0 10 0A5 5 0 0 0 3 8'/%3E%3C/g%3E%3C/svg%3E") !important;
}

.oo-ui-image-progressive.oo-ui-icon-upTriangle,
.mw-ui-icon-upTriangle-progressive:before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Etriangle upwards%3C/title%3E%3Cg fill='%23d81b2a'%3E%3Cpath d='m10 5 8 10H2z'/%3E%3C/g%3E%3C/svg%3E") !important;
}

.oo-ui-image-progressive.oo-ui-icon-downTriangle,
.mw-ui-icon-downTriangle-progressive:before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Edown triangle%3C/title%3E%3Cg fill='%23d81b2a'%3E%3Cpath d='M10 15 2 5h16z'/%3E%3C/g%3E%3C/svg%3E") !important;
}

.oo-ui-image-progressive.oo-ui-icon-share,
.mw-ui-icon-share-progressive:before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Eshare%3C/title%3E%3Cg fill='%23d81b2a'%3E%3Cpath d='M12 6V2l7 7-7 7v-4c-5 0-8.5 1.5-11 5l.8-3 .2-.4A12 12 0 0 1 12 6'/%3E%3C/g%3E%3C/svg%3E") !important;
}

.oo-ui-image-progressive.oo-ui-icon-bellOutline,
.mw-ui-icon-bellOutline-progressive:before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Ebell%3C/title%3E%3Cg fill='%23d81b2a'%3E%3Cpath d='M11.5 2.19C14.09 2.86 16 5.2 16 8v6l2 2v1H2v-1l2-2V8c0-2.8 1.91-5.14 4.5-5.81V1.5C8.5.67 9.17 0 10 0s1.5.67 1.5 1.5zM10 4C7.79 4 6 5.79 6 8v7h8V8c0-2.21-1.79-4-4-4M8 18h4c0 1.1-.9 2-2 2s-2-.9-2-2'/%3E%3C/g%3E%3C/svg%3E") !important;
}

/* ========== IPE 工具箱：红金阶梯按钮 ========== */
#ipe-edit-toolbox #toolbox-toggle{ background: var(--color-anni-red-deep); }

#ipe-edit-toolbox .ipe-toolbox-btn#edit-btn{          background: var(--color-anni-red); }
#ipe-edit-toolbox .ipe-toolbox-btn#redirectfrom-btn{  background: #c01623; }
#ipe-edit-toolbox .ipe-toolbox-btn#redirectto-btn{    background: #8b0c16; }
#ipe-edit-toolbox .ipe-toolbox-btn#preference-btn{    background: var(--color-anni-gold-deep); color:#3b2600; }
#ipe-edit-toolbox .ipe-toolbox-btn#renamepage-btn{    background: #e43a44; }
#ipe-edit-toolbox .ipe-toolbox-btn#deletepage-btn{    background: #b91420; }


img.mw-logo-icon{
  filter: hue-rotate(335deg) saturate(170%) brightness(95%);
}


div#mainpagenav div[style*="background-color:#4CAF50;"],
div#mainpagenav span[style*="background-color:#4CAF50;"]{
  background: linear-gradient(90deg, var(--color-anni-red) 0%, var(--color-anni-gold) 100%) !important;
}

div#mainpagenav div[style*="background-color:#4CAF50;"] > a.mw-redirect,
div#mainpagenav span[style*="background-color:#4CAF50;"] > a.mw-redirect{
  color: #fff6e6 !important;
}

div#mainpagenav div[style*="border-bottom:2px solid"]{
  border-bottom: 2px solid var(--color-anni-red) !important;
}


img, div#ccb_elephant{
  filter: sepia(.35) saturate(1.25) hue-rotate(340deg);
}


.citizen-header:before{
  filter: sepia(.55) saturate(2.2) hue-rotate(340deg);
}


#profile-toggle-button{
  background-color: var(--color-anni-red) !important;
}


.ext-mermaid svg[id^="mermaid"]{
  background-color: rgba(255, 244, 246, .8) !important;
  border-color: var(--color-anni-red) !important;
}


.fakelink.nomobile{ color: #9f0f1b !important; }
.fakelink.mobileonly{ color: #d81b2a !important; }