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首页问题
- 下列讨论已经关闭,请勿修改。如有任何意见,请至合适的讨论页进行,并不要再次编辑本讨论。
维基姊妹计画无法正常显示--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皮肤首页标题
- 下列讨论已经关闭,请勿修改。如有任何意见,请在合适的讨论页提出,而非再次编辑本讨论。
有用户提出,中维没有如其他语言(不止英语)一样隐藏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的风格,本地没有改的必要。--安忆Talk 2021年1月6日 (三) 08:26 (UTC)
Timeless皮肤infobox问题
- 下列讨论已经关闭,请勿修改。如有任何意见,请在合适的讨论页提出,而非再次编辑本讨论。
今儿发现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)
- 并没有修复,我试了下禁用js,infobox宽度就没铺满了。说明就是js的问题。--🔨(留言) 2021年1月8日 (五) 03:33 (UTC)
- 本讨论已关闭,请勿修改。如有任何意见,请在合适的讨论页提出,而非再次编辑本讨论。
Timeless皮肤的coord问题
- 下列讨论已经关闭,请勿修改。如有任何意见,请至合适的讨论页进行,并不要再次编辑本讨论。
在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)
- [1],英文版是因为#sitesub元素没隐藏所以top设成0也没重叠问题。--🔨(留言) 2021年1月26日 (二) 05:39 (UTC)
- 可否给个具体页面?--安忆Talk 2021年1月26日 (二) 05:37 (UTC)
- top参数可能需要细微调整,因为和其他元素重叠。--🔨(留言) 2021年1月26日 (二) 05:35 (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)
- 本讨论已经关闭,请勿修改。如有任何意见,请至合适的讨论页进行,并不要再次编辑本讨论。
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选择器解决,具体如下:
- 用以下代码覆盖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; } }
- 删除MediaWiki:Timeless.css中新增的代码。
--Lt2818(留言) 2021年3月20日 (六) 03:47 (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)