lychee/src/styles/_contextmenu.scss

/**
 * @copyright   2014 by Tobias Reich
 */

/* Context ------------------------------------------------*/
.context {

	padding: 5px 0 6px;
	background: linear-gradient(to bottom, #444 0%, #2f2f2f 100%);
	border: 1px solid rgba(0, 0, 0, .5);
	border-bottom: 1px solid rgba(0, 0, 0, .6);
	border-radius: 5px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .15), inset 0px 1px 0px rgba(255, 255, 255, .08);

	/* Item ------------------------------------------------*/
	tr {
		margin-bottom: 2px;
		color: #eee;
		font-size: 14px;
		text-shadow: 0 -1px 0px rgba(0, 0, 0, .2);

		&.separator {
			background-color: rgba(0, 0, 0, .2);
			border-bottom: 1px solid rgba(255, 255, 255, .1);
		}
	}

		tr td {
			padding: 7px 25px 6px 12px;
			min-width: auto;
			color: #fff;
			border-radius: 0;
			transition: none;

			&:hover {
				background: linear-gradient(to bottom, #6a84f2, #4967F0);
			}
		}

	/* Link ------------------------------------------------*/
	input#link {
		width: 100%;
		margin: -2px 0 -1px -2px;
		padding: 5px 7px 6px 7px;
		background-color: #444;
		color: #fff;
		border: 1px solid rgba(0, 0, 0, .4);
		box-shadow: 0px 1px 0px rgba(255, 255, 255, .05);
		outline: none;
		border-radius: 3px;
	}

	/* No Hover ------------------------------------------------*/
	tr.noHover td:hover {
		background: none;
		cursor: default;
	}

}