MediaWiki:Gadget-UTCLiveClock-pagestyles.css

MediaWiki系统消息页面
入我相思门留言 | 贡献2022年12月4日 (日) 11:23的版本 (创建页面,内容为“→‎* * This is loaded as a hidden peer gadget of UTCLiveClock. * Before UTCLiveClock has loaded, it adds space where the clock would go, * so that the personal toolbar does not "jump".:​ /* * In Vector, by default the li elements in the p-personal bar have a font-size * of 0.75em. Duplicate that here so that we can be sure of the proper factor to * multiply the ul element's margin-right by. And just in case, override any * possible changes to the font…”
(差异) ←上一版本 | 最后版本 (差异) | 下一版本→ (差异)

注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。

  • Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5Ctrl-R(Mac为⌘-R
  • Google Chrome:Ctrl-Shift-R(Mac为⌘-Shift-R
  • Internet Explorer或Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5
  • Opera:Ctrl-F5
/**
 * This is loaded as a hidden peer gadget of UTCLiveClock.
 * Before UTCLiveClock has loaded, it adds space where the clock would go,
 * so that the personal toolbar does not "jump".
 */
 
/*
 * In Vector, by default the li elements in the p-personal bar have a font-size
 * of 0.75em. Duplicate that here so that we can be sure of the proper factor to
 * multiply the ul element's margin-right by. And just in case, override any
 * possible changes to the font size in Monobook too, although by default there
 * is no change in font size between the ul and li elements.
 */
.client-js > body.skin-vector-legacy #p-personal li {
	font-size: 0.75em;
}

.client-js > body.skin-monobook #p-personal li {
	font-size: 1em;
}

/*
 * Reserve space for the clock gadget after the end of the p-personal ul
 * element.
 */
.client-js > body.skin-vector-legacy #p-personal ul {
	/*
	 * The clock width plus its left margin, multiplied by the relative font
	 * size: (6em + 0.75em) * 0.75
	 */
	margin-right: 5.0625em;
}

.client-js > body.skin-monobook #p-personal ul {
	/*
	 * Clock width: 6.279em
	 * Left margin: 1em
	 * Space separator after "log out" link: 0.321em (found through trial and
	 * error)
	 * Total space: 6.279em + 1em + 0.321em
	 */
	margin-right: 7.6em;
}