src/aria/widgets/container/DialogStyle.tpl.css
/*
 * Copyright 2012 Amadeus s.a.s.
 * Licensed 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.
 */

{CSSTemplate {
    $classpath : "aria.widgets.container.DialogStyle",
    $extends : "aria.widgets.WidgetStyle"
}}
    {var skinnableClassName="Dialog"/}

    {macro main()}
        .xDialog_titleBar {
            position:absolute;
            z-index: 1;
        }
        .xDialog_icon {
            float:left;
        }
        .xDialog_title {
            margin: 0px;
            font-size: 1em;
            float:left;
        }
        .xDialog_close {
            float:right;
            cursor:pointer;
        }
        .xDialog_maximize {
            float:right;
            cursor:pointer;
        }

    .xDialog_resizable {
            position: absolute;
        z-index: 100;
    }
    .xDialog_n-resize {
                height: 8px;
                left: 0;
                right: 14px;
                top: -4px;
        }
    .xDialog_ne-resize {
            height: 8px;
            right: 11px;
            top: -3px;
            width: 8px;
            z-index: 110;
        }
    .xDialog_nw-resize {
            height: 8px;
            left: -3px;
            top: -4px;
            width: 8px;
            z-index: 110;
        }
    .xDialog_s-resize {
        bottom: 10px;
    height: 8px;
    left: 0;
    right: 14px;
    z-index: 110;
}
    .xDialog_se-resize {
        bottom: 6px;
        height: 8px;
        right: 8px;
        width: 8px;
        z-index: 110;
    }
    .xDialog_sw-resize {
        bottom: 6px;
        height: 8px;
        left: -4px;
        width: 8px;
        z-index: 110;
    }
    .xDialog_e-resize {
        bottom: 10px;
        right: 10px;
        top: 0;
        width: 8px;
    }
    .xDialog_w-resize {
        bottom: 10px;
        left: -4px;
        top: 0;
        width: 8px;
    }

        {call startLooping()/}
    {/macro}

    {macro writeSkinClass(info)}
        {var skinClassName=info.skinClassName/}
        {var skinClass=info.skinClass/}
        /* Dialog classes */
        .xDialog_${skinClassName}_titleBar {
            top:${skinClass.titleBarTop}px;
            left:${skinClass.titleBarLeft}px;
            right:${skinClass.titleBarRight}px;
            height:${skinClass.titleBarHeight}px;
            {if (skinClass.titleBackgroundColor)}
                background-color:${skinClass.titleBackgroundColor};
            {/if}
            {if (skinClass.titlePadding)}
                padding:${skinClass.titlePadding};
            {/if}
            {if (skinClass.titleBorder)}
                border-width:${skinClass.titleBorder};
            {/if}
            {if (skinClass.titleBorderStyle)}
                border-style:${skinClass.titleBorderStyle};
            {/if}
            {if (skinClass.titleBorderColor)}
                border-color:${skinClass.titleBorderColor};
            {/if}
            {if (skinClass.titleBorderRadius)}
                border-radius:${skinClass.titleBorderRadius};
            {/if}
        }
        .xDialog_${skinClassName}_title {
            padding: 6px;
            color:${skinClass.titleColor};
            font-weight:bold;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }
        .xDialog_${skinClassName}_icon {
            padding-left: 6px;
            padding-top: 6px;
        }
        .xDialog_${skinClassName}_close {
            padding-right: 9px;
            padding-top: 6px;
        }
        .xDialog_${skinClassName}_maximize {
            padding-right: 2px;
            padding-top: 6px;
        }
    {/macro}

{/CSSTemplate}
