FM

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

/*! This file is auto-generated */
/*------------------------------------------------------------------------------
  28.0 - Site Icon
------------------------------------------------------------------------------*/

.site-icon-section {
	--site-icon-removal: #b32d2e;
}

.site-icon-preview {
	--site-icon-input-border: #8c8f94;
	--site-icon-preview-background: #fff;
	--site-icon-preview-browser-top: #dcdcde;
	--site-icon-preview-browser-bottom: #a7aaad;
	--site-icon-preview-browser-border: rgba(255, 255, 255, 0.2);
	--site-icon-address-bar-background: #f0f0f1;
	--site-icon-address-bar-close: #646970;
	--site-icon-address-bar-text: #3c434a;
	--site-icon-shadow-1: rgba(0, 0, 0, 0.1);
	--site-icon-shadow-2: rgba(0, 0, 0, 0.2);
	--site-icon-shadow-3: rgba(0, 0, 0, 0.5);

	direction: initial;
	display: flex;
	height: 60px;
	padding: 8px 8px 0 0;
	align-items: flex-start;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	border: 1px solid var(--site-icon-input-border);
	border-radius: 4px;
	background-color: var(--site-icon-preview-background);
	width: 275px;
}

@media (prefers-color-scheme: dark) {
	.site-icon-preview {
		--site-icon-preview-browser-top: #2c3338;
		--site-icon-preview-browser-bottom: #111;
		--site-icon-address-bar-background: #3c434a;
		--site-icon-address-bar-close: #f0f0f1;
		--site-icon-address-bar-text: #f0f0f1;
	}
}

.site-icon-preview.settings {
	height: 88px;
	padding: 16px 16px 0 0;
	width: 350px;
	margin: 0 0 16px 0;
}

.site-icon-preview.crop {
	width: 258px;
	height: 100%;
	display: grid;
	grid-template-columns: 8px 1fr;
	grid-template-rows: 64px 1fr;
	padding-right: 0;
	row-gap: 16px;
	direction: inherit;
}

.site-icon-preview.hidden {
	display: none;
}

.site-icon-preview .direction-wrap {
	grid-template-columns: 44px 1fr;
	gap: 8px;
	display: grid;
	direction: rtl;
	height: 100%;
	width: 100%;
}

.site-icon-preview.settings .direction-wrap {
	grid-template-columns: 58px 1fr;
	gap: 16px;
}

.site-icon-preview:after {
	--after-size: 150%;
	aspect-ratio: 1/1;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: var(--after-size);;
	transform: translate(calc(-1*(var(--after-size) * -0.125)), calc(var(--after-size) * -0.125));
	filter: blur(5px);
	opacity: 0.5;
	background: var(--site-icon-url);
}

.site-icon-preview .app-icon-preview {
	aspect-ratio: 1/1;
	border-radius: 10px;
	box-shadow: 0 1px 5px 0 var(--site-icon-shadow-3);
	flex-shrink: 0;
	width: 100%;
	z-index: 1;
}

.site-icon-preview-browser {
	display: flex;
	padding: 4px 12px 0 4px;
	align-items: flex-start;
	gap: 16px;
	flex: 1 0 0;
	z-index: 1;
	border-top-right-radius: 10px;
	border-top: 1px solid var(--site-icon-preview-browser-border);
	border-right: 1px solid var(--site-icon-preview-browser-border);
	background: linear-gradient(-180deg, var(--site-icon-preview-browser-top) 0%, var(--site-icon-preview-browser-bottom) 100%);
	box-shadow: 0 10px 22px 0 var(--site-icon-shadow-2);
}

.site-icon-preview .browser-buttons {
	width: 48px;
	height: 40px;
	fill: var(--site-icon-input-border);
}

.site-icon-preview-tab {
	padding: 8px;
	align-items: center;
	gap: 8px;
	flex: 1 0 0;
	border-radius: 4px;
	background-color: var(--site-icon-address-bar-background);
	box-shadow: 0 1px 3px 0 var(--site-icon-shadow-1);
	display: grid;
	grid-template-columns: 24px auto 24px;
}

.site-icon-preview-browser .browser-icon-preview {
	box-shadow: 0 0 20px 0 var(--site-icon-shadow-1);
}

.site-icon-preview-tab > img,
.site-icon-preview-tab > svg {
	width: 24px;
	height: 24px;
}

.site-icon-preview-tab > svg {
	fill: var(--site-icon-address-bar-close);
}

.site-icon-preview-site-title {
	color: var(--site-icon-address-bar-text);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-weight: 500;
}

.site-icon-preview-crop-modal .image-preview-wrap.app-icon-preview {
	width: 64px;
	height: 64px;
	margin: 0;
	grid-column: 2;
}

.site-icon-preview-crop-modal .site-icon-preview-browser {
	grid-column: 2;
}

.site-icon-preview-crop-modal .image-preview-wrap {
	overflow: hidden;
	aspect-ratio: 1/1;
}

.site-icon-preview-crop-modal .image-preview-wrap.browser {
	width: 24px;
	height: 24px;
}

button.reset.remove-site-icon {
	color: var(--site-icon-removal);
	text-decoration: none;
	border-color: currentColor;
	box-shadow: none;
	background: transparent;
}

button.reset.remove-site-icon:focus,
button.reset.remove-site-icon:hover {
	background: var(--site-icon-removal);
	color: #fff;
	border-color: var(--site-icon-removal);
	box-shadow: 0 0 0 1px var(--site-icon-removal);
}

.site-icon-action-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
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
Let's Connect
Let's connect
My Melon - Digital Marketing & Creative Agency
Let's Connect
Close