FM

/home/u523506497/domains/mymelon.in/public_html/aggrigate/wp-admin/css UP

/* Accessible tooltip component. Markup from wp_get_tooltip(). */

.wp-tooltip {
	display: inline-flex;
	align-items: center;
}

/* Toggle and close buttons. */
.wp-tooltip .wp-tooltip__toggle,
.wp-tooltip .wp-tooltip__close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	padding: 0;
	border: 0;
	border-radius: 2px;
	background: none;
	color: #50575e;
	cursor: pointer;
}

.wp-tooltip:not(:has(button[aria-disabled="true"],button[disabled])) .wp-tooltip__toggle:hover,
.wp-tooltip:not(:has(button[aria-disabled="true"],button[disabled])) .wp-tooltip__toggle:focus,
.wp-tooltip .wp-tooltip__close:hover,
.wp-tooltip .wp-tooltip__close:focus {
	color: var(--wp-admin-theme-color, #3858e9);
}

/*
 * `:where()` keeps the wrapper out of the specificity total, so buttons
 * passed into a tooltip keep control of their own focus ring.
 */
:where(.wp-tooltip:not(:has(button[aria-disabled="true"],button[disabled]))) .wp-tooltip__toggle:focus,
.wp-tooltip .wp-tooltip__close:focus {
	outline: 2px solid transparent;
	box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
}

.wp-tooltip .wp-tooltip__toggle .dashicons {
	width: 20px;
	height: 20px;
	font-size: 20px;
}

.wp-tooltip .wp-tooltip__close .dashicons {
	width: 18px;
	height: 18px;
	font-size: 18px;
}

/* Bubble. No position here, so it falls back to the UA's centered popover without anchoring. */
.wp-tooltip .wp-tooltip__bubble {
	max-width: min(280px, calc(100vw - 32px));
	margin: auto;
	padding: 12px 16px;
	overflow: visible;
	border: 1px solid #c3c4c7;
	border-radius: 4px;
	background: #fff;
	color: #1d2327;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
}

.wp-tooltip.wp-is-tooltip .wp-tooltip__bubble {
	background: #000;
	color: #f0f0f0;
	text-align: center;
	padding: 4px 8px;
	line-height: 1.4;
}

.wp-tooltip:not(.wp-is-tooltip) .wp-tooltip__text {
	display: block;
	padding-inline-end: 24px;
}

.wp-tooltip .wp-tooltip__close {
	position: absolute;
	top: 6px;
	inset-inline-end: 6px;
}

/* Anchor the bubble above its toggle, with a downward arrow. */
@supports (anchor-name: --a) {
	.wp-tooltip .wp-tooltip__bubble {
		position-area: top;
		margin: 0 0 8px;
		position-try-fallbacks: flip-block, flip-inline;
	}

	.wp-tooltip.wp-is-tooltip .wp-tooltip__bubble {
		margin: 0;
	}

	/* Arrow: gray border (::before) under a white fill (::after). */
	.wp-tooltip:not(.wp-is-tooltip) .wp-tooltip__bubble::before,
	.wp-tooltip:not(.wp-is-tooltip) .wp-tooltip__bubble::after {
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		width: 0;
		height: 0;
		border: 8px solid transparent;
		border-bottom: 0;
	}

	.wp-tooltip:not(.wp-is-tooltip) .wp-tooltip__bubble::before {
		margin-left: -8px;
		border-top-color: #c3c4c7;
	}

	.wp-tooltip:not(.wp-is-tooltip) .wp-tooltip__bubble::after {
		margin-left: -7px;
		border-width: 7px;
		border-bottom: 0;
		border-top-color: #fff;
	}
}
about-rtl.css28566V
about-rtl.min.css22072V
about.css28532V
about.min.css22073V
admin-menu-rtl.css18877V
admin-menu-rtl.min.css15307V
admin-menu.css18827V
admin-menu.min.css15292V
code-editor-rtl.css1618V
code-editor-rtl.min.css1439V
code-editor.css1579V
code-editor.min.css1435V
color-picker-rtl.css3957V
color-picker-rtl.min.css3201V
color-picker.css3919V
color-picker.min.css3198V
colors-
common-rtl.css81868V
common-rtl.min.css62410V
common.css81782V
common.min.css62359V
customize-controls-rtl.css72569V
customize-controls-rtl.min.css60473V
customize-controls.css72491V
customize-controls.min.css60430V
customize-nav-menus-rtl.css22662V
customize-nav-menus-rtl.min.css18526V
customize-nav-menus.css22616V
customize-nav-menus.min.css18515V
customize-widgets-rtl.css13594V
customize-widgets-rtl.min.css10384V
customize-widgets.css13557V
customize-widgets.min.css10382V
dashboard-rtl.css30423V
dashboard-rtl.min.css23351V
dashboard.css30392V
dashboard.min.css23355V
deprecated-media-rtl.css6654V
deprecated-media-rtl.min.css5497V
deprecated-media.css6615V
deprecated-media.min.css5493V
edit-rtl.css40217V
edit-rtl.min.css31776V
edit.css40170V
edit.min.css31764V
farbtastic-rtl.css647V
farbtastic-rtl.min.css538V
farbtastic.css611V
farbtastic.min.css537V
forms-rtl.css39998V
forms-rtl.min.css31034V
forms.css39965V
forms.min.css31036V
install-rtl.css6620V
install-rtl.min.css5368V
install.css6587V
install.min.css5370V
l10n-rtl.css4579V
l10n-rtl.min.css3204V
l10n.css4540V
l10n.min.css3200V
list-tables-rtl.css46949V
list-tables-rtl.min.css38138V
list-tables.css46888V
list-tables.min.css38112V
login-rtl.css8841V
login-rtl.min.css6968V
login.css8800V
login.min.css6962V
media-rtl.css28940V
media-rtl.min.css22992V
media.css28889V
media.min.css22976V
nav-menus-rtl.css18143V
nav-menus-rtl.min.css14327V
nav-menus.css18081V
nav-menus.min.css14300V
revisions-rtl.css10767V
revisions-rtl.min.css8812V
revisions.css10720V
revisions.min.css8800V
site-health-rtl.css6503V
site-health-rtl.min.css5376V
site-health.css6462V
site-health.min.css5370V
site-icon-rtl.css4648V
site-icon-rtl.min.css3948V
site-icon.css4603V
site-icon.min.css3938V
themes-rtl.css44420V
themes-rtl.min.css34619V
themes.css44362V
themes.min.css34596V
view-transitions.css185V
view-transitions.min.css192V
widgets-rtl.css17887V
widgets-rtl.min.css14622V
widgets.css17850V
widgets.min.css14620V
wp-admin-rtl.css490V
wp-admin-rtl.min.css550V
wp-admin.css395V
wp-admin.min.css490V
wp-tooltip-rtl.css3073V
wp-tooltip-rtl.min.css2284V
wp-tooltip.css3034V
wp-tooltip.min.css2280V
Blog - My Melon - Digital Marketing & Creative Agency
Skip to content Skip to footer