src/aria/widgets/container/TabStyle.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.TabStyle",
    $extends : "aria.widgets.WidgetStyle"
}}
    {var skinnableClassName="Tab"/}
    {var useFrame=true/}

    {macro main()}
        a.xTabLink {
            text-decoration: inherit;
            color: inherit;
            cursor: inherit;
        }
        {call $WidgetStyle.main()/}
    {/macro}

    {macro writeStateOfTableFrame(info)}
        {call $WidgetStyle.writeStateOfTableFrame(info) /}
        {var prefix = cssPrefix(info)/}
        {var stateName = info.stateName /}
        .${prefix}tlc,
        .${prefix}ts,
        .${prefix}trc,
        .${prefix}ls,
        .${prefix}m,
        .${prefix}rs,
        .${prefix}blc,
        .${prefix}bs,
        .${prefix}brc {
            {call writeCursor(stateName) /}
        }
        {if /Focused/.test(stateName) }
            .${prefix}c {
                outline: 1px dotted;
            }
        {/if}
    {/macro}

    {macro writeStateOfSimpleFrame(info)}
        {call $WidgetStyle.writeStateOfSimpleFrame(info) /}
        .${cssPrefix(info)}frame {
            {call writeCursor(info.stateName) /}
        }
    {/macro}

    {macro writeStateOfFixedHeightFrame(info)}
        {call $WidgetStyle.writeStateOfFixedHeightFrame(info) /}
        .${cssPrefix(info)}w {
            {call writeCursor(info.stateName) /}
        }
    {/macro}

    {macro writeCursor(stateName)}
            {if stateName == "disabled"}
                cursor: default;
            {else/}
                cursor: pointer;
            {/if}
    {/macro}

{/CSSTemplate}
