Added a new transparent scheme based on Vanilla and a simple chat window, which displays text strings received from the server.

1 files changed, 643 insertions, 0 deletions

diff --git a/GUI/Transparent.looknfeel b/GUI/Transparent.looknfeel
new file mode 100644
index 0000000..877733b
--- /dev/null
+++ b/GUI/Transparent.looknfeel
@@ -0,0 +1,643 @@
+<?xml version="1.0"?>
+<Falagard>
+	<WidgetLook name="Transparent/Shared">
+		<ImagerySection name="Frame">
+			<FrameComponent>
+				<Area>
+					<Dim type="LeftEdge"><AbsoluteDim value="0" /></Dim>
+					<Dim type="TopEdge"><AbsoluteDim value="0" /></Dim>
+					<Dim type="RightEdge"><UnifiedDim scale="1" type="RightEdge" /></Dim>
+					<Dim type="BottomEdge"><UnifiedDim scale="1" type="BottomEdge" /></Dim>
+				</Area>
+				<Image type="TopLeftCorner" imageset="Transparent-Images" image="FrameTopLeft" />
+				<Image type="TopRightCorner" imageset="Transparent-Images" image="FrameTopRight" />
+				<Image type="BottomLeftCorner" imageset="Transparent-Images" image="FrameBottomLeft" />
+				<Image type="BottomRightCorner" imageset="Transparent-Images" image="FrameBottomRight" />
+				<Image type="LeftEdge" imageset="Transparent-Images" image="FrameLeft" />
+				<Image type="TopEdge" imageset="Transparent-Images" image="FrameTop" />
+				<Image type="RightEdge" imageset="Transparent-Images" image="FrameRight" />
+				<Image type="BottomEdge" imageset="Transparent-Images" image="FrameBottom" />
+				<Image type="Background" imageset="Transparent-Images" image="GenericBrush" />
+			</FrameComponent>
+		</ImagerySection>
+
+		<ImagerySection name="FrameOnly">
+			<FrameComponent>
+				<Area>
+					<Dim type="LeftEdge"><AbsoluteDim value="0" /></Dim>
+					<Dim type="TopEdge"><AbsoluteDim value="0" /></Dim>
+					<Dim type="RightEdge"><UnifiedDim scale="1" type="RightEdge" /></Dim>
+					<Dim type="BottomEdge"><UnifiedDim scale="1" type="BottomEdge" /></Dim>
+				</Area>
+				<Image type="TopLeftCorner" imageset="Transparent-Images" image="FrameTopLeft" />
+				<Image type="TopRightCorner" imageset="Transparent-Images" image="FrameTopRight" />
+				<Image type="BottomLeftCorner" imageset="Transparent-Images" image="FrameBottomLeft" />
+				<Image type="BottomRightCorner" imageset="Transparent-Images" image="FrameBottomRight" />
+				<Image type="LeftEdge" imageset="Transparent-Images" image="FrameLeft" />
+				<Image type="TopEdge" imageset="Transparent-Images" image="FrameTop" />
+				<Image type="RightEdge" imageset="Transparent-Images" image="FrameRight" />
+				<Image type="BottomEdge" imageset="Transparent-Images" image="FrameBottom" />
+			</FrameComponent>
+		</ImagerySection>
+
+		<ImagerySection name="BackgroundOnly">
+			<FrameComponent>
+				<Area>
+					<Dim type="LeftEdge"><ImageDim imageset="Transparent-Images" image="FrameLeft" dimension="Width" /></Dim>
+					<Dim type="TopEdge"><ImageDim imageset="Transparent-Images" image="FrameTop" dimension="Height" /></Dim>
+					<Dim type="RightEdge">
+						<UnifiedDim scale="1" type="RightEdge">
+							<DimOperator op="Subtract">
+								<ImageDim imageset="Transparent-Images" image="FrameRight" dimension="Width" />
+							</DimOperator>
+						</UnifiedDim>
+					</Dim>
+					<Dim type="BottomEdge">
+						<UnifiedDim scale="1" type="BottomEdge">
+							<DimOperator op="Subtract">
+								<ImageDim imageset="Transparent-Images" image="FrameBottom" dimension="Height" />
+							</DimOperator>
+						</UnifiedDim>
+					</Dim>
+				</Area>
+				<Image type="Background" imageset="Transparent-Images" image="GenericBrush" />
+			</FrameComponent>
+		</ImagerySection>
+
+		<ImagerySection name="BackgroundOnlyFull">
+			<FrameComponent>
+				<Area>
+					<Dim type="LeftEdge"><AbsoluteDim value="0" /></Dim>
+					<Dim type="TopEdge"><AbsoluteDim value="0" /></Dim>
+					<Dim type="RightEdge"><UnifiedDim scale="1" type="RightEdge" /></Dim>
+					<Dim type="BottomEdge"><UnifiedDim scale="1" type="BottomEdge" /></Dim>
+				</Area>
+				<Image type="Background" imageset="Transparent-Images" image="GenericBrush" />
+			</FrameComponent>
+		</ImagerySection>
+
+	</WidgetLook>
+
+	<WidgetLook name="Transparent/Titlebar">
+		<PropertyDefinition name="CaptionColour" initialValue="80FFFFFF" redrawOnWrite="true" />
+		<Property name="NonClient" value="True" />
+		<ImagerySection name="caption">
+			<TextComponent>
+				<Area>
+					<Dim type="LeftEdge"><AbsoluteDim value="0" /></Dim>
+					<Dim type="TopEdge"><AbsoluteDim value="0" /></Dim>
+					<Dim type="RightEdge"><UnifiedDim scale="1" type="RightEdge" /></Dim>
+					<Dim type="BottomEdge"><UnifiedDim scale="1" type="BottomEdge" /></Dim>
+				</Area>
+				<ColourProperty name="CaptionColour" />
+				<VertFormat type="CentreAligned" />
+				<HorzFormat type="CentreAligned" />
+			</TextComponent>
+		</ImagerySection>
+		<StateImagery name="Active">
+			<Layer>
+				<Section section="caption" />
+			</Layer>
+		</StateImagery>
+		<StateImagery name="Inactive">
+			<Layer>
+				<Section section="caption" />
+			</Layer>
+		</StateImagery>
+		<StateImagery name="Disabled">
+			<Layer>
+				<Section section="caption" />
+			</Layer>
+		</StateImagery>
+	</WidgetLook>
+
+	<WidgetLook name="Transparent/Button">
+		<PropertyDefinition name="NormalTextColour" initialValue="FFFFFFFF" redrawOnWrite="true" />
+		<PropertyDefinition name="HoverTextColour" initialValue="FFFFFFFF" redrawOnWrite="true" />
+		<PropertyDefinition name="PushedTextColour" initialValue="FFFFFFFF" redrawOnWrite="true" />
+		<PropertyDefinition name="DisabledTextColour" initialValue="FF888888" redrawOnWrite="true" />
+		<PropertyDefinition name="UseStandardImagery" initialValue="True" redrawOnWrite="true" />
+		<PropertyDefinition name="NormalImage" initialValue="" redrawOnWrite="true" />
+		<PropertyDefinition name="HoverImage" initialValue="" redrawOnWrite="true" />
+		<PropertyDefinition name="PushedImage" initialValue="" redrawOnWrite="true" />
+		<PropertyDefinition name="VertImageFormatting" initialValue="Stretched" redrawOnWrite="true" />
+		<PropertyDefinition name="HorzImageFormatting" initialValue="Stretched" redrawOnWrite="true" />
+
+		<Property name="WantsMultiClickEvents" value="False" />
+		<ImagerySection name="label">
+			<TextComponent>
+				<Area>
+					<Dim type="LeftEdge"><AbsoluteDim value="0" /></Dim>
+					<Dim type="TopEdge"><AbsoluteDim value="0" /></Dim>
+					<Dim type="RightEdge"><UnifiedDim scale="1" type="RightEdge" /></Dim>
+					<Dim type="BottomEdge"><UnifiedDim scale="1" offset="-4" type="BottomEdge" /></Dim>
+				</Area>
+				<VertFormat type="CentreAligned" />
+				<HorzFormat type="WordWrapCentreAligned" />
+			</TextComponent>
+		</ImagerySection>
+		<ImagerySection name="normal_image">
+			<ImageryComponent>
+				<Area>
+					<Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+					<Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+					<Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
+					<Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
+				</Area>
+				<ImageProperty name="NormalImage" />
+				<VertFormatProperty name="VertImageFormatting" />
+				<HorzFormatProperty name="HorzImageFormatting" />
+			</ImageryComponent>
+		</ImagerySection>
+		<ImagerySection name="hover_image">
+			<ImageryComponent>
+				<Area>
+					<Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+					<Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+					<Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
+					<Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
+				</Area>
+				<ImageProperty name="HoverImage" />
+				<VertFormatProperty name="VertImageFormatting" />
+				<HorzFormatProperty name="HorzImageFormatting" />
+			</ImageryComponent>
+		</ImagerySection>
+		<ImagerySection name="pushed_image">
+			<ImageryComponent>
+				<Area>
+					<Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+					<Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+					<Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
+					<Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
+				</Area>
+				<ImageProperty name="PushedImage" />
+				<VertFormatProperty name="VertImageFormatting" />
+				<HorzFormatProperty name="HorzImageFormatting" />
+			</ImageryComponent>
+		</ImagerySection>
+
+		<StateImagery name="Normal">
+			<Layer>
+				<Section look="Transparent/Shared" section="Frame" controlProperty="UseStandardImagery" >
+					<Colours topLeft="FF7F7F7F" topRight="FF7F7F7F" bottomLeft="FF7F7F7F" bottomRight="FF7F7F7F" />
+				</Section>
+				<Section section="normal_image" />
+				<Section section="label">
+					<ColourProperty name="NormalTextColour" />
+				</Section>
+			</Layer>
+		</StateImagery>
+		<StateImagery name="Hover">
+			<Layer>
+				<Section look="Transparent/Shared" section="Frame" controlProperty="UseStandardImagery" >
+					<Colours topLeft="FF9F9F9F" topRight="FF9F9F9F" bottomLeft="FF9F9F9F" bottomRight="FF9F9F9F" />
+				</Section>
+				<Section section="hover_image" />
+				<Section section="label">
+					<ColourProperty name="HoverTextColour" />
+				</Section>
+			</Layer>
+		</StateImagery>
+		<StateImagery name="Pushed">
+			<Layer>
+				<Section look="Transparent/Shared" section="Frame" controlProperty="UseStandardImagery" >
+					<Colours topLeft="FF6F6F6F" topRight="FF6F6F6F" bottomLeft="FF6F6F6F" bottomRight="FF6F6F6F" />
+				</Section>
+				<Section section="pushed_image" />
+				<Section section="label">
+					<ColourProperty name="PushedTextColour" />
+				</Section>
+			</Layer>
+		</StateImagery>
+		<StateImagery name="Disabled">
+			<Layer>
+				<Section look="Transparent/Shared" section="Frame" controlProperty="UseStandardImagery" >
+					<Colours topLeft="FF3F3F3F" topRight="FF3F3F3F" bottomLeft="FF3F3F3F" bottomRight="FF3F3F3F" />
+				</Section>
+				<Section section="normal_image">
+					<Colours topLeft="FF3F3F3F" topRight="FF3F3F3F" bottomLeft="FF3F3F3F" bottomRight="FF3F3F3F" />
+				</Section>
+				<Section section="label">
+					<ColourProperty name="DisabledTextColour" />
+				</Section>
+			</Layer>
+		</StateImagery>
+	</WidgetLook>
+
+	<WidgetLook name="Transparent/FrameWindow">
+		<PropertyLinkDefinition name="CaptionColour" widget="__auto_titlebar__" targetProperty="CaptionColour" initialValue="80FFFFFF" />
+		<PropertyLinkDefinition name="TitlebarFont" widget="__auto_titlebar__" targetProperty="Font" />
+
+		<NamedArea name="ClientWithTitleWithFrame">
+			<Area>
+				<Dim type="LeftEdge"><AbsoluteDim value="7" /></Dim>
+				<Dim type="TopEdge"><WidgetDim widget="__auto_titlebar__" dimension="BottomEdge" /></Dim>
+				<Dim type="RightEdge"><UnifiedDim scale="1" offset="-7" type="RightEdge" /></Dim>
+				<Dim type="BottomEdge"><UnifiedDim scale="1" offset="-7" type="BottomEdge" /></Dim>
+			</Area>
+		</NamedArea>
+		<NamedArea name="ClientWithTitleNoFrame">
+			<Area>
+				<Dim type="LeftEdge"><AbsoluteDim value="0" /></Dim>
+				<Dim type="TopEdge"><WidgetDim widget="__auto_titlebar__" dimension="BottomEdge" /></Dim>
+				<Dim type="RightEdge"><UnifiedDim scale="1" type="RightEdge" /></Dim>
+				<Dim type="BottomEdge"><UnifiedDim scale="1" type="BottomEdge" /></Dim>
+			</Area>
+		</NamedArea>
+		<NamedArea name="ClientNoTitleWithFrame">
+			<Area>
+				<Dim type="LeftEdge"><AbsoluteDim value="7" /></Dim>
+				<Dim type="TopEdge"><AbsoluteDim value="7" /></Dim>
+				<Dim type="RightEdge"><UnifiedDim scale="1" offset="-7" type="RightEdge" /></Dim>
+				<Dim type="BottomEdge"><UnifiedDim scale="1" offset="-7" type="BottomEdge" /></Dim>
+			</Area>
+		</NamedArea>
+		<NamedArea name="ClientNoTitleNoFrame">
+			<Area>
+				<Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+				<Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+				<Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
+				<Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
+			</Area>
+		</NamedArea>
+
+		<Child type="Transparent/Titlebar" nameSuffix="__auto_titlebar__">
+			<Area>
+				<Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+				<Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+				<Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
+				<Dim type="Height" ><FontDim type="LineSpacing" padding="14" /></Dim>
+			</Area>
+			<Property name="AlwaysOnTop" value="False" />
+		</Child>
+		<Child type="Transparent/Button" nameSuffix="__auto_closebutton__">
+			<Area>
+				<Dim type="LeftEdge" ><AbsoluteDim value="-7" /></Dim>
+				<Dim type="TopEdge" ><AbsoluteDim value="7" /></Dim>
+				<Dim type="Width" ><AbsoluteDim value="7" /></Dim>
+				<Dim type="Height" ><AbsoluteDim value="7" /></Dim>
+			</Area>
+			<HorzAlignment type="RightAligned" />
+			<Property name="NonClient" value="True" />
+			<Property name="AlwaysOnTop" value="True" />
+		</Child>
+
+		<ImagerySection name="foo">
+			<!--<FrameComponent>
+				<Area>
+					<Dim type="LeftEdge"><AbsoluteDim value="0" /></Dim>
+					<Dim type="TopEdge"><AbsoluteDim value="0" /></Dim>
+					<Dim type="RightEdge"><UnifiedDim scale="1" type="RightEdge" /></Dim>
+					<Dim type="BottomEdge"><UnifiedDim scale="1" type="BottomEdge" /></Dim>
+				</Area>
+				<Image type="TopLeftCorner" imageset="Transparent-Images" image="FrameTopLeft" />
+				<Image type="TopRightCorner" imageset="Transparent-Images" image="FrameTopRight" />
+				<Image type="BottomLeftCorner" imageset="Transparent-Images" image="FrameBottomLeft" />
+				<Image type="BottomRightCorner" imageset="Transparent-Images" image="FrameBottomRight" />
+				<Image type="LeftEdge" imageset="Transparent-Images" image="FrameLeft" />
+				<Image type="TopEdge" imageset="Transparent-Images" image="FrameTop" />
+				<Image type="RightEdge" imageset="Transparent-Images" image="FrameRight" />
+				<Image type="BottomEdge" imageset="Transparent-Images" image="FrameBottom" />
+				<Image type="Background" imageset="Transparent-Images" image="GenericBrush" />
+				<Colours topLeft="80333333" topRight="80333333" bottomLeft="80333333" bottomRight="80333333" />
+			</FrameComponent>-->
+		</ImagerySection>
+
+		<StateImagery name="ActiveWithTitleWithFrame">
+			<Layer><Section section="foo" /></Layer>
+		</StateImagery>
+
+		<StateImagery name="InactiveWithTitleWithFrame">
+			<Layer><Section section="foo" /></Layer>
+		</StateImagery>
+
+		<StateImagery name="DisabledWithTitleWithFrame">
+			<Layer><Section section="foo" /></Layer>
+		</StateImagery>
+
+		<StateImagery name="ActiveWithTitleNoFrame">
+			<Layer><Section section="foo" /></Layer>
+		</StateImagery>
+
+		<StateImagery name="InactiveWithTitleNoFrame">
+			<Layer><Section section="foo" /></Layer>
+		</StateImagery>
+
+		<StateImagery name="DisabledWithTitleNoFrame">
+			<Layer><Section section="foo" /></Layer>
+		</StateImagery>
+
+		<StateImagery name="ActiveNoTitleWithFrame">
+			<Layer><Section section="foo" /></Layer>
+		</StateImagery>
+
+		<StateImagery name="InactiveNoTitleWithFrame">
+			<Layer><Section section="foo" /></Layer>
+		</StateImagery>
+
+		<StateImagery name="DisabledNoTitleWithFrame">
+			<Layer><Section section="foo" /></Layer>
+		</StateImagery>
+
+		<StateImagery name="ActiveNoTitleNoFrame">
+			<Layer><Section section="foo" /></Layer>
+		</StateImagery>
+
+		<StateImagery name="InactiveNoTitleNoFrame">
+			<Layer><Section section="foo" /></Layer>
+		</StateImagery>
+
+		<StateImagery name="DisabledNoTitleNoFrame">
+			<Layer><Section section="foo" /></Layer>
+		</StateImagery>
+
+	</WidgetLook>
+
+    <WidgetLook name="Transparent/VerticalScrollbarThumb">
+        <Property name="VertFree" value="True" />
+        <Property name="MouseInputPropagationEnabled" value="True" />
+        <ImagerySection name="thumb">
+            <ImageryComponent>
+                <Area>
+                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="Width" ><UnifiedDim scale="1.0" type="Width" /></Dim>
+                    <Dim type="Height" ><UnifiedDim scale="1.0" type="Height" /></Dim>
+                </Area>
+                <Image imageset="Transparent-Images" image="ScrollbarThumb" />
+                <Colours topLeft="80494949" topRight="80494949" bottomLeft="80494949" bottomRight="80494949" />
+                <VertFormat type="Stretched" />
+                <HorzFormat type="Stretched" />
+            </ImageryComponent>
+        </ImagerySection>
+        <StateImagery name="Normal">
+            <Layer>
+                <Section section="thumb" />
+            </Layer>
+        </StateImagery>
+        <StateImagery name="Hover">
+            <Layer>
+                <Section section="thumb" />
+            </Layer>
+        </StateImagery>
+        <StateImagery name="Pushed">
+            <Layer>
+                <Section section="thumb" />
+            </Layer>
+        </StateImagery>
+    </WidgetLook>
+
+    <WidgetLook name="Transparent/HorizontalScrollbarThumb">
+        <Property name="HorzFree" value="True" />
+        <Property name="MouseInputPropagationEnabled" value="True" />
+        <ImagerySection name="thumb">
+            <ImageryComponent>
+                <Area>
+                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="Width" ><UnifiedDim scale="1.0" type="Width" /></Dim>
+                    <Dim type="Height" ><UnifiedDim scale="1.0" type="Height" /></Dim>
+                </Area>
+                <Image imageset="Transparent-Images" image="ScrollbarThumb" />
+                <Colours topLeft="80494949" topRight="80494949" bottomLeft="80494949" bottomRight="80494949" />
+                <VertFormat type="Stretched" />
+                <HorzFormat type="Stretched" />
+            </ImageryComponent>
+        </ImagerySection>
+        <StateImagery name="Normal">
+            <Layer>
+                <Section section="thumb" />
+            </Layer>
+        </StateImagery>
+        <StateImagery name="Hover">
+            <Layer>
+                <Section section="thumb" />
+            </Layer>
+        </StateImagery>
+        <StateImagery name="Pushed">
+            <Layer>
+                <Section section="thumb" />
+            </Layer>
+        </StateImagery>
+    </WidgetLook>
+
+    <WidgetLook name="Transparent/HorizontalScrollbar">
+        <NamedArea name="ThumbTrackArea">
+            <Area>
+                <Dim type="LeftEdge"><WidgetDim widget="__auto_decbtn__" dimension="RightEdge" /></Dim>
+                <Dim type="TopEdge"><AbsoluteDim value="0" /></Dim>
+                <Dim type="RightEdge">
+                    <UnifiedDim scale="1" type="RightEdge">
+                        <DimOperator op="Subtract">
+                            <WidgetDim widget="__auto_incbtn__" dimension="Width" />
+                        </DimOperator>
+                    </UnifiedDim>
+                </Dim>
+                <Dim type="BottomEdge"><UnifiedDim scale="1" type="BottomEdge" /></Dim>
+            </Area>
+        </NamedArea>
+        <Child  type="Transparent/Button" nameSuffix="__auto_incbtn__">
+            <Area>
+                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="Width" ><UnifiedDim scale="1" type="Height" /></Dim>
+                <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
+            </Area>
+            <VertAlignment type="CentreAligned" />
+            <HorzAlignment type="RightAligned" />
+            <Property name="UseStandardImagery" value="False" />
+            <Property name="NormalImage" value="set:Transparent-Images image:ScrollRightArrow" />
+            <Property name="HoverImage" value="set:Transparent-Images image:ScrollRightArrow" />
+            <Property name="PushedImage" value="set:Transparent-Images image:ScrollRightArrow" />
+        </Child>
+        <Child  type="Transparent/Button" nameSuffix="__auto_decbtn__">
+            <Area>
+                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="Width" ><UnifiedDim scale="1" type="Height" /></Dim>
+                <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
+            </Area>
+            <VertAlignment type="CentreAligned" />
+            <Property name="UseStandardImagery" value="False" />
+            <Property name="NormalImage" value="set:Transparent-Images image:ScrollLeftArrow" />
+            <Property name="HoverImage" value="set:Transparent-Images image:ScrollLeftArrow" />
+            <Property name="PushedImage" value="set:Transparent-Images image:ScrollLeftArrow" />
+        </Child>
+        <Child  type="Transparent/HorizontalScrollbarThumb" nameSuffix="__auto_thumb__">
+            <Area>
+                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="Width" ><UnifiedDim scale="1" type="Height" /></Dim>
+                <Dim type="Height" ><UnifiedDim scale="1" type="Height" /></Dim>
+            </Area>
+        </Child>
+        <ImagerySection name="main">
+            <ImageryComponent>
+                <Area>
+                    <Dim type="LeftEdge"><WidgetDim widget="__auto_decbtn__" dimension="RightEdge" /></Dim>
+                    <Dim type="TopEdge"><AbsoluteDim value="0" /></Dim>
+                    <Dim type="RightEdge">
+                        <UnifiedDim scale="1" type="RightEdge">
+                            <DimOperator op="Subtract">
+                                <WidgetDim widget="__auto_incbtn__" dimension="Width" />
+                            </DimOperator>
+                        </UnifiedDim>
+                    </Dim>
+                    <Dim type="BottomEdge"><UnifiedDim scale="1" type="BottomEdge" /></Dim>
+                </Area>
+                <Image imageset="Transparent-Images" image="HorzScrollContainer" />
+                <VertFormat type="Stretched" />
+                <HorzFormat type="Stretched" />
+            </ImageryComponent>
+        </ImagerySection>
+        <StateImagery name="Enabled">
+            <Layer>
+                <Section section="main" />
+            </Layer>
+        </StateImagery>
+        <StateImagery name="Disabled">
+            <Layer>
+                <Section section="main" />
+            </Layer>
+        </StateImagery>
+    </WidgetLook>
+
+    <WidgetLook name="Transparent/VerticalScrollbar">
+        <Property name="VerticalScrollbar" value="True" />
+        <NamedArea name="ThumbTrackArea">
+            <Area>
+                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="TopEdge" ><WidgetDim widget="__auto_decbtn__" dimension="BottomEdge" /></Dim>
+                <Dim type="RightEdge" ><UnifiedDim scale="1.0" type="RightEdge" /></Dim>
+                <Dim type="BottomEdge" >
+                    <UnifiedDim scale="1.0" type="BottomEdge">
+                        <DimOperator op="Subtract">
+                            <WidgetDim widget="__auto_incbtn__" dimension="Height" />
+                        </DimOperator>
+                    </UnifiedDim>
+                </Dim>
+            </Area>
+        </NamedArea>
+        <Child  type="Transparent/Button" nameSuffix="__auto_incbtn__">
+            <Area>
+                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
+                <Dim type="Height" ><UnifiedDim scale="1" type="Width" /></Dim>
+            </Area>
+            <VertAlignment type="BottomAligned" />
+            <HorzAlignment type="CentreAligned" />
+            <Property name="UseStandardImagery" value="False" />
+            <Property name="NormalImage" value="set:Transparent-Images image:ScrollDownArrow" />
+            <Property name="HoverImage" value="set:Transparent-Images image:ScrollDownArrow" />
+            <Property name="PushedImage" value="set:Transparent-Images image:ScrollDownArrow" />
+        </Child>
+        <Child  type="Transparent/Button" nameSuffix="__auto_decbtn__">
+            <Area>
+                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
+                <Dim type="Height" ><UnifiedDim scale="1" type="Width" /></Dim>
+            </Area>
+            <HorzAlignment type="CentreAligned" />
+            <Property name="UseStandardImagery" value="False" />
+            <Property name="NormalImage" value="set:Transparent-Images image:ScrollUpArrow" />
+            <Property name="HoverImage" value="set:Transparent-Images image:ScrollUpArrow" />
+            <Property name="PushedImage" value="set:Transparent-Images image:ScrollUpArrow" />
+        </Child>
+        <Child  type="Transparent/VerticalScrollbarThumb" nameSuffix="__auto_thumb__">
+            <Area>
+                <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="TopEdge" ><AbsoluteDim value="0" /></Dim>
+                <Dim type="Width" ><UnifiedDim scale="1" type="Width" /></Dim>
+                <Dim type="Height" ><UnifiedDim scale="1" type="Width" /></Dim>
+            </Area>
+        </Child>
+        <ImagerySection name="main">
+            <ImageryComponent>
+                <Area>
+                    <Dim type="LeftEdge" ><AbsoluteDim value="0" /></Dim>
+                    <Dim type="TopEdge" ><WidgetDim widget="__auto_decbtn__" dimension="BottomEdge" /></Dim>
+                    <Dim type="RightEdge" ><UnifiedDim scale="1.0" type="RightEdge" /></Dim>
+                    <Dim type="BottomEdge" >
+                        <UnifiedDim scale="1.0" type="BottomEdge">
+                            <DimOperator op="Subtract">
+                                <WidgetDim widget="__auto_incbtn__" dimension="Height" />
+                            </DimOperator>
+                        </UnifiedDim>
+                    </Dim>
+                </Area>
+                <Image imageset="Transparent-Images" image="VertScrollContainer" />
+                <VertFormat type="Stretched" />
+                <HorzFormat type="Stretched" />
+            </ImageryComponent>
+        </ImagerySection>
+        <StateImagery name="Enabled">
+            <Layer>
+                <Section section="main" />
+            </Layer>
+        </StateImagery>
+        <StateImagery name="Disabled">
+            <Layer>
+                <Section section="main" />
+            </Layer>
+        </StateImagery>
+    </WidgetLook>
+
+	<WidgetLook name="Transparent/Listbox">
+		<Property name="ForceVertScrollbar" value="True" />
+		<NamedArea name="ItemRenderingArea">
+			<Area>
+				<Dim type="LeftEdge" ><ImageDim imageset="Transparent-Images" image="FrameLeft" dimension="Width" /></Dim>
+				<Dim type="TopEdge" ><ImageDim imageset="Transparent-Images" image="FrameTop" dimension="Height" /></Dim>
+				<Dim type="RightEdge" >
+					<UnifiedDim scale="1" type="RightEdge">
+						<DimOperator op="Subtract">
+							<ImageDim imageset="Transparent-Images" image="FrameRight" dimension="Width" />
+						</DimOperator>
+					</UnifiedDim>
+				</Dim>
+				<Dim type="BottomEdge" >
+					<UnifiedDim scale="1" type="BottomEdge">
+						<DimOperator op="Subtract">
+							<ImageDim imageset="Transparent-Images" image="FrameBottom" dimension="Height" />
+						</DimOperator>
+					</UnifiedDim>
+				</Dim>
+			</Area>
+		</NamedArea>
+		<Child  type="Transparent/HorizontalScrollbar" nameSuffix="__auto_hscrollbar__">
+			<Area>
+				<Dim type="LeftEdge" ><AbsoluteDim value="5" /></Dim>
+				<Dim type="TopEdge" ><AbsoluteDim value="-5" /></Dim>
+				<Dim type="Width" ><UnifiedDim scale="1" offset="-25" type="Width" /></Dim>
+				<Dim type="Height" ><AbsoluteDim value="20" /></Dim>
+			</Area>
+			<VertAlignment type="BottomAligned" />
+		</Child>
+		<Child  type="Transparent/VerticalScrollbar" nameSuffix="__auto_vscrollbar__">
+			<Area>
+				<Dim type="LeftEdge" ><AbsoluteDim value="-5" /></Dim>
+				<Dim type="TopEdge" ><AbsoluteDim value="5" /></Dim>
+				<Dim type="Width" ><AbsoluteDim value="20" /></Dim>
+				<Dim type="Height" ><UnifiedDim scale="1" offset="-10" type="Height" /></Dim>
+			</Area>
+			<HorzAlignment type="RightAligned" />
+		</Child>
+		<StateImagery name="Enabled">
+			<Layer>
+				<Section look="Transparent/Shared" section="Frame">
+					<Colours topLeft="807F7F7F" topRight="807F7F7F" bottomLeft="807F7F7F" bottomRight="807F7F7F" />
+				</Section>
+			</Layer>
+		</StateImagery>
+		<StateImagery name="Disabled">
+			<Layer>
+				<Section look="Transparent/Shared" section="Frame">
+					<Colours topLeft="807F7F7F" topRight="807F7F7F" bottomLeft="807F7F7F" bottomRight="807F7F7F" />
+				</Section>
+			</Layer>
+		</StateImagery>
+	</WidgetLook>
+
+</Falagard>