MediaWiki:Mobile.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.


.NavContent table {
    margin-bottom: 0;
    margin-top: 0;
    display: table;
}

.tunk, .tneg, .tpos {
    vertical-align: 20%;
    font-size: 80%;
}

.NavToggle {
    cursor: pointer;
    float: right;
    font-weight: normal;
    font-size: smaller;
}

.NavHead {
    cursor: pointer;
    min-height: 1.6em;
    font-weight: bold;
    line-height: 19px;
    padding: 2px;
}

.NavFrame {
    margin: 0 0 -1px 0;
    border: 1px solid var(--border-color-base, #AAAAAA);
    padding: 1px;
}

.use-with-mention, .ib-content {
    font-style: italic;
}

.senseid:target {
    background: var(--wikt-palette-lightblue, #DEF);
}

/* hide redundant second interProject links */
.interProject {
	display: none;
	clear: both;
	border-top: 2px dotted var(--border-color-base, #AAAAAA);
	margin-top: 2em;
}

.derivedterms,
.term-list {
	-moz-column-count: 1 !important;
	-ms-column-count: 1 !important;
	-webkit-column-count: 1 !important;
	column-count: 1 !important;
}

.columns-bg {
	/* Default background color for multi-column lists. */
	background: var(--wikt-palette-lavender, #f8f8ff);
}

/* allow inline hieroglyphs */
.mw-hiero-outer {
	display: inline-table;
	vertical-align: middle;
	font-size: 10px;
}

/* WikiHiero kludge */
.wikt-hierokludge {
	display: inline-block;
}

/* Support lists that automatically split into limited-width columns (for translations tables and the like): */
.multicolumn-list > ul {
    -webkit-column-width: 25em;
    -moz-column-width: 25em;
    -ms-column-width: 25em;
    column-width: 25em;
    column-gap: 20px;
}
.multicolumn-list-wide > ul {
    -webkit-column-width: 55em;
    -moz-column-width: 55em;
    -ms-column-width: 55em;
    column-width: 55em;
    column-gap: 20px;
}
.multicolumn-list-narrow > ul {
    -webkit-column-width: 22em;
    -moz-column-width: 22em;
    -ms-column-width: 22em;
    column-width: 22em;
    column-gap: 20px;
}

/* Horizontal rules */
body.ns-0 #mw-content-text .mw-parser-output > :not(.collapsible-block) + h2:not(:first-of-type),
body.ns-0 #mw-content-text .mw-parser-output > .open-block + h2:not(:first-of-type) {
	border-top: 1px solid var(--border-color-base, #a2a9b1);
	padding-top: calc(8px + 0.5em);
	margin-top: 8px;
}

/* Don't float sister project boxes and the like. Note, table.floatright is already dealt with by 
   built-in MediaWiki mobile site style overrides, but only when the width is < 720 px,
   so match that behavior */
@media screen and (max-width: 719px) {
    .content .floatright {
        float: none;
        margin-left: 0;
        margin-right: 0;
    }
}

/* stuff visible when previewing an edit only */

.previewonly { display: none; }

#wikiPreview .previewonly { display: inline; }

/* To colour links in inflection tables (currently done with
	{{notred}}) black without using #ifexist and allowing for user
	override */
.inflection-table a.new { color: inherit; }

/* Shorten margins in nested definitions and discussions on narrow screens */
/* Note: use .mw-parser-output.mw-parser-output instead of .mw-parser-output in order to increase specificity */
@media screen and (max-width: 719px) {
	.mw-parser-output.mw-parser-output ol ol {
		margin: 0.2em 0 0 2em;
		padding-left: 0;
	}
	.mw-parser-output.mw-parser-output ol ul, .mw-parser-output.mw-parser-output ol dd {
		margin: 0.2em 0 0 1em;
		padding-left: 0;
	}
	.mw-parser-output.mw-parser-output ol dl {
		margin: 0;
	}

	.mw-parser-output.mw-parser-output dl:has([data-mw-comment-start]) dd {
		margin-left: 0.8em;
	}
	.mw-parser-output.mw-parser-output dl:has([data-mw-comment-start]) dd dd dd {
		margin-left: 0.6em;
	}
	.mw-parser-output.mw-parser-output dl:has([data-mw-comment-start]) dd dd dd dd dd dd {
		margin-left: 0.4em;
	}
	.mw-parser-output.mw-parser-output dl:has([data-mw-comment-start]) dd dd dd dd dd dd dd dd dd dd {
		margin-left: 0.3em;
	}
	.mw-parser-output.mw-parser-output dl:has([data-mw-comment-start]) {
		margin-left: 0;
	}
}

/* Styles for inline visibility toggles */
.HQToggle:before, .NavToggle:before, .nyms-toggle:before, .usex-toggle:before {
	font-size: 90%;
	content: "[";
}
.HQToggle:after, .NavToggle:after, .nyms-toggle:after, .usex-toggle:after {
	font-size: 90%;
	content: "]";
}
.HQToggle a, .NavToggle a, .nyms-toggle a, .usex-toggle a {
	font-size: 90%;
}

/* Bold definition numbering */
ol > li::marker {
	font-weight: 500;
}

.mw-heading * {
	word-break: normal;
}

#content .mw-heading3 {
    margin-top: 0;
}

.mw-parser-output ul {
    margin-bottom: 0.5em;
}

/* overrides mobile style which sets table width to 100% on narrow screens, resulting in a subtle stripe */
/* also stop floatright elements from touching an element directly above */
.mw-parser-output .floatright {
	max-width: fit-content;
	margin-top: 0.6em;
}

/* From [[Module:shortcut box/styles.css]] */
a .redlink {
    color: var(--color-destructive, #d73333);
}
a:visited .redlink {
    color: var(--color-destructive--visited, #a55858);
}
a:visited:hover .redlink {
    color: var(--color-destructive--visited, #a55858);
}
a:hover .redlink {
    color: var(--color-destructive, #d73333);
    text-decoration: underline;
}
a:active .redlink {
    color: inherit;
}
a:visited:active .redlink {
    color: var(--color-destructive--visited, #a55858);
}