/*!
 * VisualEditor ContentEditable FocusableNode styles.
 *
 * @copyright 2011-2015 VisualEditor Team and others; see http://ve.mit-license.org
 */

.ve-ce-surface-highlights-focused .ve-ce-focusableNode-highlights {
	opacity: 0.5;
}

.ve-ce-surface-highlights-blurred .ve-ce-focusableNode-highlights {
	opacity: 0.15;
}

/* Set opacity directly on the highlights, rather than their containers,
   otherwise the opacity isn't applied at all */
.ve-init-target-ie .ve-ce-surface-highlights-focused .ve-ce-focusableNode-highlight {
	opacity: 0.5;
}

.ve-init-target-ie .ve-ce-surface-highlights-blurred .ve-ce-focusableNode-highlight {
	opacity: 0.15;
}

.ve-ce-focusableNode {
	cursor: default;
}

/* We have to use a * selector because user-select isn't inherited by absolutely positioned
   children in Firefox. */
/*csslint vendor-prefix: false, compatible-vendor-prefixes:false */
.ve-ce-focusableNode * {
	/* T70537: work around Firefox bug */
	-moz-user-select: none;
}
/*csslint vendor-prefix: true, compatible-vendor-prefixes:true */

.ve-ce-focusableNode-highlight {
	background: #6da9f7;
	box-shadow: inset 0 0 0 1px #4C76ac;
	position: absolute;
	/* Clip extra span added for selectability */
	overflow: hidden;
}

.ve-ce-focusableNode-highlight-relocatable-marker {
	width: 100%;
	height: 100%;
}

.ve-ce-focusableNode-highlights-relocating .ve-ce-focusableNode-highlight-relocatable-marker {
	background: #000;
	background: rgba(0, 0, 0, 1);
}

/* Prevent 'copy image' appearing in context menu */
.ve-ce-focusableNode-highlights-contextOpen .ve-ce-focusableNode-highlight-relocatable-marker {
	display: none;
}

.ve-ce-focusableNode-highlight-selectable {
	position: absolute;
	top: -1000px;
}