MediaWiki:Gadget-utcclock-pagestyles.css

From RuneRealm Wiki
Jump to navigation Jump to search

After saving, you may need to bypass your browser's cache to see the changes. For further information, see Wikipedia:Bypass your cache.

  • In most Windows and Linux browsers: Hold down Ctrl and press F5.
  • In Safari: Hold down ⇧ Shift and click the Reload button.
  • In Chrome and Firefox for Mac: Hold down both ⌘ Cmd+⇧ Shift and press R.
/**
 * This is loaded as a hidden peer gadget of utcclock.
 * 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.
 */
.client-js > body.skin-vector #p-personal li {
	font-size: 0.75em;
}

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