org.eclipse.osbp.themes/scss/layout/_header.scss

/* only describes the fixed top portion of the page/application */

@mixin os-header {
	$header-separator-height: $os-splitter-size - 3;
	$os-main-header-bg: $os-light-contrast;
	// the very top
	.v-menubar {
		//display: none;
		//background-image: url("../image/osbee-logo.png"); 
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: auto $os-unit-size; //w h
		background-color: $os-main-header-bg;
		@if $os-bordered == true {
			border: 0px;
			border-bottom: ceil($os-unit-size/11) solid $os-highlight-color;
			height: $os-unit-size + ceil($os-unit-size/11);
			}
		@else {
			border: 0px;
			border-bottom: $os-border;
			@include box-shadow(none);
			}
 		
		/*
		padding-left: $os-unit-size;		
		height: $os-unit-size + ($os-unit-size/3);
		border: 0px !important;
		color: valo-font-color($os-main-header-bg);
		
		@if $web==true {
			background-color: $os-dark-contrast;
			color: valo-font-color($os-dark-contrast);
			}
		
		.v-menubar-menuitem {
			padding: 4px 9px;
			}
			*/
		}

	/* second row */
	
	.v-ui > .v-panel > .v-panel-content > .v-verticallayout > .v-expand > 
	.v-slot > .v-verticallayout > .v-expand { 
		> .v-slot:nth-child(1) {
			/* NO borders, paddings, margins or height declarations in this area. 
			 * Content will be pushed beneath the bottom of the browser 
			 * window due to e4/vaaclipse restrictions. */
			@if $os-bordered == true {            								 
	             background-color: $os-light-contrast; 
				}		
			@else {
				/* fake bottom border: */ 
			    @include linear-gradient(to top, $os-highlight-color $header-separator-height, $os-main-header-bg $header-separator-height);
				}
            /*@include linear-gradient(to top, $os-light-contrast $header-separator-height, 
            								 $os-highlight-color $header-separator-height, 
            								 $os-highlight-color $os-splitter-size, 
            								 $os-main-header-bg $os-splitter-size);*/
			} 
			
		/* removes empty v-slot/spacer in header-area */
		> .v-slot:nth-child(2) {
			//height: 0px !important;
			display: none;
			}
		
		@if $os-bordered == false {
			> .v.slot:nth-child(3) {
				@include box-shadow(none);
				}
			}
		}
		
		
		
			
	.toptrimbar {
		overflow: hidden;
		white-space: nowrap;
		
		position: inherit;
		bottom: 0px;
		height: 2.2 * $os-unit-size + $header-separator-height;
		@if $web==true {
			height: 2 * $os-unit-size + $header-separator-height;
			}		
		
		@if $os-bordered==true {
			height: 2.5 * $os-unit-size;
	  		.ToolControlMenu {
				//padding-top: inherit;//floor($os-unit-size/2);
				position: relative;
				top: 10%;
				}
			.ToolControlCombo  {
				//padding-top: inherit;//floor($os-unit-size/2);
				position: relative;
				top: 75%;
				}
			}
		@else {	
			.ToolControlMenu {
			    vertical-align: text-top;
				}	
			.ToolControlCombo  {
				//padding-top: inherit;//floor($os-unit-size/2);
				position: relative;
				top: 75%;
				}
			}
		
		.v-button {
		    border: none;
		    background: transparent;
		    padding: 0px;
			}
					
		.v-filterselect, .v-filterselect-input {
			/* override _forms */
			background-color: $os-main-header-bg !important;
			color: valo-font-color($os-main-header-bg)  !important;
			}
		.v-filterselect.v-widget.os-combobox-with-icon .v-icon {
			/* language selection icon position (header) */
    		z-index: 999;	
			}
		
	 	td.v-formlayout-errorcell, td.v-formlayout-captioncell  {
	  		border-bottom: none;
			}	
		}

	.perspectivepanel {
		@include os-button-perspectivepanel;
		
		margin-right: $os-unit-size;
		@if $os-bordered == true {
			/*position: absolute;
			bottom:  0px;*/			
			}
		@else {
			position: absolute;
			bottom: $header-separator-height;
			}
		
		.v-button-pushed {
			background: $os-button-as-tab !important;
			border-color: $os-button-as-tab !important;
			.v-button-caption {
				color: valo-font-color($os-button-as-tab) !important;
				}
			}
		}
	}