User:Mifield/common/WiktCountryFlags/alterations.css

From Wiktionary, the free dictionary
Jump to navigation Jump to search

Note: You may have to bypass your browser’s cache to see the changes. In addition, after saving a sitewide CSS file such as MediaWiki:Common.css, it will take 5-10 minutes before the changes take effect, even if you clear your cache.

  • Mozilla / Firefox / Safari: hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (Command-R on a Macintosh);
  • Konqueror and Chrome: click Reload or press F5;
  • Opera: clear the cache in Tools → Preferences;
  • Internet Explorer: hold Ctrl while clicking Refresh, or press Ctrl-F5.

.ns-0 h2,
.ns-0 h2 > .mw-headline,
.ns-0 h2 > .mw-headline::before,
.ns-0 h2 > .mw-editsection,
.ns-0 h2 > .mw-editsection > span,
.ns-0 h2 > .mw-editsection > a {
	position: relative;
	box-sizing: border-box;

	/* debug use only */
	outline: 1px var(--outline-color) solid;
}

.ns-0 h2 {
	/* debug use only */
	--outline-color: red;
}

.ns-0 h2 > .mw-headline,
.ns-0 h2 > .mw-editsection,
.ns-0 h2 > .mw-headline::before {
	display: inline-flex;

	/* vertical alignment */
	/* bottom: 0;*/
	/* align-items: end; */
}


.ns-0 h2 > .mw-headline,
.ns-0 h2 > .mw-headline::before {
	/* vertical alignment */
	/* padding-bottom: 0; */
	/* margin-bottom: 0; */
}

.ns-0 h2 > .mw-headline {
	/* these are the <span> elements -- direct children
	of <h2> elements -- that directly contain the text
	of section headings, which in Wiktionary's case
	are the names of languages */

	/* height: 1lh; */

	/* vertical alignment */
	/* vertical-align: bottom; */

	/* debug use only */
	--outline-color: blue;
}

.ns-0 h2 > .mw-headline::before {
	/* these are pseudo-elements whose "content"
	are the country flags provided by the Gadget
	ext.gadget.WiktCountryFlags */

	/* height: 2em; */

	/* vertical alignment */
	/* vertical-align: baseline; */

	/* horizontal alignment */
	/* padding-right: 0; */

	/* debug use only */
	--outline-color: black;
}

.ns-0 h2 > .mw-editsection,
.ns-0 h2 > .mw-editsection > span,
.ns-0 h2 > .mw-editsection > a {
	display: inline-flex;
	height: 1rlh;
	align-items: center;
}

.ns-0 h2 > .mw-editsection {
	position: absolute;

	/* horizontal alignment */
	right: 1em;

	/* debug use only */
	--outline-color: green;
}

.ns-0 h2 > .mw-editsection > span,
.ns-0 h2 > .mw-editsection > a {
	/* debug use only */
	--outline-color: orange;
}