MediaWiki討論:Timeless.css

頁面內容不支援其他語言。
維基百科,自由的百科全書

Timeless問題

下列討論已經關閉,請勿修改。如有任何意見,請至合適的討論頁進行,並不要再次編輯本討論。

心血來潮用了Timeless佈景主題,發現Wikipedia:首頁的標題不會像英文版一樣自動隱藏--John123521 (留言-貢獻) 2020年11月8日 (日) 06:53 (UTC)[回覆]

您可以通過在User:John123521/timeless.cssUser: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首頁問題

下列討論已經關閉,請勿修改。如有任何意見,請至合適的討論頁進行,並不要再次編輯本討論。

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皮膚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)[回覆]

本討論已關閉,請勿修改。如有任何意見,請在合適的討論頁提出,而非再次編輯本討論。

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)[回覆]

修正後感覺效果不錯,順帶再加上這段代碼吧:

.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)[回覆]

@AnYiLinShizhao:這麼幹不夠優雅。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)[回覆]