Building Dynamic UI Layouts in JavaFX - JavaFX 8: A Definitive Guide to Building Desktop, Mobile, and Embedded Java Clients - page 222

<font>
<Font name="System Bold" size="18.0" />
</font>
</Text>
</children>
</TilePane>
</top>
<center>
<StackPane fx:id="centerPane">
<children>
<Region style="-fx-background-color:
radial-gradient(radius 100%, white, gray);" />
</children>
</StackPane>
</center>
<bottom>
<TilePane fx:id="scorePane" BorderPane.alignment="CENTER">
<children>
<StackPane fx:id="leftScore">
<children>
<Region fx:id="whiteRegion" style="-fx-background-color: white;" />
<FlowPane alignment="CENTER" hgap="20.0" vgap="10.0">
<children>
<Text fx:id="scoreBlack" strokeType="OUTSIDE"
strokeWidth="0.0" text="1">
<font>
<Font name="System Bold" size="100.0" />
</font>
</Text>
<VBox alignment="CENTER" spacing="10.0">
<children>
<Ellipse fx:id="blackEllipse" radiusX="32.0"
radiusY="20.0" stroke="BLACK" strokeType="INSIDE" />
<Text fx:id="remainingBlack" strokeType="OUTSIDE"
strokeWidth="0.0" text="Text">
<font>
<Font name="System Bold" size="12.0" />
</font>
</Text>
</children>
</VBox>
</children>
</FlowPane>
</children>
</StackPane>
<StackPane fx:id="rightScore">
<children>
<Region fx:id="blackRegion" style="-fx-background-color: black;" />
<FlowPane alignment="CENTER" hgap="20.0" vgap="10.0">
<children>
<Text fx:id="scoreWhite" fill="WHITE" strokeType="OUTSIDE"
strokeWidth="0.0" text="2">