client/src/main/java/org/apache/hupa/client/ui/SettingEcsPanel.ui.xml

<!-- Licensed to the Apache Software Foundation (ASF) under one or more contributor 
	license agreements. See the NOTICE file distributed with this work for additional 
	information regarding copyright ownership. The ASF licenses this file to 
	you under the Apache License, Version 2.0 (the "License"); you may not use 
	this file except in compliance with the License. You may obtain a copy of 
	the License at http://www.apache.org/licenses/LICENSE-2.0 Unless required 
	by applicable law or agreed to in writing, software distributed under the 
	License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS 
	OF ANY KIND, either express or implied. See the License for the specific 
	language governing permissions and limitations under the License. -->

<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'
	xmlns:g='urn:import:com.google.gwt.user.client.ui'>

	<ui:style src="res/CssSplitLayoutPanel.css">
		.uibox {
			border: 1px solid #a3a3a3;
			border-radius: 4px;
			overflow: hidden;
			box-shadow: 0 0 2px #999;
			-o-box-shadow: 0 0 2px #999;
			-webkit-box-shadow: 0 0 2px #999;
			-moz-box-shadow: 0 0 2px #999;
			background: #fff;
		}
		
		.listbox {
			background: #d9ecf4;
			overflow: hidden;
		}
		
		.listbox .scroller {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			bottom: 0;
			overflow-x: hidden;
			overflow-y: auto;
		}
		
		.listbox .scroller.withfooter {
			bottom: 42px;
		}
		
		.listbox .boxtitle+.scroller {
			top: 34px;
		}
		
		.boxtitle,.uibox .listing thead td {
			font-size: 12px;
			font-weight: bold;
			padding: 10px 8px 3px 8px;
			height: 20px; /* doesn't affect table-cells in FF */
			margin: 0;
			text-shadow: 0px 1px 1px #fff;
			border-bottom: 1px solid #bbd3da;
			white-space: nowrap;
		}
		
		.uibox .boxtitle,.uibox .listing thead td {
			background: #b0ccd7;
			color: #004458;
			border-radius: 4px 4px 0 0;
		}
		
		.contentbox .boxtitle {
			color: #777;
			background: #eee;
			background: -moz-linear-gradient(top, #eee 0%, #dfdfdf 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eee),
				color-stop(100%, #dfdfdf) );
			background: -o-linear-gradient(top, #eee 0%, #dfdfdf 100%);
			background: -ms-linear-gradient(top, #eee 0%, #dfdfdf 100%);
			background: linear-gradient(top, #eee 0%, #dfdfdf 100%);
			border-bottom: 1px solid #ccc;
		}
		
		.contentbox .scroller {
			position: absolute;
			top: 34px;
			left: 0;
			right: 0;
			bottom: 28px;
			overflow: auto;
		}
		
		body.iframe .boxtitle {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			z-index: 100;
		}
		
		.boxcontent {
			padding: 10px;
		}
	</ui:style>
	<g:SimpleLayoutPanel addStyleNames="{style.uibox} {style.contentbox}">
		<g:HTMLPanel>
			<h2 class="{style.boxtitle}">Envelope-Content Splitting(ECS)</h2>
			<g:FlowPanel addStyleNames="{style.boxcontent}">
				<g:SimplePanel ui:field="ecsSettingContainer" />
			</g:FlowPanel>
			<div class="{style.statusbar}" />
		</g:HTMLPanel>
	</g:SimpleLayoutPanel>
</ui:UiBinder>