User:Mys 721tx/global.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/*
UTC live clock
*/
/**
 * Explicitly set width of the UTC-clock list element, so that we can use a
 * hidden peer gadget to add space where the clock would go before it loads.
 */
.skin-vector #utcdate {
	width: 6em;
	/* 
	 * The default margin-left is 0.75em, but set it again here explicitly, so
	 * we can be sure of the exact width.
	 */ 
	margin-left: 0.75em;
}

.skin-monobook #utcdate {
	width: 6.279em;
	display: inline-block; /* We need this for the width property to work */
	/* 
	 * The default margin-left is 1em, but set it again here explicitly, so
	 * we can be sure of the exact width.
	 */ 
	margin-left: 1em;
}

/* Do not clip the seconds in the date */
.skin-vector-2022 #utcdate a {
  width: 100%;
}

/**
 * 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".
 */

.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;
}