ares-ide/phobos/source/Ace.less

A browser-based code editor and UI designer for Enyo 2 projects

.border {
	background-color: @ares-ace-background;
	border: 1px solid @ares-ace-border;
	.ares-rounded-corners(@ares-border-radius);
	.ares-box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.05));
}

.panel {
	position: relative;
	min-height: 20px;
	padding: 19px;
	box-sizing: border-box;
}

.ares_phobos_right {
	width: 280px;
}
.ares_phobos_panel {
	position: relative;
	min-height: 20px;
	padding: 19px;
	box-sizing: border-box;
	margin: 8px;
}
.ares_phobos_autocomp {
	width: 140px;
	padding: 0px;
	border: 0px;
}
.ares_phobos_autocomp_select {
	width: 140px;
	display: block;
	background-color: white;
	background-position: initial initial;
	background-repeat: initial initial;
}
/*
	Added because ace's built-in css does not contain styling for breakpoints.
*/
.ace_gutter-cell.ace_breakpoint {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjlERTk3MzIzRTMzRTExREZBNUQyRkY1MjIyNTJEODVDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjlERTk3MzI0RTMzRTExREZBNUQyRkY1MjIyNTJEODVDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OURFOTczMjFFMzNFMTFERkE1RDJGRjUyMjI1MkQ4NUMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OURFOTczMjJFMzNFMTFERkE1RDJGRjUyMjI1MkQ4NUMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5TpFkfAAABwUlEQVR42qSTz0sCQRTHZ3ZXw8nIwkOuSggFQT8QBDt07F/QQ+fwGtRJiQjs0KWCrlH9BxURXfoHooNih4J+QgcjEQycXHfXnZ3eiEVaatGD7868fW8+M+8xgznn6D+GWwH34fCk2+WadyhKRMJ40uY8Z1pW5k3TdkYvL2/aAs6Hh2Wf15t0E7IqY+xoTWSc67RSWQ5ls1s/Am6nprY9hCxIktT2uLZtoxKl6bGrq9UmwHkwGFUHBy96HI6uNVctiz8XixMz+fy18BXxIT5fmmsaqv2moYzhXlVdgdncJ4Cb5gyr1ZCNcdf1ogykKLMffh2gl8vEyRiSO9T/YRYADEr7mwCW2430QgE5ZbkrwICNmKp++vUtXdPTtKLryDAMVDPNthJxkUei0VITQI3FzsrQg04Q8f8N4hRK8Mfjx633IJxLpbJPGxuYQB+c0ExBxjCKOIO5CaMGi0fTaTaeSo2JS1sniISG1q83N/lBXx8/wpifSBI/BYlR+IceD7/b3YU0nvyy5ttbWKKPj2sP+/vkNZNB1ZcXRPx+NBCJoJFEgvYGAouQs9fxMYGFQPOgCGgIlAdlQDuNOeoG+JO9CzAA6mgJF9be7JsAAAAASUVORK5CYII=");
	background-repeat: no-repeat;
	background-position: 4px center;
}

.ace_fold {
	background-color: black;
	color: white;
}

/*
	"this" is a 'language variable', not a keyword.
	Make same color as keyword
*/
.ace_variable.ace_language {
	color: #AF956F;
}

/* enyo-fit equivalent for ace editor node */
.ace_editor {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.ace-keys>button{
	min-width: 68px;
}

.ace-label{
	width:83px;
}

.ace-settings-paddings { padding: 5px 10px; }

.ace-settings-popup { min-width:409px; }

.ace-input-popup { width:409px; height:62px; padding: 5px 10px; }
.ace-input-textarea { width: 395px; }
.ace-input-textarea > textarea {width: 100%}
.ace-find-popup	{width:276px; height:170; padding: 5px 10px;}
.ace-find-label{
	min-width: 50px;
}
.ace-find-button {
	width: 114px;
	margin-left: 6px;
}
.ace-find-left{
	text-align: right;
}
.ace-find-message{
	word-wrap: break-word;
	min-height: 2em;
	margin-top: 3px
}
.ace-helper-panel{
	margin-top: 60px;
}
.ace-helper-list{
	list-style-type: none;
	line-height: 2;
}
.ace-title{
	font-weight: bold;	
}
.ace-fixed-item{
	margin-left: 2em;
	color: @ares-dark-color;
}
.ace-navigate-item{
	cursor:hand;
	cursor:pointer;
	color: @ares-project-list-text-color;
	text-shadow: 0 1px 0 #FFFFFF;
	margin-left: 2em;
}
.ace-navigate-item.hover{
	color: lighten(@ares-project-list-text-color, 25%);
}
.ace-code-editor{
	margin-top: 4px;
}
.ace_gutter-margin-tooltip{
	margin-top: -85px;
}