MediaWiki讨论:Common.css/存档3

将预设字形大小调整为14.5px 或15px

1. 繁中页面预设显示的字形大小是新细明体 14px。但是新细明体14px 的显示效果非常差，是无法忍受的差。具体缺笔我说不明白，如笔划会黏在一起，看起来很“虚”。简中使用者可能不明白，但繁中使用者应该很清楚，并且同意以上说法。新细明体 在 12,13,15,16px 都没有问题，但是在14 px时会有这个缺陷。 所以我建议将维基百科内文的预设字体大小改为 14.5px 或 15 px。
2. 浏览器Edge 显示的大小是16 px，所以不会出现上述问题。 Chrome, firefox 有这个问题、其他不知。
3. 技术上多半没问题，更改影响范围只有中文维基百科的内文。
4. 简中雅黑体没这个问题
5. 新细明体 14px, 15px, 微软雅黑体 14px 比较图 https://i.imgur.com/z61HHlH.png (编辑 : 2016/07/01)

Golopotw（留言） 2016年6月26日 (日) 17:56 (UTC)

维基百科用的是em，不是px....--百無一用是書生 (☎) 2016年6月27日 (一) 01:56 (UTC)

在 MediaWiki:Common.css 加上 .mw-body-content{ font-size:0.91em; }， 原本 0.875em -> 14px, 现在 0.91em -> 14.5px ... em 是相对单位，最后浏览器还是会计算出一个 px大小，依据 px大小来显示字形，Golopotw（留言） 2016年6月27日 (一) 09:23 (UTC)

中文网页字体尽量以偶数为宜--百無一用是書生 (☎) 2016年6月28日 (二) 06:02 (UTC)

@Shizhao：并没有这样的要求，该说法的缘起应该是Windows自带的中易宋体只内嵌了偶数的点阵字形，实则在指定奇数字号时会以低一级的字号显示，同时字符间距增大1px，反而可读性更强。我支持增大到15px，显示效果可以参考吴语维基百科。--蓝灯 ^留言 2016年6月29日 (三) 05:46 (UTC)

打开吴语维基，觉得整个世界都明亮了。乌拉跨氪 2016年6月29日 (三) 20:39 (UTC)

请善用浏览器本身的字体设置，或Special:Mypage/common.css。--Gqqnb（留言） 2016年6月29日 (三) 21:05 (UTC)

有很多其他使用者不会另外调整大小，特别是新接触维基百科的人，或者是对科技不熟的老人。他们要忍受难以阅读的字体，或者干脆不使用维基百科。(另外大概自我有记忆以来，我一直都用ctrl + + 来调整页面大小到 110%，来避开 14px 新细明体)。 Golopotw（留言） 2016年7月1日 (五) 02:18 (UTC)

那是使用者自己不会。14px显示在显示器上是几毫米还跟操作系统、显示器有关。然后显示出来的字被人看到眼睛里有多舒服又跟人本身、坐姿等有关，你怎么能保证你喜欢的14像素在其他人、其他环境也适用？--Gqqnb（留言） 2016年7月14日 (四) 02:57 (UTC)

新细明体 14px, 15px, 微软雅黑体 14px 比较图 https://i.imgur.com/z61HHlH.png Golopotw（留言） 2016年7月1日 (五) 02:52 (UTC)

美国夏威夷 新细明体 14px（五号字）

美国夏威夷 新细明体 14.5px

美国夏威夷 新细明体 15px

美国夏威夷 Microsoft JhengHei 14px（五号字）

美国夏威夷 Microsoft JhengHei 14.5px

美国夏威夷 Microsoft JhengHei 15px

（7月4日）缩放级别设置为100%，见 Internet Explorer 9，测试机操作系统是 Windows 7。

这是微软字体的一个 bug（版本号是7.0的 mingliu.ttc 的 EBDT 表有11、12、13、15、16、20 px的 strike 数据，但是缺少14px strike 的数据，不像版本号是5.0的宋体有12、13、14、15、16、17 px 的 strike 数据），我没看到有人在微软官方论坛讨论这个问题。—John Doe 120（talk） 2016年7月1日 (五) 14:56 (UTC)

希望不要歪到手动定字体的问题上，个人最讨厌写一堆中文 fallback 的网页了（每次都会被我喂一个 stylish 杀掉）……

另外现时大部分新设备都不是 96dpi CSS 的设备了，例如我现在这个 Chrome 就开了 1.25 的 Device Pixel Ratio，看你的 14px 实际上是 (14 * 1.25)px，结果就是毫无对比意义。各位目测对比时也请注意这点。--Artoria2e5_编 保持页面整洁，直接ping我回复。 2016年7月4日 (一) 08:57 (UTC)

• 我在 Windows 8.1虚拟机试过什么 scaling，重启虚拟机后打开 Microsoft Network Monitor，发现有些图标尺寸不变，然后右键点击 Microsoft Network Monitor，设置什么缩放，重新打开应用，发现有问题。—John Doe 120（talk） 2016年7月4日 (一) 11:21 (UTC)

多嘴一句：“五号字”的完整换算参见点_(印刷)，CSS 96dpi "px" 数为 10.5/72*96 = 14。--Artoria2e5_编 保持页面整洁，直接ping我回复。 2016年7月4日 (一) 09:00 (UTC)

• 
  .mw-body-content{ font-size:0.875em; } (新细明体 14px)
• 
  .mw-body-content{ font-size:0.90625em; } (新细明体 14.5px)
• 
  .mw-body-content{ font-size:0.9375em; } (新细明体 15px)
• 
  .mw-body-content{ font-size:0.96875em; } (新细明体 15.5px)
• 
  .mw-body-content{ font-size:1.0em; } (新细明体 16px)

我也一直以为是自己的近视越来越深，免得过就不要用公众电脑上中文维基，迫不得已的话就要先花些功夫设定放大比率……刚才我用自己的Special:Mypage/common.css实验了一会，发现果然有着明显的分别，15px的感觉尤其明显，登时眼前雪亮。纵使每部电脑都可以有不同的自订缩放比率，但既然维基百科有一大篇WP:格式手册/亲和力，可见维基百科是希望其他人看得舒舒服服的。若然现时的预设值是迫人每次都要放大缩小一番才能看清楚每只字，那就未必太低亲和度了，希望管理员点下我预备的五幅截图。其实原装的css font size 应该只是从英文维基移植过来的，没有什么原因非要0.875em不可，希望能改成更适合中文字体的大小。--Quest for Truth（留言） 2016年7月19日 (二) 07:21 (UTC)

(～)补充也可以到用户:Quest for Truth/Font size在同一页看到5幅截图。--Quest for Truth（留言） 2016年7月21日 (四) 01:13 (UTC)

页面存废讨论 和 档案存废讨论 ，action=info的h2元素减法

请求已处理

偶然发现这俩个页面的action=info的h2元素也受到“/* 存废讨论旧样式 */”的样式影响，能不能做一个减法还原？action=info的body有一个“action-info”的class可以识别。——路过围观的Sakamotosan 2016年10月19日 (三) 08:40 (UTC)

或者使用class的“action-view”，因为这个action是指页面处于查看状态的。这样可以限制只在查看页面生效，而不影响其他action页面。

/* 存废讨论旧样式 */
body.ns-4.action-view[class*=" page-Wikipedia_頁面存廢討論_"] h2,
body.ns-4.action-view[class*=" page-Wikipedia_檔案存廢討論_"] h2 {
	border-bottom: none;
	font-size: 132%;
	margin-bottom: .3em;
}
body.ns-4.action-view[class*=" page-Wikipedia_頁面存廢討論_"] h3,
body.ns-4.action-view[class*=" page-Wikipedia_檔案存廢討論_"] h3 {
	font-size: 116%;
	margin-bottom: .3em;
}

——路过围观的Sakamotosan 2016年10月19日 (三) 08:43 (UTC)

@Jimmy Xu、Liangent、Shizhao：。——路过围观的Sakamotosan 2016年10月19日 (三) 08:45 (UTC)

完成。--Jimmy Xu ^论 2016年10月20日 (四) 01:36 (UTC)

如果编辑和预览action都有效的话，应该还要加上“action-submit”。——路过围观的Sakamotosan 2016年10月20日 (四) 01:54 (UTC)

这样说的话反而觉得action=info差一点也无所谓了。--Jimmy Xu ^论 2016年10月20日 (四) 11:15 (UTC)

因为见加多了action-edit，我认为是不是也想edit下也能生效，但是试了一下edit，发觉预览下看不出效果，所以看了一下，action-submit，所以如果edit都要生效的话，应该加多是action-submit。action-info是“页面信息”页，显然里面的h2元素并不需要外面查看页的修改吧。——路过围观的Sakamotosan 2016年10月20日 (四) 11:34 (UTC)

因为只是希望在查看和预览时起到“存废讨论旧样式”的效果，所以我觉得把现在的action-edit改成action-submit就行了，不用再做加法了。action-edit是没有预览的时候。 --砜中嘌呤的白磷_{萃取 打谱} 2017年4月29日 (六) 11:52 (UTC)

没问题的话，应该可以了。——路过围观的Sakamotosan 2017年5月9日 (二) 03:05 (UTC)

自己处理了。 --砜中嘌呤的白磷_{萃取 打谱} 2017年6月9日 (五) 18:42 (UTC)

首页特色条目展出中的公示图被错误加上左图使用的margin

MediaWiki:Common.css里面有一条规则，用来在特色展出图旁边加空白：

#mp-2012 #column-feature img, #mp-2012 #column-good img {
    margin: 0.4em 0.9em 0.3em 0; /* 上 右 下 左 */
}

可是这个image打得太歪，打中了公式svg回落的img元素，结果变成了 https://archive.fo/WBlxt 或者 https://archive.fo/WBlxt/image 记录下来的样子。建议在img后面加一个:not(.mwe-math-fallback-image-inline)例外绕过。——Artoria2e5_编 讨论要完整，回复请用ping。 2017年3月24日 (五) 02:41 (UTC)

 已修复，换了个方法写，以免:not()有浏览器不支持。Liangent（留言） 2017年3月24日 (五) 15:18 (UTC)

把英语维基的 common.css复制过来，再加上中文维基需要的码

(原讨论在VPT被存档了，重贴一次。)

把 common.css分成两部分，第一部分是英文维基的复制贴上，第二部分是中文维基style的额外需求。

好处是英语维基的 patch可以快速套用到中文维基里，共享英语维基的码。第二好处是两者的 diff非常明显。 Golopotw（留言） 2017年4月15日 (六) 14:36 (UTC)

Edit requests

(移动自互助客栈)Golopotw（留言） 2017年7月22日 (六) 23:44 (UTC)

请求已处理

Edit request on mediawiki: common.css, 1

移除“首页不显示红链”。如果首页有红链，应该要修改内容，而不是让读者点进去发现是红链。

/* 首页不显示红链 */
body.ns-4.page-Wikipedia_首页 #mw-content-text a.new {
    color: inherit;
}

Golopotw（留言） 2017年7月10日 (一) 15:46 (UTC)

这个可能需要讨论一下才好做--百無一用是書生 (☎) 2017年7月11日 (二) 06:58 (UTC)

这一项已经存在有一段时间了（参见css页面第一段）--Ben.mq 2017年8月5日 (六) 23:08 (UTC)

Edit request on mediawiki: common.css, 2

Move the following rules to the top, for better coding style.

.new
.hidden
small
big
cite
blockquote

Golopotw（留言） 2017年7月10日 (一) 16:10 (UTC)

Edit request on mediawiki: common.css, 3

Pull changes on .hlist from enwik.

Golopotw（留言） 2017年7月10日 (一) 16:34 (UTC)

Edit request on mediawiki: common.css, 4

Move code sections around to align with enwiki's codes for easier diff.

Current section orders:

enwiki: ... .hlist .plainlist .navbox .infobox .wikitable div.medialist a[href$=".pdf"].external div.columns .messagebox table.ambox

zhwiki: div.columns .hlist .plainlist div.medialist .infobox .navbox .messagebox a[href$=".pdf"].external .mcBoto table.ambox

Golopotw（留言） 2017年7月10日 (一) 17:10 (UTC)

Edit request on mediawiki: common.css, 5

Remove commented code starting with

/* Do not expand kvaleberg.com-URLs for printing
#content
...
*/

Golopotw（留言） 2017年7月10日 (一) 17:14 (UTC)

完成--百無一用是書生 (☎) 2017年7月11日 (二) 06:58 (UTC)

疑问

我们招了一名rv吗？——路过围观的Sakamotosan 2017年7月11日 (二) 00:55 (UTC)

第四项的话，目前.wikitable对中文的支持如何？--Liuxinyu970226（留言） 2017年7月11日 (二) 07:21 (UTC)

wikitable类不是一直在用？——路过围观的Sakamotosan 2017年7月11日 (二) 07:27 (UTC)

wikitable是默认内置的吧--百無一用是書生 (☎) 2017年7月12日 (三) 07:20 (UTC)

编辑请求：关于“用于一些特殊的不需要标题栏的页面”

请求已处理

/* 用于一些特殊的不需要标题栏的页面 */
body.ns-4.page-Wikipedia_頁面存廢討論_疑似侵權 #wpSummaryLabel,
body.ns-4.page-Wikipedia_頁面存廢討論_疑似侵權 #wpSummary,
body.ns-4.page-Wikipedia_关注度_提报 #wpSummaryLabel,
body.ns-4.page-Wikipedia_关注度_提报 #wpSummary {
    display: none !important;
}

手动提存废讨论和关注度提报的时候，#wpSummary 显示为标题栏，这时确实不需要显示。但是有时会有直接编辑页面的需求，并且这时通常都需要填写摘要，因此应该如果是添加新章节才不显示，否则仍显示。 --砜中嘌呤的白磷_{萃取 打谱} 2018年4月24日 (二) 10:35 (UTC)

完成，使用及JS处理。--Xiplus#Talk 2018年5月13日 (日) 05:58 (UTC)

hatnote非居中很奇怪

@shizhao：例子，顶注消歧义贴靠上方的维护模板，1.2em显得与正文相距太远。如果margin-top和margin-bottom各0.6em则效果不错，但不知道代码注释所说的错行问题是怎样。--YFdyh000（留言） 2018年9月18日 (二) 01:30 (UTC)

按照推荐的规范，顶注应该位于维护模板上方。所以你说的问题也就不存在了。错行问题不知道你指的是哪个？--百無一用是書生 (☎) 2018年9月18日 (二) 02:53 (UTC)

错行问题是指：多个hatnote模板连用的时候，正常行间距下，左侧图标可能会在某些情况下导致下一行的hatnote缩进。1.2em是我之前能找到的比较合理的间距大小，不会导致错行发生。暂时调到了0.8em，你看看如何？--百無一用是書生 (☎) 2018年9月18日 (二) 03:51 (UTC)

目前可以了，居中就好。--YFdyh000（留言） 2018年9月19日 (三) 09:27 (UTC)

编辑请求

请求已处理

希望能将

.hlist li:after {
    content: " ·";
    font-weight: bold;
}

改成

.hlist li:after {
    content: " · ";
    font-weight: bold;
}

理由：例如{{#invoke:list|horizontal|First item|Second item|Third item}}生成的水平点列列表，两个item之间的点和该点所隔开的两个item距离不一致（例如“First item ·Second item”），看着有些不舒服，像这样显示我觉得会更好一些：“First item · Second item”。--№.N（留言） 2019年4月24日 (三) 09:46 (UTC)

@Liu116：完成。--Xiplus#Talk 2019年5月25日 (六) 01:09 (UTC)

建议将common.css小工具化

参见：Wikipedia:互助客栈/技术/存档/2019年10月 § 手机版界面几乎没有css、mw:MediaWiki:common.css和mw:Special:Gadgets

建议仿照MediaWiki官网做法，将MediaWiki:common.css做成MediaWiki:Gadget-site.css等小工具（gadgetize），以解决手机版很多css不起作用问题。JavaScript类似。如果有其他可以解决手机版css问题的办法也可以提出。

另外，为什么{{doc}}的结尾框有一句样式是硬编码的，有点不理解。——SolidBlock^留言 2019年10月27日 (日) 00:08 (UTC)

MediaWiki:common.css中的内容，极少部分可能可以做成小工具，部分内容应该可以做成模板样式。其他涉及全站的内容变不了。但是这些都需要大量开发与测试工作才行。--百無一用是書生 (☎) 2019年10月28日 (一) 02:47 (UTC)

具体手机版哪些css不起作用啊？很多不起作用都是特意为之的--百無一用是書生 (☎) 2019年10月28日 (一) 02:52 (UTC)

@shizhao：像{{documentation subpage}}、{{doc}}之类的。模板样式应该可行。{{shortcut}}在手机版显示正常。--SolidBlock^留言 2019年11月1日 (五) 10:56 (UTC)

@shizhao：ambox、navbox之类的需要反复使用，使用小工具化或common.css较为合适。doc的话可以考虑将css内联，但可能引起其他小工具或用户css对doc作用不佳。——SolidBlock^留言 2019年11月9日 (六) 16:34 (UTC)

.plainrowheaders

英文维基百科en:Mediawiki:Common.css有个.plainrowheaders的class：

/* Normal font styling for wikitable row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row] {
	font-weight: normal;
	/* @noflip */
	text-align: left;
}

使用.plainrowheaders的表格，行标题格（! scope="row" | ...）将取消粗体并恢复左对齐，但保留题头单元格的淡灰底色，效果见此。

建议中文维基引入这个样式，一方面能方便消除粗体/居中的尴尬，另一方面也能鼓励使用scope属性增加可读性。--Lopullinen（留言） 2019年12月1日 (日) 14:42 (UTC)

完成--百無一用是書生 (☎) 2019年12月6日 (五) 03:00 (UTC)

编辑请求 2020-07-26

请求已拒绝

/* Highlight clicked reference in blue to help navigation */
ol.references li:target,
sup.reference:target,
span.citation:target {
    background-color: #DEF;
}

/* Highlight clicked reference in blue to help navigation */
sup.reference,
span.citation,
div.citation {
    display: block;
    width: 100%;
}
ol.references li:target,
sup.reference:target,
span.citation:target,
div.citation:target {
    background-color: #DEF;
}

将第一个Syntax Highlight改为第二个Syntax Highlight的内容。sup和span的属性为inline，没有宽度和高度，因此设定背景不会有颜色。空气小猫（留言） 2020年7月26日 (日) 04:32 (UTC)

未完成，实测显示效果不正确，脚注标记全部换行了。--Xiplus#Talk 2020年8月2日 (日) 12:21 (UTC)

@Xiplus：ㄚ，抱歉，我搞错用途了，看了源代码才知道原来那是标记。 空气小猫（留言） 2020年8月2日 (日) 13:16 (UTC)

编辑请求 2020-08-09

请求已处理--Xiplus#Talk 2020年9月30日 (三) 08:37 (UTC)

.hlist dl dl:before,
.hlist ol ol:before,
.hlist ul ul:before {
    content: "（";
}
.hlist dl dl:after,
.hlist ol ol:after,
.hlist ul ul:after {
    content: "）";
}

格式手册：全形小括号使用在标示用途（注释文字内容或作出补充说明）。空气小猫（留言） 2020年8月9日 (日) 12:00 (UTC)

• (＋)支持。—— Eric Liu _{创造は生命（留言．留名．学生会）} 2020年8月10日 (一) 15:40 (UTC)
• (＋)强烈支持-- Sunny00217  2020年8月11日 (二) 01:37 (UTC)

@Pseudo Classes：仅凭这样资讯我无法判断这个修改是否会有不良影响，您能否提供数个不同情况的使用样例。 Xiplus#Talk 2020年8月16日 (日) 11:57 (UTC)

@Xiplus：已知目前常用hlist的模板为Template:Navbox和Template:Infobox，其他使用样例可见Template:Select variant。空气小猫（留言） 2020年8月19日 (三) 12:03 (UTC)

• @Xiplus、Ericliu1912、Pseudo Classes、Sunny00217：此修改将半角空格改为全角空格后，在使用hlist的模板里，括号前仍然会有一个空格。请问是否可以将该空格删去？--Tim Wu（留言） 2020年10月19日 (一) 13:57 (UTC)
  • (＋)强烈支持：正想解决这个问题，却一直找不到讨论在哪里，感谢召唤。—— Eric Liu _{创造は生命（留言．留名．学生会）} 2020年10月19日 (一) 16:17 (UTC)
  • 似乎是早期因为样式过丑而自行加入的？（倒没看到这个问题）话说学生会怎还在签名内呢（疑惑-- Sunny00217  2020年10月21日 (三) 09:51 (UTC)

请增加针对Wordmark和Tagline图标的简体替换

请求已处理--Xiplus#Talk 2020年8月28日 (五) 10:36 (UTC)

由于T260908和T258552造成的错误，我在修复该问题的时候顺便把正确的简体和繁体Wordmark和Tagline的文件。请增加针对Wordmark和Tagline图标的简体替换。--VulpesVulpes825（留言） 2020年8月24日 (一) 11:48 (UTC)

• @VulpesVulpes825：两个问题：
  1. 两个工单ID是一样的，(？) 喵喵喵？
  2. a.mw-logo span.mw-logo-container img.mw-logo-wordmark 和 a.mw-logo span.mw-logo-container img.mw-logo-tagline 似乎只能从common.js动手改src？
• -- Sunny00217  2020年8月24日 (一) 12:43 (UTC)

• @Xiplus：Timeless皮肤依然未转换，请您协助添加这段CSS：

div.ts-inner div.mw-portlet img:lang(zh-hans), div.ts-inner div.mw-portlet img:lang(zh-cn), div.ts-inner div.mw-portlet img:lang(zh-my), div.ts-inner div.mw-portlet img:lang(zh-sg) {
	content: url(/static/images/mobile/copyright/wikipedia-wordmark-zh-hans.svg)
}

--安忆^Talk 2020年8月31日 (一) 13:46 (UTC)

Special:Diff/61437117。 Xiplus#Talk 2020年8月31日 (一) 13:53 (UTC)