LESS styles for Ninja Forms plugin for Bones theme for Wordpress

Wordpress - ninjaform.less

#ninja_form {

	&.ninja-success {
		font-size: 1.6em;
		line-height: 1.6em;
	}
}

/* popup overlay */
.ui-widget-overlay {
	background: @esp-red;
	position: absolute;
	width: 100%;
	height: 100%;
	.opacity(0.1);
	top: 0;
	left: 0;
}

/* popup dialog */
.ui-dialog {
	background: #fff;
	font-size: 1.6em;
	padding: 1em;
	width: 80% !important;
	max-width: 300px;
	border: 1px solid @esp-red;

	a {
		text-transform: uppercase;
		.button();
	}

	.ui-dialog-titlebar {
		margin-bottom: 1em;
		color: @esp-blue;
		text-transform: uppercase;
		font-weight: @bold;
	}

	/* just have one close button */
	.ui-dialog-titlebar-close {
		display: none;
	}
}