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

/*global style adjustments, override specifically */

@mixin os-pageframe {
	
	//@include os-scrollbar;
	
	/* checkbox-global */
	:root & .v-checkbox {
	@include os-checkbox();
	padding-top: inherit;
	> input ~ label:before, > input~ label:after {
		margin-top: inherit;
		}
	> input ~ label:before {
		margin-top: inherit;
		}		
	}

	// borders for views: 
	
	@if $os-bordered==true {
		
		.v-verticallayout-part {
		    border: $os-border;
		}
	}
	
	h1 {
		@include os-typeface-h1;
	}
	
		
	.popupContent {
		@include os-popup-perspective;
		}
	// panel default style without borders
	.v-panel {
		border-width: 0px;
		}
	
	// colors/styles
	.v-button {
		@include os-button;
		}
	
	/* ???
	.v-gridlayout > .v-gridlayout-slot .v-button {
		@include os-button-gridlayout;
		}*/
	
	
	.os-data-component >.v-button {
 	   	@include os-button-data; 
		}
		
	.v-textfield {
		@include os-textfield;
		}
	.v-textarea {
		@include os-textfield;
		}
	.v-filterselect {
		@include os-textfield;
		}
	.o-XSuggestBox, .o-XSuggestBox > .v-textfield {
		@include os-textfield;
		height: $os-unit-size;
		}
		
	.os-view-header-h2, .v-label-h2 {
		@include os-typeface-view-h2;
		//font-weight: 800;
	    }
	  
	.os-org-container {
		background: transparent !important;
		}  	
	/*// border of site-encapsulating container
	.v-ui > .v-panel {
	    border-width: 0px;	
		}
	*/		
		
	.os-data-area {
		margin: floor($os-unit-size/3);
	}
	
	/* WORKAROUNDS */
	.os-multi-area .os-data-area {  //Landkarten Scrollbalken
		overflow: inherit !important;
		}
		
	input.gwt-FileUpload {
		z-index:-1 !important;
		}		
	.v-customcomponent .v-button {
		@include os-button-no-margin;
		}


	.os-mparttoolbararea, .os-embedded-toolbar {
		width: 100%;		
		min-height: $os-button-height;
		border-bottom: $os-border;
		color: valo-font-color($os-sub-header-bg);
		background: $os-background-color;
		
		.v-button {
			@include os-button-toolbar;
			@include box-shadow(none); /*valo-defined mixin*/
			}
		span.v-button-caption {
			vertical-align: middle;		
			}
		}
	

	/* SPLITPANEL */ 
	.v-splitpanel-vertical {
		@include valo-splitpanel-style (
			$primary-stylename: v-splitpanel, 
			$splitter-size: $os-splitter-size, 
			$splitter-active-size: $os-splitter-size,
			$splitter-handle-visible: true, 
			$orientation: vertical );
		
		> div {
			height: $os-splitter-size;
			> .v-splitpanel-vsplitter {
				div:before {
					border: transparent;
					background-color: $os-splitter;
					}
				div:after {
					border-color: get_contrast($os-fn-medium, $os-splitter, $os-fn-desaturate);
					}
				}
			}
		}
	.v-splitpanel-horizontal {
		@include valo-splitpanel-style (
			$primary-stylename: v-splitpanel, 
			$splitter-size: $os-splitter-size, 
			$splitter-active-size: $os-splitter-size,
			$splitter-handle-visible: true, 
			$orientation: horizontal );	
		> div {
			width: $os-splitter-size;
			> .v-splitpanel-hsplitter {
				div:before {
					border: transparent;
					background-color: $os-splitter;
					}
				div:after {
					border-color: get_contrast($os-fn-medium, $os-splitter, $os-fn-desaturate);
					}
				}
			}			
		}
	
	/* PROGRESS */
	.os-important .v-progressbar-indicator {
 	   	background: $os-progress-important none;
		}
	.v-loading-indicator {
		opacity: 0.5;
		}
	
	
	/* SPINNER */
	.v-app-loading:before {
      	left: auto;
      	width: 100%;
      	height: 32px;
      	padding: 0px;
      	margin-top: 0px;
      	margin-left: 0px;
		background: transparent $os-loading-animation no-repeat 50%;
    	border-radius: $v-border-radius;
		}
	}