Template:IPA common/sandbox/styles.css

.IPA-common-captioned { border: 1px solid var(--border-color-base, #a2a9b1); background-color: var(--background-color-neutral-subtle, #f8f9fa); color: var(--color-base, #202122); padding: 0.2em; }

.IPA-common-caption { padding: 0.2em; text-align: center; background-color: #f2f2ce; color: var(--color-base, #202122); }

.IPA-common-table { margin: auto; }

.IPA-common-table .wraplinks .selflink { white-space: normal; }

.IPA-common-constable th { font-weight: normal; }

.IPA-common-constable th:not(.IPA-pulmonic-mannerarrow)[scope="col"] { text-align: center; vertical-align: middle; padding-left: 0; padding-right: 0; max-width: 4em; }

.IPA-common-constable th:not(.IPA-pulmonic-placearrow)[scope="row"] { text-align: left; vertical-align: middle; }

.IPA-common-constable td { vertical-align: middle; }

.IPA-common-constable:not(.IPA-common-audiotable) td:not([colspan]) { text-align: center; max-width: 1.2em; min-width: 1.2em; padding: 0.1em 0.2em; font-size: 125%; }

.IPA-common-audiotable td { padding: 0; }

.IPA-common-noleftborder { border-left: none; }

.IPA-common-norightborder { border-right: none; }

.IPA-common-notopborder { border-top: none; }

.IPA-common-nobottomborder { border-bottom: none; }

.IPA-common-shaded { background-color: var(--background-color-disabled, #c8ccd1); }

.IPA-common-notes { text-align: left; font-size: 85%; }

.IPA-common-notes > div { float: right; }

.IPA-common-notes > div ul { white-space: nowrap; font-weight: normal; line-height: inherit; }

.IPA-common-notes > div ul li { word-spacing: -0.125em; }

.IPA-audiocell { width: 40px; text-align: center; }

.IPA-audiocell-symbol { font-size: 120%; }

.IPA-audiocell-audio { height: 20px; }

.IPA-audiocell-audio .ext-phonos-attribution { margin-left: 0; }

@media screen { html.skin-theme-clientpref-night .IPA-common-caption { background-color: #262600; } }

@media screen and (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .IPA-common-caption { background-color: #262600; } }