ares-ide/lib/onyx/css/Groupbox.less

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

/* Groupbox.css */
.onyx-groupbox {
}

.onyx-groupbox > * {
	display: block;
	/*box-shadow: inset 0px 1px 1px rgba(255,255,255,0.5);*/
	border-color: #aaaaaa;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	/*padding: 10px;*/
	/* reset styles that make 'item' look bad if they happen to be there */
	border-radius: 0;
	margin: 0;
	font-size: @onyx-groupbox-font-size;
}

/* needed for MathJax support */
.onyx-groupbox > script {
	display: none;
}

.onyx-groupbox > *:first-child {
	border-top-color: #aaaaaa;
	border-width: 1px;
	border-radius: @onyx-groupbox-border-radius @onyx-groupbox-border-radius 0 0;
}

.onyx-groupbox > *:last-child {
	border-radius: 0 0 @onyx-groupbox-border-radius @onyx-groupbox-border-radius;
}

.onyx-groupbox > *:first-child:last-child {
	border-radius: @onyx-groupbox-border-radius;
}

.onyx-groupbox-header {
	padding: 2px 10px;
	/**/
	color: @onyx-groupbox-text-color;
	font-size: @onyx-groupbox-header-font-size;
	font-weight: bold;
	text-transform: uppercase;
	/**/
	background-color: @onyx-groupbox-background;
	border: none;
	background: @onyx-groupbox-background @onyx-groupbox-gradient repeat-x 0 10px;
}

.onyx-groupbox .onyx-input-decorator {
	display: block;
}

.onyx-groupbox > .onyx-input-decorator {
	border-color: #aaaaaa;
	border-width: 0 1px 1px 1px;
	border-radius: 0;
}

.onyx-groupbox > .onyx-input-decorator:first-child {
	border-width: 1px;
	border-radius: @onyx-groupbox-border-radius @onyx-groupbox-border-radius 0 0;
}

.onyx-groupbox > .onyx-input-decorator:last-child {
	border-radius: 0 0 @onyx-groupbox-border-radius @onyx-groupbox-border-radius;
}

.onyx-groupbox > .onyx-input-decorator:first-child:last-child {
	border-radius: @onyx-groupbox-border-radius;
}