打开/关闭菜单
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

MediaWiki:Tweeki.css:修订间差异

MediaWiki界面页面
Maintenance script留言 | 贡献
Polish Tweeki system surfaces
Maintenance script留言 | 贡献
Tighten article reading measure
 
(未显示同一用户的8个中间版本)
第1行: 第1行:
/* MUC Wiki Tweeki component theme. Active on the staging rehearsal host. */
/* MUC Wiki Tweeki component theme. Active on the staging rehearsal host. */
body.skin-tweeki {
body.skin-tweeki {
   --mucwiki-page: #f4f7fb;
   --mucwiki-page: #f6f8fb;
   --mucwiki-surface: #fff;
   --mucwiki-surface: #fff;
   --mucwiki-surface-raised: #fff;
   --mucwiki-surface-raised: #fff;
第8行: 第8行:
   --mucwiki-text-strong: #0f172a;
   --mucwiki-text-strong: #0f172a;
   --mucwiki-muted: #617083;
   --mucwiki-muted: #617083;
   --mucwiki-border: #d8e2ee;
   --mucwiki-border: #d7e0eb;
   --mucwiki-border-soft: #e8eef5;
   --mucwiki-border-soft: #e9eef5;
   --mucwiki-accent: #245b9f;
   --mucwiki-accent: #245b9f;
   --mucwiki-accent-strong: #173f75;
   --mucwiki-accent-strong: #173f75;
第19行: 第19行:
   --mucwiki-warning-border: #ecd79d;
   --mucwiki-warning-border: #ecd79d;
   --mucwiki-shadow-xs: 0 1px 2px rgba(16, 24, 40, .035);
   --mucwiki-shadow-xs: 0 1px 2px rgba(16, 24, 40, .035);
   --mucwiki-shadow-sm: 0 8px 24px rgba(31, 47, 70, .055);
   --mucwiki-shadow-sm: 0 8px 20px rgba(31, 47, 70, .045);
   --mucwiki-shadow-md: 0 20px 54px rgba(31, 47, 70, .092);
   --mucwiki-shadow-md: 0 18px 46px rgba(31, 47, 70, .07);
   --mucwiki-focus: rgba(36, 91, 159, .2);
   --mucwiki-focus: rgba(36, 91, 159, .2);
   --mucwiki-radius-sm: 6px;
   --mucwiki-radius-sm: 6px;
第27行: 第27行:
   min-width: 0;
   min-width: 0;
   background: var(--mucwiki-page);
   background: var(--mucwiki-page);
   background-image:
   background-image: linear-gradient(180deg, rgba(255, 255, 255, .97), rgba(246, 248, 251, 0) 15rem);
    linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(244, 247, 251, 0) 15rem),
    linear-gradient(90deg, rgba(36, 91, 159, .018) 1px, transparent 1px),
    linear-gradient(180deg, rgba(36, 91, 159, .014) 1px, transparent 1px);
  background-size: auto, 2.25rem 2.25rem, 2.25rem 2.25rem;
   color: var(--mucwiki-text);
   color: var(--mucwiki-text);
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans SC", "Microsoft YaHei", sans-serif;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans SC", "Microsoft YaHei", sans-serif;
第62行: 第58行:
   border-bottom: 1px solid rgba(202, 213, 228, .82);
   border-bottom: 1px solid rgba(202, 213, 228, .82);
   background: rgba(255, 255, 255, .94) !important;
   background: rgba(255, 255, 255, .94) !important;
   box-shadow: 0 10px 30px rgba(31, 47, 70, .048);
   box-shadow: 0 8px 24px rgba(31, 47, 70, .04);
   backdrop-filter: blur(14px);
   backdrop-filter: blur(14px);
}
}
第226行: 第222行:


body.skin-tweeki #content.mw-body {
body.skin-tweeki #content.mw-body {
   max-width: 76rem;
   max-width: 75rem;
   margin: 1.45rem auto 0;
   margin: 1.25rem auto 0;
   padding: 2rem 2.35rem 2.65rem;
   padding: 2.05rem 2.25rem 2.55rem;
   border: 1px solid rgba(215, 224, 236, .92);
   border: 1px solid rgba(215, 224, 236, .86);
   border-radius: var(--mucwiki-radius-lg);
   border-radius: 12px;
   background: rgba(255, 255, 255, .96);
   background: rgba(255, 255, 255, .98);
   box-shadow: var(--mucwiki-shadow-md);
   box-shadow: 0 14px 42px rgba(31, 47, 70, .055);
   overflow-x: hidden;
   overflow-x: hidden;
}
}
第251行: 第247行:
body.skin-tweeki:not(.page-首页) .mw-parser-output,
body.skin-tweeki:not(.page-首页) .mw-parser-output,
body.skin-tweeki:not(.page-首页) #firstHeading {
body.skin-tweeki:not(.page-首页) #firstHeading {
   max-width: 59rem;
   max-width: 52rem;
}
}


第257行: 第253行:
   margin: 0 auto 1.05rem;
   margin: 0 auto 1.05rem;
   color: var(--mucwiki-text-strong);
   color: var(--mucwiki-text-strong);
   font-size: 2rem;
   font-size: 1.95rem;
   font-weight: 900;
   font-weight: 900;
   line-height: 1.18;
   line-height: 1.18;
第266行: 第262行:
   content: "";
   content: "";
   display: block;
   display: block;
   width: 3rem;
   width: 2.45rem;
   height: .2rem;
   height: .16rem;
   margin-top: .72rem;
   margin-top: .66rem;
   border-radius: 999px;
   border-radius: 999px;
   background: var(--mucwiki-accent);
   background: var(--mucwiki-accent);
}
@media (min-width: 992px) {
  body.skin-tweeki:not(.page-首页):not(.ns-special) #maincontentwrapper {
    flex: 0 0 78%;
    max-width: 78%;
  }
  body.skin-tweeki:not(.page-首页):not(.ns-special) #sidebar-right {
    flex: 0 0 22%;
    max-width: 22%;
  }
}
}


body.skin-tweeki #contentSub,
body.skin-tweeki #contentSub,
body.skin-tweeki .mw-indicators {
body.skin-tweeki .mw-indicators {
   max-width: 59rem;
   max-width: 52rem;
   margin-right: auto;
   margin-right: auto;
   margin-left: auto;
   margin-left: auto;
第284行: 第292行:
   align-items: center;
   align-items: center;
   gap: .52rem;
   gap: .52rem;
   margin-top: 1.85rem;
   margin-top: 1.75rem;
   padding-bottom: .45rem;
   padding-bottom: .42rem;
   border-bottom: 1px solid var(--mucwiki-border);
   border-bottom: 1px solid var(--mucwiki-border-soft);
   color: #111827;
   color: #111827;
   font-size: 1.28rem;
   font-size: 1.22rem;
   font-weight: 900;
   font-weight: 900;
}
}
第501行: 第509行:
   border-radius: var(--mucwiki-radius);
   border-radius: var(--mucwiki-radius);
   background: rgba(255, 255, 255, .96);
   background: rgba(255, 255, 255, .96);
}
body.skin-tweeki.mw-special-Search #powersearch,
body.skin-tweeki.page-特殊_搜索 #powersearch {
  max-width: 68rem;
}
body.skin-tweeki.mw-special-Search #powersearch .oo-ui-actionFieldLayout,
body.skin-tweeki.page-特殊_搜索 #powersearch .oo-ui-actionFieldLayout {
  width: 100%;
  max-width: 50rem;
}
body.skin-tweeki.mw-special-Search .mw-search-profile-tabs,
body.skin-tweeki.page-特殊_搜索 .mw-search-profile-tabs {
  width: 100%;
  max-width: 50rem;
  border-color: var(--mucwiki-border);
  border-radius: var(--mucwiki-radius);
  background: #f8fbff;
}
body.skin-tweeki.mw-special-Search #mw-searchoptions,
body.skin-tweeki.page-特殊_搜索 #mw-searchoptions {
  width: 100%;
  max-width: 68rem;
  margin: 1rem 0 2rem;
  padding: 1rem;
  border: 1px solid var(--mucwiki-border);
  border-radius: var(--mucwiki-radius-lg);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 251, 255, .96)),
    #fff;
  box-shadow: var(--mucwiki-shadow-sm);
}
body.skin-tweeki.mw-special-Search #mw-searchoptions legend,
body.skin-tweeki.page-特殊_搜索 #mw-searchoptions legend {
  display: block;
  width: 100%;
  margin-bottom: .75rem;
  padding: 0 0 .65rem;
  border-bottom: 1px solid var(--mucwiki-border-soft);
  color: var(--mucwiki-text-strong);
  font-size: 1.2rem;
  font-weight: 900;
}
body.skin-tweeki.mw-special-Search #mw-searchoptions .oo-ui-fieldsetLayout-group,
body.skin-tweeki.page-特殊_搜索 #mw-searchoptions .oo-ui-fieldsetLayout-group {
  display: grid;
  grid-template-columns: repeat(4, minmax(8rem, 1fr));
  gap: .48rem .7rem;
}
body.skin-tweeki.mw-special-Search #mw-searchoptions .oo-ui-fieldLayout,
body.skin-tweeki.page-特殊_搜索 #mw-searchoptions .oo-ui-fieldLayout {
  min-height: 2.4rem;
  margin: 0;
  padding: .35rem .45rem;
  border: 1px solid transparent;
  border-radius: var(--mucwiki-radius);
}
body.skin-tweeki.mw-special-Search #mw-searchoptions .oo-ui-fieldLayout:hover,
body.skin-tweeki.page-特殊_搜索 #mw-searchoptions .oo-ui-fieldLayout:hover {
  border-color: var(--mucwiki-border-soft);
  background: #fff;
}
body.skin-tweeki.mw-special-Search #mw-searchoptions .oo-ui-labelElement-label,
body.skin-tweeki.page-特殊_搜索 #mw-searchoptions .oo-ui-labelElement-label {
  color: #253044;
  font-weight: 680;
}
}


第594行: 第676行:


body.skin-tweeki .mw-changeslist table.mw-changeslist-line {
body.skin-tweeki .mw-changeslist table.mw-changeslist-line {
  width: 100%;
   margin: .16rem 0;
   margin: .16rem 0;
   border-collapse: separate;
   border-collapse: separate;
第659行: 第742行:


body.skin-tweeki .mw-changeslist-legend {
body.skin-tweeki .mw-changeslist-legend {
  float: none !important;
  clear: both;
  width: 100%;
  max-width: 100%;
   margin: .1rem 0 1rem;
   margin: .1rem 0 1rem;
   padding: .7rem .85rem;
   padding: .7rem .85rem;
第672行: 第759行:
body.skin-tweeki .mw-changeslist-legend dl {
body.skin-tweeki .mw-changeslist-legend dl {
   display: grid;
   display: grid;
   grid-template-columns: auto 1fr;
   grid-template-columns: auto minmax(12rem, 1fr) auto minmax(12rem, 1fr);
   gap: .25rem .52rem;
   gap: .25rem .52rem;
   margin: .55rem 0 0;
   margin: .55rem 0 0;
第713行: 第800行:
   top: 5.3rem;
   top: 5.3rem;
   align-self: flex-start;
   align-self: flex-start;
   padding-top: 1.75rem;
   padding-top: 1.25rem;
  max-width: 16rem;
}
}


第725行: 第813行:
   display: flex;
   display: flex;
   width: 100%;
   width: 100%;
   min-height: 2.5rem;
   min-height: 2.38rem;
   align-items: center;
   align-items: center;
   justify-content: flex-start;
   justify-content: flex-start;
   gap: .38rem;
   gap: .38rem;
   border-color: #d2ddeb;
   border-color: #d9e2ee;
   border-radius: var(--mucwiki-radius);
   border-radius: var(--mucwiki-radius);
   background:
   background: rgba(255, 255, 255, .92);
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 251, 255, .96)),
    #fff;
   color: #344054;
   color: #344054;
   font-weight: 800;
  font-size: .94rem;
   font-weight: 780;
   padding-right: .88rem;
   padding-right: .88rem;
   padding-left: .88rem;
   padding-left: .88rem;
   box-shadow: 0 8px 22px rgba(31, 47, 70, .055);
   box-shadow: 0 1px 2px rgba(31, 47, 70, .025);
}
}


第755行: 第842行:
body.skin-tweeki #sidebar-right .list-group,
body.skin-tweeki #sidebar-right .list-group,
body.skin-tweeki #sidebar-right .tweeki-toc {
body.skin-tweeki #sidebar-right .tweeki-toc {
   border: 1px solid #dbe4ef;
   border: 1px solid #dde6f0;
   border-radius: var(--mucwiki-radius);
   border-radius: 10px;
   background: rgba(255, 255, 255, .96);
   background: rgba(255, 255, 255, .9);
   box-shadow: var(--mucwiki-shadow-sm);
   box-shadow: 0 10px 26px rgba(31, 47, 70, .042);
}
}


body.skin-tweeki #tweekiTOC {
body.skin-tweeki #tweekiTOC {
   margin-top: 1rem;
   margin-top: .9rem;
}
}


第769行: 第856行:
   align-items: center;
   align-items: center;
   justify-content: space-between;
   justify-content: space-between;
   margin: 0 0 .58rem;
   margin: 0 0 .52rem;
   color: #1f2937;
   color: #172033;
   font-size: .92rem;
   font-size: .88rem;
   font-weight: 900;
   font-weight: 900;
  letter-spacing: 0;
}
}


第778行: 第866行:
   content: "";
   content: "";
   display: inline-block;
   display: inline-block;
   width: .28rem;
   width: .2rem;
   height: .95rem;
   height: .82rem;
   margin-right: .38rem;
   margin-right: .38rem;
   border-radius: 999px;
   border-radius: 999px;
第792行: 第880行:
   display: block !important;
   display: block !important;
   width: 100%;
   width: 100%;
   padding: .82rem .88rem;
   padding: .74rem .78rem;
}
}


body.skin-tweeki #tweekiTOC .nav-link {
body.skin-tweeki #tweekiTOC .nav-link {
   padding: .22rem .42rem;
   padding: .2rem .38rem;
   border-radius: var(--mucwiki-radius-sm);
   border-radius: var(--mucwiki-radius-sm);
   color: #536070;
   color: #536070;
   font-size: .92rem;
   font-size: .9rem;
   line-height: 1.35;
   line-height: 1.35;
}
}
第822行: 第910行:


body.skin-tweeki #footer {
body.skin-tweeki #footer {
   margin-top: 4rem;
   margin-top: 3.25rem;
   padding: 1.65rem 1rem 2rem;
   padding: 1.25rem 1rem 1.55rem;
   border-top: 1px solid #dce5ef;
   border-top: 1px solid #dce5ef;
   background: rgba(239, 244, 249, .96) !important;
   background: rgba(241, 245, 249, .88) !important;
   color: var(--mucwiki-muted);
   color: var(--mucwiki-muted);
   text-align: left;
   text-align: left;
第866行: 第954行:
   margin: 0;
   margin: 0;
   color: var(--mucwiki-muted);
   color: var(--mucwiki-muted);
   font-size: .88rem;
   font-size: .84rem;
   line-height: 1.45;
   line-height: 1.45;
}
}
第887行: 第975行:
body.skin-tweeki #footer #footer-poweredbyico .cdx-button,
body.skin-tweeki #footer #footer-poweredbyico .cdx-button,
body.skin-tweeki #footer #footer-poweredbyico a {
body.skin-tweeki #footer #footer-poweredbyico a {
   min-height: 2rem;
   min-height: 1.9rem;
   padding: .28rem .55rem;
   padding: .24rem .5rem;
   border: 1px solid var(--mucwiki-border);
   border: 1px solid var(--mucwiki-border);
   border-radius: 8px;
   border-radius: 8px;
   background: #fff;
   background: #fff;
   color: #516070;
   color: #516070;
   font-size: .82rem;
   font-size: .78rem;
   box-shadow: none;
   box-shadow: none;
}
}
第966行: 第1,054行:


@media (max-width: 720px) {
@media (max-width: 720px) {
  body.skin-tweeki .mw-changeslist-legend dl {
    grid-template-columns: auto minmax(0, 1fr);
  }
   body.skin-tweeki.mw-special-Recentchanges .mw-changeslist,
   body.skin-tweeki.mw-special-Recentchanges .mw-changeslist,
   body.skin-tweeki.mw-special-Recentchanges .mw-rcfilters-ui-changesListWrapperWidget,
   body.skin-tweeki.mw-special-Recentchanges .mw-rcfilters-ui-changesListWrapperWidget,
第996行: 第1,088行:
   body.skin-tweeki.page-特殊_最近更改 .mw-changeslist table.mw-changeslist-line {
   body.skin-tweeki.page-特殊_最近更改 .mw-changeslist table.mw-changeslist-line {
     margin: .48rem 0;
     margin: .48rem 0;
     padding: .52rem .6rem;
     padding: .5rem .62rem;
     border: 1px solid var(--mucwiki-border);
     border: 1px solid var(--mucwiki-border);
     border-radius: 10px;
     border-radius: 10px;
     background: #fff;
     background: #fff;
  }
  body.skin-tweeki.mw-special-Recentchanges .mw-changeslist table.mw-changeslist-line.mw-enhanced-rc > tbody > tr > td:first-child,
  body.skin-tweeki.mw-special-Recentchanges .mw-changeslist table.mw-changeslist-line.mw-enhanced-rc > tbody > tr > td:nth-child(2),
  body.skin-tweeki.mw-special-Recentchanges .mw-changeslist table.mw-changeslist-line.mw-enhanced-rc > tbody > tr > td.mw-changeslist-line-prefix,
  body.skin-tweeki.page-特殊_最近更改 .mw-changeslist table.mw-changeslist-line.mw-enhanced-rc > tbody > tr > td:first-child,
  body.skin-tweeki.page-特殊_最近更改 .mw-changeslist table.mw-changeslist-line.mw-enhanced-rc > tbody > tr > td:nth-child(2),
  body.skin-tweeki.page-特殊_最近更改 .mw-changeslist table.mw-changeslist-line.mw-enhanced-rc > tbody > tr > td.mw-changeslist-line-prefix {
    display: none;
    padding: 0;
   }
   }


第1,060行: 第1,162行:
     width: auto;
     width: auto;
     margin: .9rem .9rem 0;
     margin: .9rem .9rem 0;
     padding: 1.2rem;
     padding: 1.1rem;
     border-radius: 8px;
     border-radius: 8px;
   }
   }
第1,080行: 第1,182行:
     width: auto;
     width: auto;
     max-width: calc(100% - 1.8rem);
     max-width: calc(100% - 1.8rem);
     margin: .9rem .9rem 0;
     margin: .7rem .9rem 0;
    padding-top: .35rem;
    text-align: center;
   }
   }


第1,086行: 第1,190行:
   body.skin-tweeki:not(.page-首页) #sidebar-right .dropdown {
   body.skin-tweeki:not(.page-首页) #sidebar-right .dropdown {
     max-width: 100%;
     max-width: 100%;
  }
  body.skin-tweeki:not(.page-首页) #sidebar-right .mucwiki-page-tool {
    display: inline-flex;
    width: auto;
    margin: 0 .22rem .38rem;
   }
   }


   body.skin-tweeki:not(.page-首页) #sidebar-right .mucwiki-page-tool .btn,
   body.skin-tweeki:not(.page-首页) #sidebar-right .mucwiki-page-tool .btn,
   body.skin-tweeki:not(.page-首页) #sidebar-right .btn-outline-secondary {
   body.skin-tweeki:not(.page-首页) #sidebar-right .btn-outline-secondary {
     min-height: 2.2rem;
     min-height: 2rem;
     justify-content: flex-start;
    width: auto;
     padding-right: .8rem;
     justify-content: center;
     padding-left: .8rem;
     padding-right: .68rem;
     padding-left: .68rem;
    border-radius: 999px;
    box-shadow: none;
    font-size: .88rem;
  }
 
  body.skin-tweeki:not(.page-首页) #tweekiTOC {
    width: 100%;
    margin-top: .45rem;
  }
 
  body.skin-tweeki:not(.page-首页) #tweekiTOC #toc {
    max-height: 12rem;
    overflow: auto;
   }
   }
}
}
第1,099行: 第1,223行:
@media (max-width: 575.98px) {
@media (max-width: 575.98px) {
   body.skin-tweeki #footer {
   body.skin-tweeki #footer {
    margin-top: 2.2rem;
    padding-top: 1.1rem;
    padding-bottom: 1.25rem;
     text-align: center;
     text-align: center;
   }
   }