MediaWiki讨论:Timeless.css

Timeless问题

下列讨论已经关闭，请勿修改。如有任何意见，请至合适的讨论页进行，并不要再次编辑本讨论。

---

心血来潮用了Timeless布景主题，发现Wikipedia:首页的标题不会像英文版一样自动隐藏--John123521 (留言-贡献) 2020年11月8日 (日) 06:53 (UTC)

您可以通过在User:John123521/timeless.css或User:John123521/common.css中加入

.action-view.page-Wikipedia_首页 #contentSub, .action-view.page-Wikipedia_首页 #siteSub, .action-view.page-Wikipedia_首页 .firstHeading, .page-Wikipedia_首页 #deleteconfirm, .page-Wikipedia_首页 #footer-info-lastmod, .page-Wikipedia_首页 #t-cite {
	display: none !important
}

来隐藏它们。

Ps：其实我觉得不隐藏也蛮好看的。 --安忆^Talk 2020年11月8日 (日) 07:36 (UTC)

---

本讨论已经关闭，请勿修改。如有任何意见，请至合适的讨论页进行，并不要再次编辑本讨论。

Timeless首页问题

已解决：

见Special:Diff/61437117/63546400。--安忆^Talk 2021年1月2日 (六) 07:43 (UTC)

下列讨论已经关闭，请勿修改。如有任何意见，请至合适的讨论页进行，并不要再次编辑本讨论。

---

Timeless首页问题

维基姊妹计划无法正常显示--John123521 (留言-贡献) 2020年12月30日 (三) 14:27 (UTC)

可以临时在您的自定义CSS中加入以下样式以修正此问题（最终应修改MediaWiki:Timeless.css）：

#mp-2012-sisters .content-table {
	overflow: hidden
}
#mp-2012-sisters>div {
	margin: initial !important;
	width: 100% !important
}

--安忆^Talk 2021年1月1日 (五) 14:12 (UTC)

---

本讨论已经关闭，请勿修改。如有任何意见，请至合适的讨论页进行，并不要再次编辑本讨论。

Timeless皮肤首页标题

已完成：

差异。--安忆^Talk 2021年1月14日 (四) 01:49 (UTC)

下列讨论已经关闭，请勿修改。如有任何意见，请在合适的讨论页提出，而非再次编辑本讨论。

---

有用户提出，中维没有如其他语言（不止英语）一样隐藏Timeless皮肤下的首页标题，见于：MediaWiki_talk:Timeless.css，是否我们也应该隐藏（为了统一）？--安忆^Talk 2021年1月2日 (六) 11:12 (UTC)

(＋)支持，也更加美观。（插句题外话，感觉Timeless比新旧Vector不知道高到哪里去了……）--Tim Wu（留言） 2021年1月2日 (六) 14:17 (UTC)

(＋)支持隐藏。--🔨（留言） 2021年1月3日 (日) 11:27 (UTC)

(＋)支持。—— Eric Liu _{创造は生命（留言．留名．学生会）} 2021年1月3日 (日) 12:08 (UTC)

(＝)中立 感觉两种都挺好。--YFdyh000（留言） 2021年1月3日 (日) 12:18 (UTC)

基于美观性考虑(＋)支持隐藏。SANMOSA _SPQR 2021年1月4日 (一) 04:10 (UTC)

---

于此处五日内无预见外的明显争议，于Bulletin公告期间内无反对意见，可考虑雪球法则。但因更改会对首页有可见变化，故仅提前进入公示，2021年1月14日 (四) 01:45 (UTC)结束。--安忆^Talk 2021年1月7日 (四) 01:45 (UTC)

---

本讨论已关闭，请勿修改。如有任何意见，请在合适的讨论页提出，而非再次编辑本讨论。

移除Timeless主题下按钮字体的阴影

.mw-ui-button {
    padding: 0.25em 1em 0.1em 1em;
    border: solid 1px #cccccc;
    border-bottom-width: 1px;
    border-bottom-width: 0.2em;
    /* text-shadow: 0 -1px 0 #cccccc; */
    box-sizing: border-box;
    border-radius: 0.2em;
    min-height: 30px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

Timeless主题下按钮使用了text-shadow实现了字体加粗的效果，然而阴影偏移造成了模糊，例如本页顶栏的几个按钮。应该删除该属性或减小偏移量，个人认为直接删除该属性更好。--Scvoet _Talk 2021年1月6日 (三) 07:45 (UTC)

并没有模糊啊？--安忆^Talk 2021年1月6日 (三) 08:16 (UTC)

那个阴影会导致在字的一些边缘会粘在一起，就有模糊的感觉。--Scvoet _Talk 2021年1月6日 (三) 09:53 (UTC)

修改前、修改后。感觉是字体“镶边”效果。个人都可以接受。--YFdyh000（留言） 2021年1月6日 (三) 08:20 (UTC)

个人认为这是Timeless的风格，本地没有改的必要。--安忆^Talk 2021年1月6日 (三) 08:26 (UTC)

我也同意，这是feature，不是bug--百無一用是書生 (☎) 2021年1月7日 (四) 03:05 (UTC)

Timeless皮肤infobox问题

已解决：

Special:Diff/63548413/63631041。--安忆^Talk 2021年1月8日 (五) 05:13 (UTC)

下列讨论已经关闭，请勿修改。如有任何意见，请在合适的讨论页提出，而非再次编辑本讨论。

---

今儿发现Timeless皮肤下的infobox宽度都铺满，而且这问题不止本站有，英文WP也有。F12看了下源代码，怀疑是js在改动顶部的caption标签的宽度。--🔨（留言） 2021年1月8日 (五) 02:53 (UTC)

本站已修复。--安忆^Talk 2021年1月8日 (五) 03:01 (UTC)

并没有修复，我试了下禁用js，infobox宽度就没铺满了。说明就是js的问题。--🔨（留言） 2021年1月8日 (五) 03:33 (UTC)

完成：差异，生效或需一定时间。--安忆^Talk 2021年1月8日 (五) 04:06 (UTC)

---

本讨论已关闭，请勿修改。如有任何意见，请在合适的讨论页提出，而非再次编辑本讨论。

Timeless皮肤的coord问题

--安忆^Talk 2021年1月26日 (二) 12:04 (UTC)

下列讨论已经关闭，请勿修改。如有任何意见，请至合适的讨论页进行，并不要再次编辑本讨论。

---

在Timeless皮肤下，coord模板即便display参数带了title，仍然不会像vector皮肤那样在页面右上方显示，另外“坐标：”的右边也没有那个可以调出弹窗的图标。以上问题在英文版的Timeless皮肤均不存在，只是英文版那边暂时还没找到小分辨率下放置coord的合适位置，望这边也能够参考英文版对这问题进行修复。--🔨（留言） 2021年1月26日 (二) 03:40 (UTC)

已修正，当宽度小于440时将按修正前的样子显示。--安忆^Talk 2021年1月26日 (二) 05:28 (UTC)

top参数可能需要细微调整，因为和其他元素重叠。--🔨（留言） 2021年1月26日 (二) 05:35 (UTC)

可否给个具体页面？--安忆^Talk 2021年1月26日 (二) 05:37 (UTC)

[1]，英文版是因为#sitesub元素没隐藏所以top设成0也没重叠问题。--🔨（留言） 2021年1月26日 (二) 05:39 (UTC)

改了，不放到分割线上面的原因是那里可能会有多个手工字词转换图标。--安忆^Talk 2021年1月26日 (二) 05:57 (UTC)

修正后感觉效果不错，顺带再加上这段代码吧：

.ve-ce-surface-enabled #coordinates {
    margin-right: 3em;
}
@media screen and (max-width: 850px) {
    .ve-ce-surface-enabled #coordinates {
        margin-right: 0.45em;
    }
}

这段代码是修正coord在可视化编辑器下的显示的。--🔨（留言） 2021年1月26日 (二) 06:16 (UTC)

完成。--安忆^Talk 2021年1月26日 (二) 06:25 (UTC)

---

本讨论已经关闭，请勿修改。如有任何意见，请至合适的讨论页进行，并不要再次编辑本讨论。

Timeless Logo问题已发现，着手处理中。

下列讨论已经关闭，请勿修改。如有任何意见，请至合适的讨论页进行，并不要再次编辑本讨论。

---

如题。但我中午之后才有空，如果哪位有时间，可以先行处理。我的方案是把a>img隐藏，给a本身加高度155和宽度135，背景设置no-repeat。这样和其他皮肤（common.css）兼容最好。--安忆^Talk 2021年3月18日 (四) 23:34 (UTC)

不要忘了 background-position:center--Milky·Defer 2021年3月19日 (五) 04:01 (UTC)

 已修复--百無一用是書生 (☎) 2021年3月19日 (五) 04:17 (UTC)

@AnYiLin、Shizhao：这么干不够优雅。Timeless本来没问题，问题在于Common.css中的代码。我建议用not选择器解决，具体如下：

1. 用以下代码覆盖MediaWiki:Common.css相应部分：

   /* Change logo for zh-hans variants */
   
   .mw-wiki-logo:not(.timeless-logo):lang(zh-hans),
   .mw-wiki-logo:not(.timeless-logo):lang(zh-cn),
   .mw-wiki-logo:not(.timeless-logo):lang(zh-my),
   .mw-wiki-logo:not(.timeless-logo):lang(zh-sg) {
       background-image: url(/static/images/project-logos/zhwiki-hans.png);
   }
   
   /* [[Phabricator:T37337]], improve resolution of logo on high-resolution screens. */
   @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
       .mw-wiki-logo:not(.timeless-logo):lang(zh-hans),
       .mw-wiki-logo:not(.timeless-logo):lang(zh-cn),
       .mw-wiki-logo:not(.timeless-logo):lang(zh-my),
       .mw-wiki-logo:not(.timeless-logo):lang(zh-sg) {
           background-image: url(/static/images/project-logos/zhwiki-hans-1.5x.png);
           background-size: 135px auto;
       }
   }
   @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
       .mw-wiki-logo:not(.timeless-logo):lang(zh-hans),
       .mw-wiki-logo:not(.timeless-logo):lang(zh-cn),
       .mw-wiki-logo:not(.timeless-logo):lang(zh-my),
       .mw-wiki-logo:not(.timeless-logo):lang(zh-sg) {
           background-image: url(/static/images/project-logos/zhwiki-hans-2x.png);
           background-size: 135px auto;
       }
   }
   

2. 删除MediaWiki:Timeless.css中新增的代码。

--Lt2818（留言） 2021年3月20日 (六) 03:47 (UTC)

完成。--安忆^Talk 2021年3月20日 (六) 03:55 (UTC)

---

本讨论已经关闭，请勿修改。如有任何意见，请至合适的讨论页进行，并不要再次编辑本讨论。

移除Timeless主题下按钮字体的阴影 2

前情提要。我个人不认同这种判断，这应该不是一种风格，而且事实上造成了字体模糊并影响了观感，因此重开讨论。 Stang^★ 2022年3月14日 (一) 20:12 (UTC)

那为什么不直接和Timeless的设计成员讨论呢。--安忆^Talk 2022年3月15日 (二) 03:29 (UTC)

但这是本地做出的额外变更啊。或者您的意思是要跟设计成员讨论“这是不是一种风格”这个问题？ Stang^★ 2022年3月15日 (二) 11:25 (UTC)

是。--安忆^Talk 2022年3月16日 (三) 05:19 (UTC)