# polylang/trunk/css/build/admin.css

Polylang, version trunk. 607 lines.

- Page: https://pluginprobe.com/plugins/polylang/trunk/code/css/build/admin.css
- Raw: https://pluginprobe.com/plugins/polylang/trunk/raw/css/build/admin.css
- Modified: 2026-09-14T16:30:38+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/polylang/trunk/code/css/build/admin.css#L10-L20`.

```css
/*  By default Polylang dialog box use WordPress jQuery UI dialog styles.
	However WooCommerce loads its own jQuery UI dialog styles and we need to override them by ours
	to revert to the default WordPress ones.
*/
.pll-confirmation-modal.ui-widget,
.pll-confirmation-modal.ui-widget .ui-widget,
.pll-confirmation-modal .ui-widget {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 13px;
}
.pll-confirmation-modal.ui-dialog {
	padding: 0;
	z-index: 100102;
	background: #fff;
	border: 0;
	color: #444;
	border-radius: 0; /* Override WooCommerce dialog styles - jQuery UI 1.11.4 - WP < 5.6 */
}
.ui-dialog.pll-confirmation-modal .ui-dialog-titlebar {
	background: #fcfcfc;
	border-radius: 0;
	border: 0;
	border-bottom: 1px solid #dfdfdf;
	height: 36px;
	font-size: 18px;
	font-weight: 600;
	line-height: 2;
	padding: 0 36px 0 16px;
	color: #444;
	position: static;
}
.ui-dialog.pll-confirmation-modal .ui-dialog-title {
	float: none;
	width: auto;
	margin: 0;
}
.pll-confirmation-modal .ui-widget-header .ui-icon {
	background: none;
	position: static;
}
.pll-confirmation-modal .ui-button.ui-dialog-titlebar-close {
	padding: 0;
	margin: 0;
	top: 0;
	right: 0;
	width: 36px;
	height: 36px;
	border: 0; /* Override WooCommerce dialog styles - jQuery UI 1.11.4 - WP < 5.6 */
	background: none; /* Override WooCommerce dialog styles - jQuery UI 1.11.4 - WP < 5.6 */
}
.ui-dialog.pll-confirmation-modal .ui-dialog-content {
	border: 0;
	padding: 16px;
	color: #444;
	position: static;
	box-sizing: border-box;
}
.ui-dialog.pll-confirmation-modal .ui-dialog-buttonpane{
	margin: 0;
	padding: 16px;
	border: 0;
	background: #fcfcfc;
	border-top: 1px solid #dfdfdf;
}
.ui-dialog.pll-confirmation-modal .ui-dialog-buttonpane .ui-button{
	margin: 0 0 0 16px;
	padding: 0 10px 1px;
	background: #f7f7f7;
	border: 1px solid #cccccc;
	border-radius: 3px;
	position: static;
	line-height: 2;
	vertical-align: top;
}
.ui-dialog.pll-confirmation-modal .ui-button:hover,
.ui-dialog.pll-confirmation-modal .ui-button:focus {
	background: #fafafa;
	border-color: #999;
	color: #23282d;
}
.pll-confirmation-modal + .ui-widget-overlay {
	background: #000;
	opacity: 0.7;
	z-index: 100101;
}

/* languages admin panel */
#add-lang select {
	width: 95%;
}

#add-lang label {
	margin: 0.35em 0 0.5em;
}

.pll-legend {
	display: block;
	padding: 2px 0;
	color: #1d2327;
	font-weight: 400;
	text-shadow: none;
	margin: 0.35em 0 0.5em;
}

.column-locale,
.languages .column-slug {
	width : 15%
}

.column-default_lang {
	width : 5%;
}

.column-term_group,
.column-flag, .column-count {
	width : 10%;
}

td.column-default_lang .icon-default-lang:before,
.pll-wizard-content .icon-default-lang:before {
	font-family: 'dashicons';
	content: "\f155";
}

.pll-icon:before{
	display: inline-block;
	text-align: left;
	width: 15px;
}
.pll-circle:before{
	content: "\25cf";
}

/* about Polylang metabox */
#pll-about-box p,
#pll-recommended p {
	text-align: justify;
}

#pll-about-box input {
	margin: 0;
	padding: 0;
	float: right;
}

/* strings translation table */
.stringstranslations .column-name,
.stringstranslations .column-context {
	width: 10%;
}

.stringstranslations .column-string {
	width: 33%;
}

.translation label {
	display: inline-block;
	width: 23%;
	vertical-align: top;
}

.translation {
	display: flex; /* fix #691 to remove default margin bottom */
}
@media screen and (max-width: 782px) { /* reset default display property for small device */
	.translation{
		display: block;
	}
}
.translation textarea{
	display: block; /* fix #691 to remove default margin bottom */
}
.translation input,
.translation textarea {
	width: 72%;
	box-sizing: border-box; /* to be sure field don't overrun outside their wrapper */
	margin-bottom: 4px; /* fix #691 set the same margin bottom for both textarea and input tags */
}

/* settings */
.pll-settings {
	margin-top: 20px;
}

.pll-settings .plugin-title {
	width: 25%;
}

#wpbody-content .pll-settings .pll-configure tr {
	display: table-row;
}

#wpbody-content .pll-settings .pll-configure td {
	display: table-cell;
}

#wpbody-content .pll-settings .pll-configure > td {
	padding: 20px 20px 20px 40px;
}

.pll-configure legend {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 0.5em;
}

.pll-configure td .description {
	margin-top: 2px;
	margin-bottom: 0.5em;
}

.pll-configure p.submit {
	margin-top: 20px;
}

.pll-configure .button {
	margin-right: 20px;
}

.pll-configure fieldset {
	margin-bottom: 1.5em;
}

.pll-inline-block-list {
	margin: 0;
}

.pll-inline-block-list li {
	display: inline-block;
	margin: 0;
	width: 250px;
}

/* settings URL modifications */
#pll-domains-table td {
	padding: 2px 2px 2px 1.5em;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
}

.pll-settings-url-col {
	display: inline-block;
	width: 49%;
	vertical-align: top;
}

/* settings Activation keys */
.pll-table-top td {
	vertical-align: top;
}

#pll-licenses-table label {
	font-size: 1em;
	font-weight: 600;
}

.pll-configure .pll-deactivate-license {
	margin: 0 0 0 20px;
}

/* language columns in edit.php and edit-tags.php */
.wp-list-table th[class*='column-language_'],
.wp-list-table td[class*='column-language_'] {
	width: 1.5em;
	box-sizing: content-box; /* Override ACF 5.9.0 styles */
}

/* Text direction in post.php and edit-tags.php */
.pll-dir-rtl textarea,
.pll-dir-rtl input[type="text"] {
	direction: rtl;
}

.pll-dir-ltr textarea,
.pll-dir-ltr input[type="text"] {
	direction: ltr;
}

.pll-dir-ltr .tr_lang,
.pll-dir-rtl .tr_lang {
	direction: inherit;
}

/* languages metabox in post.php */
#ml_box p {
	margin-top: 1em;
}

#post-translations p {
	float: left;
	margin-top: 1em;
}

.rtl #post-translations p {
	float: right;
}

#post-translations table {
	table-layout: fixed;
	width: 100%;
	clear: both;
}

#post-translations a {
	text-decoration: none;
}

#post-translations .pll-language-column,
#post-translations .pll-column-icon {
	width: 20px;
}

#post-translations .tr_lang {
	width: 100%;
}

#post-translations td {
	padding: 2px;
}

#post-translations .spinner,
#term-translations .spinner {
	float: none;
	margin: 0;
	background-position: center;
	width: auto;
}

#select-post-language .pll-select-flag {
	padding: 4px;
	margin-right: 10px;
}

.rtl #select-post-language .pll-select-flag {
    padding: 4px;
    margin-right: 0px;
    margin-left: 10px;
}

/* specific cases for media */
#select-media-language .pll-select-flag {
	padding: 4px;
	margin-right: 10px;
}

.pll-media-edit-column {
	float: right;
}

/* language and translations in edit-tags.php */
.pll-translation-flag { /* also for media */
	margin-right: 14px;
}

#select-add-term-language .pll-select-flag {
	padding: 11px;
	margin-right: 13px;
}

#select-edit-term-language .pll-select-flag {
	padding: 11px;
	margin-right: 4px;
}

#term-translations p {
	/* same style as label */
	font-weight: 400;
	font-style: normal;
	padding: 2px;
	color: #23282d;
}

#add-term-translations,
#edit-term-translations {
	width: 95%;
}

#term-translations .pll-language-column {
	line-height: 28px;
	width: 20%;
}

#term-translations .pll-edit-column,
#add-term-translations .pll-language-column {
	width: 20px;
}

#edit-term-translations .pll-language-column {
	padding: 15px 10px;
	font-weight: normal;
}

/* icon fonts */
.pll_icon_add:before {
	content: "\f132";
}

.pll_icon_edit:before {
	content: "\f464";
}

[class^="pll_icon_"] {
	font: 20px/1 'dashicons';
	vertical-align: middle;
}

/* admin bar */
#wpadminbar #wp-admin-bar-languages .ab-item img {
	margin: 0 8px 0 2px;
}

#wpadminbar #wp-admin-bar-languages #wp-admin-bar-all .ab-item .ab-icon {
	float: none;
	top: 4px;
}

#wpadminbar #wp-admin-bar-languages .ab-icon:before {
	content: "\f326";
	top: 1px;
}

#wp-admin-bar-languages.pll-filtered-languages {
	background-color:var(--wp-admin-theme-color);
}

.admin-color-coffee #wp-admin-bar-languages.pll-filtered-languages {
	background-color: #c7a589;
}

.admin-color-ectoplasm #wp-admin-bar-languages.pll-filtered-languages {
	background-color: #a3b745;
}

.admin-color-light #wp-admin-bar-languages.pll-filtered-languages {
	background-color: #888;
}

.admin-color-light #wpadminbar #wp-admin-bar-languages.pll-filtered-languages span.ab-label {
	color: #fff;
}

.admin-color-ocean #wp-admin-bar-languages.pll-filtered-languages {
	background-color: #9ebaa0;
}

/* Notices */
.pll-notice.notice {
	padding-right: 38px;
	position: relative;
}

.pll-notice a.notice-dismiss {
	text-decoration: none;
}

.pll-notice .button {
	margin-right: 10px;
}

/* Widgets */
.polylang-language-switcher-widget-content {
	width: 100%;
	border-collapse: collapse;
}
.polylang-language-switcher-widget-content h4 {
	padding: 1em 15px .33em;
	border-top: 1px solid #c3c4c7; /* Acts as a separator. */
	margin: 0 -15px; /* Makes the separator full widget width. */
}
.polylang-language-switcher-widget-content th {
	width: 10em;
	padding: 0 10px 10px 0;
	text-align: start;
}
body.rtl .polylang-language-switcher-widget-content th {
	padding: 0 0 10px 10px;
}
.polylang-language-switcher-widget-content td {
	padding: 0 0 10px 0;
}
[class*="pll-hidden-by-"] {
	display: none;
}
.polylang-language-switcher-widget-content label {
	font-weight: normal;
}
.polylang-language-switcher-widget-content + p {
	padding: 1em 15px .33em;
	border-top: 1px solid #c3c4c7; /* Acts as a separator. */
	margin: 1em -15px; /* Makes the separator full width. */
}

/* Nav menus */
.polylang-language-switcher-menu-content fieldset {
	padding: 0 10px .67em;
	border-bottom: 1px solid #c3c4c7; /* Acts as a separator. */
	margin: 0 -10px; /* Makes the separator full width. */
}
.polylang-language-switcher-menu-content legend {
	padding: .67em 10px;
	margin: 0 -10px; /* Makes the separator full width. */
}

@media screen and ( max-width: 782px ) {
	/* settings */
	#wpbody-content .pll-settings .pll-configure > td {
		padding: 20px;
	}

	#wpbody-content .pll-settings #cb {
		padding: 20px 9px;
	}

	/* settings URL modifications */
	.pll-inline-block {
		width: auto;
	}

	.pll-settings-url-col {
		display: block;
		width: 100%;
	}

	/* settings licenses */
	#wpbody-content .pll-settings #pll-licenses-table td {
		display: block;
	}

	.pll-configure .pll-deactivate-license {
		margin: 10px 0 5px;
	}

	/* strings translations table */
	.translation label {
		display: block;
		width: 95%;
		padding-left: 0;
	}

	.translation input,
	.translation textarea {
		width: 95%;
	}

	/* hide selected language flag and translations language name */
	#select-add-term-language .pll-select-flag,
	#select-edit-term-language .pll-select-flag,
	#edit-term-translations .pll-language-name {
		display: none;
	}

	#edit-term-translations {
		width: 100%;
	}

	#add-term-translations .pll-language-column {
		line-height: 38px;
	}

	#edit-term-translations td {
		padding: 8px 10px;
	}

	#edit-term-translations .pll-language-column,
	#edit-term-translations .pll-edit-column {
		width: 20px;
	}

	/* translations tables should be kept as table */
	.term-translations .pll-language-column,
	.term-translations .pll-edit-column,
	.term-translations .pll-translation-column {
		display: table-cell;
	}

	.term-translations .hidden {
		display: none;
	}

	/* admin bar */
	#wpadminbar #wp-admin-bar-languages {
		display: block; /*shows our menu on mobile devices */
	}

	#wpadminbar #wp-admin-bar-languages > .ab-item {
		width: 50px;
		text-align: center;
	}

	#wpadminbar #wp-admin-bar-languages > .ab-item .ab-icon:before {
		font: 32px/1 'dashicons';
		top: -1px;
	}

	#wpadminbar #wp-admin-bar-languages > .ab-item img {
		margin: 19px 0;
	}

	#wpadminbar #wp-admin-bar-languages #wp-admin-bar-all .ab-item .ab-icon {
		margin-right: 6px;
		font-size: 20px !important;
		line-height: 20px !important;
	}
}


```