All Downloads are FREE. Search and download functionalities are using the official Maven repository.

com.alee.skin.web.resources.styleeditor.xml Maven / Gradle / Ivy

<skin xmlns="http://weblookandfeel.com/XmlSkin">

    <!-- com.alee.extended.style.StyleEditor -->

    <!-- StyleEditor frame -->
    <style type="rootpane" id="styleeditor" extends="frame">

        <!-- Content split -->
        <style type="splitpane" id="split">

            <!-- Preview panel -->
            <style type="panel" id="preview">

                <!-- Preview components toolbar -->
                <style type="toolbar" id="toolbar" extends="attached-north" padding="4,4,4,4">
                    <component>
                        <floatable>false</floatable>
                    </component>
                    <painter>
                        <decorations>
                            <decoration>
                                <WebShadow type="outer" width="0" />
                            </decoration>
                        </decorations>
                    </painter>

                    <!-- Preview tool buttons -->
                    <style type="button" id="tool" extends="icon">
                        <painter>
                            <decorations>
                                <decoration>
                                    <WebShape round="0" />
                                </decoration>
                            </decorations>
                        </painter>
                    </style>
                    <style type="togglebutton" id="tool" extends="icon">
                        <painter>
                            <decorations>
                                <decoration>
                                    <WebShape round="0" />
                                </decoration>
                            </decorations>
                        </painter>
                    </style>
                    <style type="splitbutton" id="tool" extends="icon">
                        <painter>
                            <contentGap>5</contentGap>
                            <decorations>
                                <decoration>
                                    <WebShape round="0" />
                                </decoration>
                            </decorations>
                        </painter>
                    </style>

                </style>

                <!-- Previews scroll -->
                <style type="scrollpane" id="scroll" extends="undecorated">

                    <!-- Custom panel styling with inner shadow used for components preview -->
                    <style type="panel" id="pane" padding="15">
                        <painter>
                            <decorations>
                                <decoration>
                                    <WebShape round="0" />
                                    <WebShadow type="inner" width="15" />
                                    <ColorBackground color="247,247,247" />
                                </decoration>
                            </decorations>
                        </painter>

                        <!-- Single preview panel -->
                        <style type="panel" id="single" extends="transparent">

                            <!-- Preview component title label -->
                            <style type="label" id="title" extends="shadow" padding="0,7,3,7" />

                            <!-- Custom panel styling with inner shadow used for components preview -->
                            <style type="panel" id="shadow" padding="10">
                                <component>
                                    <opaque>false</opaque>
                                </component>
                                <painter>
                                    <decorations>
                                        <decoration>
                                            <WebShape round="2" />
                                            <WebShadow type="inner" width="10" />
                                            <ColorBackground color="237,237,237" />
                                        </decoration>
                                    </decorations>
                                </painter>
                            </style>

                            <!-- Custom panel styling with dashed/empty border used for components bounds preview -->
                            <style type="panel" id="dashed" extends="transparent">
                                <painter>
                                    <decorations>
                                        <decoration>
                                            <WebShape round="0" />
                                            <LineBorder color="darkGray" stroke="basic;1;round;round;0;4,5" />
                                        </decoration>
                                    </decorations>
                                </painter>
                            </style>
                            <style type="panel" id="empty" extends="transparent">
                                <painter>
                                    <decorations>
                                        <!--<decoration visible="false" />-->
                                        <decoration>
                                            <WebShape round="0" />
                                            <LineBorder color="237,237,237" stroke="basic;1" />
                                        </decoration>
                                    </decorations>
                                </painter>
                            </style>

                        </style>

                    </style>

                </style>

            </style>

            <!-- Editors panel -->
            <style type="panel" id="editors">

                <!-- Skin XML editors tabs -->
                <style type="tabbedpane" id="tabs">
                    <ui>
                        <tabbedPaneStyle>attached</tabbedPaneStyle>
                    </ui>
                </style>

            </style>

        </style>

        <!-- Status bar -->
        <style type="statusbar" id="status">

            <!-- Label -->
            <style type="label" id="label" padding="4" />

            <!-- Delay field -->
            <style type="textfield" id="delay">
                <component>
                    <horizontalAlignment>0</horizontalAlignment>
                </component>
            </style>

            <!-- Status bar buttons -->
            <style type="togglebutton" id="toggle" extends="icon-hover">
                <painter>
                    <decorations>
                        <decoration>
                            <WebShape round="0" />
                        </decoration>
                    </decorations>
                </painter>
            </style>

        </style>

    </style>

</skin>




© 2015 - 2024 Weber Informatics LLC | Privacy Policy