/* * CassaBlanca skin (and it's approach) * was designed and implemented by ADONIS RADUCA, * under the effort to give a new, more modern, look to the Trinidad library. * Other notable effort comes from: * CATALIN KORMOS * COSMIN MARTINCONI * They have an important and decisive role along the entire project. */ /* * Licensed to the Apache Software Foundation (ASF) under one * or more contributor license agreements. See the NOTICE file * distributed with this work for additional information * regarding copyright ownership. The ASF licenses this file * to you 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. */ /* ------------------------------------------------------------------------------------------------------------------ */ /* ABOUT CASABLANCA SKINING APPROACH /* /* GENERAL DESCRIPTION: /* The scope of CASABLANCA SKINING PLATFORM is to add a new modern visual /* touch and to introduce a new and more pleasurable way of skinning Trinidad /* components. We have a completely new styling selectors stack for hiding /* the already existing naming inconsistency. In that order this new stack has /* coherent naming rules for the selectors and a clear and simple hierarchy. /* /* CASABLANCA STYLING STACK: /* Casablanca layers stack: /* GENERIC LAYER /* GENERAL LOOK LAYER /* BASIC CONTROLS LAYER /* COMPLEX CONTROLS LAYER /* COMPONENTS STYLING LAYER /* CASABLANCA SELECTORS LAYER /* CASABLANCA INJECTION LAYER /* /* The CASABLANCA SELECTORS STACK has two main layers: /* - The first one is the GENERIC LAYER – on that layer we have generic styles /* that we use everywhere. This is the level where we made changes /* (in most of part) when we want to made another color scheme for the skin /* or to build another skin based on it. /* - The second layer is the COMPONENTS STYLING LAYER – this layer define styles /* for each component individually based on generic styles. We will make changes /* at this layer if we intent to fine-tune the components aspect. /* /* The first layer provide a higher lever of abstraction, this is a convenient way /* if we plan to make massive changes to the components aspect. This layer has its /* own 3 sub-layers: /* - GENERAL LOOK LAYER, define the visual aspect at the most generic level. /* We have here some very basic graphical properties that serve as composition /* elements later for defining controls. Each generic style address a specific /* graphical aspect like: rounded-corners look, borders look, text and headings /* look, button look and so on. In that order we have selectors like: /* .CBBorderSolidLook:alias, .CBDefaultFontLook:alias, .CBHeaderLevel1Look:alias, /* .CBLinkLook:alias, .CBButtonLook:alias ans so on. All styles are prefixed /* by “.CB” which means is a Casablanca style and all are postfixed by “:alias” /* that means is a generic style. /* - BASIC CONTROLS LAYER, define the full graphic aspect of the basic controls /* using general look layer styles. We have here controls like: link, button, /* checkbox, radio-button, listbox and so on. /* - COMPLEX CONTROLS LAYER, define the full graphic aspects of the complex /* controls based on styles defined at the simple controls layer level. In that /* order we have controls like: accordion, table, tree, shuttle, button bar /* and so on. /* /* NOTE: In general is better at a specific layer to use style defined in the /* layer immediately below it. There are also situations when we need to use /* directly a more generic style when we don’t have alternative, but in general /* is better to use the layer immediately below. /* /* The second layer introduces another level of abstraction, for decoupling reasons. /* In that order we have 2 sub-layers at this level: /* - First layer is the CASABLANCA SELECTORS LAYER, this layer define specific /* formatting for each Trinidad component based on first level styles from basic /* and complex controls layers. In almost all cases we have there styles that use /* directly selectors from the controls layers, only in some specific cases we /* add a custom look by overwriting or adding some extra stuff. So this layer made /* the connection between the Casablanca generic controls and true Trinidad components /* and here is the place for adding a custom look for a specific component. /* - Second layer is the CASABLANCA INJECTION LAYER where we actually made the /* “conversion” between Casablanca and standard Trinidad skinning selectors. /* In almost all cases we don’t need to make any change at this level. The scope /* of this layer is only to “translate” between two type of skinning selectors in /* order to hide the naming inconsistency in Trinidad skinning selectors and where /* is possible the lack of uniformity in the output markup. /* /* CASABLANCA STYLES NAMING CONVENTION: /* In the Casablanca terminology, any entity (generic graphical property, Casablanca /* control or Trinidad component) where a style is applied is named a styled-entity. /* So each style selector is addressed to a specific styled-entity. /* Each style selector name must be conforming to the Casablanca styles naming rule: /* /* .CBName1Name2…NameXType1Type2…TypeXPurposeState1State2…StateX:alias /* /* .CB – from Casablanca prefixes any style selector, so it’s a required field. /* Name1 – the name of the styled-entity, required field. /* Name2 – the second name is the name of styled-sub-entity, not required. We can have /* as many sub-entity levels as we want. /* Type1 – the type of the styled-entity, not required. /* Type2 – the second type of the styled entity, not required. We can have as many types /* as we want. /* Purpose – the purpose of the styled-entity, not required. /* State1 – the state of the styled-entity, not required. /* State2 – the second state of the styled-entity, not required. We can also have as many /* states as we want. /* /* EXAMPLES : /* .CBLinkLookHover:alias /* Link – styled-entity name /* Look – styled-entity purpose /* Hover – styled-entity State /* So we have a link-look generic selector in the hover state. /* /* .CBPanelHeadSelectedHover:alias /* Panel – styled-entity name. /* Head – styled-sub-entity name. /* Selected – styled-entity state. /* Hover – another styled-entity state. /* We have the head of the panel complex control selector in the selected-hover state. /* /* .CBBorderStrongSolidLook:alias /* Border – styled-entity name /* Strong – styled-entity type /* Solid – another styled-entity type /* We have a strong-solid-look border generic selector. /* /* /* ENJOY SKINNING ! /* ------------------------------------------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------------------------------------------ */ /* Casablanca General Selectors */ /* ------------------------------------------------------------------------------------------------------------------ */ /* Basic aspect selectors like: /* - corners look /* - border look /* - font look /* - link look /* - button look /* - text-cell look /* - icon look /* ------------------------------------------------------------------------------------------------------------------ */ /* Rounded corners -------------------------------------------------------------------------------------------------- */ /* Define styles used in: /* - buttons /* - nevigation stuff /* - accordions /* - pannels /* ------------------------------------------------------------------------------------------------------------------ */ .CBClearRoundCornersLook:alias { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .CBRoundedAllCornersLook:alias { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .CBRoundedTopCornersLook:alias { -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } .CBRoundedRightCornersLook:alias { -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .CBRoundedBottomCornersLook:alias { -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .CBRoundedLeftCornersLook:alias { -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } /* Borders styles --------------------------------------------------------------------------------------------------- */ /* Define styles used in: /* - especialy in table cells /* ------------------------------------------------------------------------------------------------------------------ */ .CBClearBordersLook:alias { border-width: 0; } /* TODO: Table border selectors order to be solved in Trinidad, /* in order to remove important keywords on the next selectors */ .CBAllBordersLook:alias { border-width: 1px ! important; border-style: solid ! important; } .CBTopBorderLook:alias { border-top-width: 1px ! important; border-top-style: solid ! important; } .CBRightBorderLook:alias { border-right-width: 1px ! important; border-right-style: solid ! important; } .CBBottomBorderLook:alias { border-bottom-width: 1px ! important; border-bottom-style: solid ! important; } .CBLeftBorderLook:alias { border-left-width: 1px ! important; border-left-style: solid ! important; } /* Borders Styles --------------------------------------------------------------------------------------------------- */ /* Define styles used in: /* - buttons /* - nevigation stuff /* - accordions /* - pannels /* ------------------------------------------------------------------------------------------------------------------ */ .CBBorderCommonLook:alias { border-width: 1px; } .CBBorderSolidLook:alias { -tr-rule-ref: selector(".CBBorderCommonLook:alias"); border-style: solid; } .CBBorderDashedLook:alias { -tr-rule-ref: selector(".CBBorderCommonLook:alias"); border-style: dashed; } /* Solid borders -------------------------------------------------------------- */ /* Normal borders -------------------------------------- */ .CBBorderNormalSolidLook:alias { -tr-rule-ref: selector(".CBBorderSolidLook:alias"); border-color: #CBC3BE; } .CBBorderNormalSolidLookHover:alias { -tr-rule-ref: selector(".CBBorderSolidLook:alias"); border-color: #B4A9A0; } .CBBorderNormalSolidLookSelected:alias { -tr-rule-ref: selector(".CBBorderSolidLook:alias"); border-color: #B0CEE0; } .CBBorderNormalSolidLookSelectedHover:alias { -tr-rule-ref: selector(".CBBorderSolidLook:alias"); } /* Accented borders ------------------------------------ */ .CBBorderAccentedSolidLook:alias { -tr-rule-ref: selector(".CBBorderSolidLook:alias"); border-color: #C3BCB6; } .CBBorderAccentedSolidLookHover:alias { -tr-rule-ref: selector(".CBBorderSolidLook:alias"); } .CBBorderAccentedSolidLookSelected:alias { -tr-rule-ref: selector(".CBBorderSolidLook:alias"); border-color: #8DB7D3; } .CBBorderAccentedSolidLookSelectedHover:alias { -tr-rule-ref: selector(".CBBorderSolidLook:alias"); border-color: #699ABB; } .CBBorderAccentedSolidLookVisited:alias { -tr-rule-ref: selector(".CBBorderSolidLook:alias"); border-color: #B5ABA2; } .CBBorderAccentedSolidLookVisitedHover:alias { -tr-rule-ref: selector(".CBBorderSolidLook:alias"); border-color: #9A8D84; } /* Strong borders -------------------------------------- */ .CBBorderStrongSolidLook:alias { -tr-rule-ref: selector(".CBBorderSolidLook:alias"); border: 1px solid #BAB0A9; } .CBBorderStrongSolidLookHover:alias { -tr-rule-ref: selector(".CBBorderSolidLook:alias"); border: 1px solid #A1948A; } .CBBorderStrongSolidLookSelected:alias { -tr-rule-ref: selector(".CBBorderSolidLook:alias"); } .CBBorderStrongSolidLookSelectedHover:alias { -tr-rule-ref: selector(".CBBorderSolidLook:alias"); } /* Spacers ---------------------------------------------------------------------------------------------------------- */ /* Define styles used in: /* - Everywhere we need a space. /* ------------------------------------------------------------------------------------------------------------------ */ .CBFormVerticalSpacingLook:alias { padding: 5px 0 0; } /* Font Styles ------------------------------------------------------------------------------------------------------ */ /* Define styles used in: /* - Everywhere we need to deal with a text. /* ------------------------------------------------------------------------------------------------------------------ */ .CBSimpleLineHeight:alias { line-height: 1em; } .CBParagraphLineHeight:alias { line-height: 1.4em; } .CBDefaultFontLook:alias { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 10pt; font-weight: normal; -tr-rule-ref: selector(".CBSimpleLineHeight:alias"); color: black; } .CBDefaultAuxFontLook:alias { color: #999999; } .CBDefaultStrongFontLook:alias { -tr-rule-ref: selector(".CBDefaultFontLook:alias"); font-weight: bold; } .CBDefaulFontDisabledLook:alias { -tr-rule-ref: selector(".CBDefaultFontLook:alias"); color: #999999 ! important; } .CBDefaultStrongFontDisabledLook:alias { -tr-rule-ref: selector(".CBDefaultFontLook:alias"); font-weight: bold; color: #999999 ! important; } .AFDefaultFont:alias { -tr-rule-ref: selector(".CBDefaultFontLook:alias"); } .AFDefaultBoldFont:alias { -tr-rule-ref: selector(".CBDefaultStrongFontLook:alias"); } /* Header Font Styles ------------------------------------------------------------------------------------------------------ */ /* Define styles used in: /* - Titles and subtitles /* ------------------------------------------------------------------------------------------------------------------ */ .CBHeaderLookCommon:alias { -tr-rule-ref: selector(".CBDefaultFontLook:alias"); font-weight: bold; } .CBHeaderLevel1Look:alias { -tr-rule-ref: selector(".CBHeaderLookCommon:alias"); padding-bottom: 10px; font-size: +3pt; } .CBHeaderLevel2Look:alias { -tr-rule-ref: selector(".CBHeaderLookCommon:alias"); font-size: +1pt; } .CBHeaderLevel3Look:alias { -tr-rule-ref: selector(".CBHeaderLookCommon:alias"); } .CBHeaderLevel4Look:alias { -tr-rule-ref: selector(".CBHeaderLookCommon:alias"); } .CBHeaderLevel5Look:alias { -tr-rule-ref: selector(".CBHeaderLookCommon:alias"); } .CBHeaderLevel6Look:alias { -tr-rule-ref: selector(".CBHeaderLookCommon:alias"); } /* Link like controls ----------------------------------------------------------------------------------------------- */ /* Define styles used in: /* - links /* - link-like buttons /* - breadcrubs /* ------------------------------------------------------------------------------------------------------------------ */ .CBLinkLookCommon:alias { text-decoration: none; cursor: pointer; } .CBLinkLook:alias { -tr-rule-ref: selector(".CBDefaultFontLook:alias"); -tr-rule-ref: selector(".CBLinkLookCommon:alias"); color: #0C87D1; } .CBLinkLookHover:alias { tr-rule-ref: selector(".CBDefaultFontLook:alias"); -tr-rule-ref: selector(".CBLinkLookCommon:alias"); color: #0C87D1; text-decoration: underline; } .CBLinkLookDisabled:alias { -tr-rule-ref: selector(".CBDefaulFontDisabledLook:alias"); -tr-rule-ref: selector(".CBLinkLookCommon:alias"); cursor: default; } .CBLinkLookDisabledHover:alias { -tr-rule-ref: selector(".CBDefaulFontDisabledLook:alias"); cursor: default; } /* Button like control styles --------------------------------------------------------------------------------------- */ /* Define styles used in: /* - Buttons /* - Links that look like buttons /* - Navigation stuff (menu bars, tabs, lists and so on) /* - Pannels heads (simple panels, accordions and so on) /* - Table heads /* ------------------------------------------------------------------------------------------------------------------ */ .CBButtonLookCommon:alias { display: block; -tr-rule-ref: selector(".ie6BlockBahaviour"); -tr-rule-ref: selector(".CBBorder:alias"); padding: 4px 8px; -tr-rule-ref: selector(".CBDefaultFontLook:alias"); text-decoration: none; cursor: pointer; color: black ! important; } /* Normal buttons -------------------------------------- */ .CBButtonLook:alias { -tr-rule-ref: selector(".CBButtonLookCommon:alias"); -tr-rule-ref: selector(".CBBorderNormalSolidLook:alias"); background: white url(/adf/images/casablanca/backgrounds/buttonLikeHead.png) repeat-x top left; } .CBButtonLookHover:alias { -tr-rule-ref: selector(".CBButtonLookCommon:alias"); -tr-rule-ref: selector(".CBBorderNormalSolidLookHover:alias"); background: white url(/adf/images/casablanca/backgrounds/buttonLikeHeadHover.png) repeat-x bottom left; } .CBButtonLookSelected:alias { -tr-rule-ref: selector(".CBButtonLookCommon:alias"); -tr-rule-ref: selector(".CBBorderAccentedSolidLookSelected:alias"); background: white url(/adf/images/casablanca/backgrounds/buttonLikeHeadSelected.png) repeat-x top left; } .CBButtonLookSelectedHover:alias { -tr-rule-ref: selector(".CBButtonLookCommon:alias"); -tr-rule-ref: selector(".CBBorderAccentedSolidLookSelectedHover:alias"); background: white url(/adf/images/casablanca/backgrounds/buttonLikeHeadSelectedHover.png) repeat-x top left; } .CBButtonLookVisited:alias { -tr-rule-ref: selector(".CBButtonLookCommon:alias"); -tr-rule-ref: selector(".CBBorderAccentedSolidLookVisited:alias"); background: white url(/adf/images/casablanca/backgrounds/buttonLikeHeadVisited.png) repeat-x top left; } .CBButtonLookVisitedHover:alias { -tr-rule-ref: selector(".CBButtonLookCommon:alias"); -tr-rule-ref: selector(".CBBorderAccentedSolidLookVisitedHover:alias"); background: white url(/adf/images/casablanca/backgrounds/buttonLikeHeadVisitedHover.png) repeat-x top left; } .CBButtonLookDisabled:alias { -tr-rule-ref: selector(".CBButtonLookCommon:alias"); -tr-rule-ref: selector(".CBBorderNormalSolidLook:alias"); -tr-rule-ref: selector(".CBDefaulFontDisabledLook:alias"); background: white url(/adf/images/casablanca/backgrounds/buttonLikeHead.png) repeat-x top left; cursor: default; } .CBButtonLookDisabledHover:alias { -tr-rule-ref: selector(".CBButtonLookDisabled:alias"); } /* Strong buttons -------------------------------------- */ .CBButtonStrongLook:alias { -tr-rule-ref: selector(".CBButtonLookCommon:alias"); -tr-rule-ref: selector(".CBBorderStrongSolidLook:alias"); background: white url(/adf/images/casablanca/backgrounds/button.png) repeat-x top left; } .CBButtonStrongLookHover:alias { -tr-rule-ref: selector(".CBButtonLookCommon:alias"); -tr-rule-ref: selector(".CBBorderStrongSolidLookHover:alias"); background: white url(/adf/images/casablanca/backgrounds/buttonHover.png) repeat-x bottom left; } .CBButtonStrongLookDisabled:alias { -tr-rule-ref: selector(".CBButtonLookCommon:alias"); -tr-rule-ref: selector(".CBBorderStrongSolidLook:alias"); -tr-rule-ref: selector(".CBDefaulFontDisabledLook:alias"); background: white url(/adf/images/casablanca/backgrounds/button.png) repeat-x top left; cursor: default; } .CBButtonStrongLookDisabledHover:alias { -tr-rule-ref: selector(".CBButtonStrongLookDisabled:alias"); } /* Text Cell like controls ----------------------------------------------------------------------------------------- */ /* Define styles used in: /* - Forms controls like: text fields, text areas, drop downs and so on /* - Table cells. /* - Other kind if components that looks like a text cell, for ex: progress indicator /* ------------------------------------------------------------------------------------------------------------------ */ .CBTextCellLookCommon:alias { -tr-rule-ref: selector(".CBDefaultFontLook:alias"); text-decoration: none; border: 1px solid #BBB1AA; /*-tr-rule-ref: selector(".CBBorderNormalSolidLook:alias");*/ } /* Flat text cells ------------------------------------- */ /* Recomended for table cells -------------------------- */ .CBTextCellLook:alias { -tr-rule-ref: selector(".CBTextCellLookCommon:alias"); background: white; } .CBTextCellLookHover:alias { -tr-rule-ref: selector(".CBTextCellLookCommon:alias"); /*background: white url(/skins/casablanca/images/backgrounds/textCellLikeHover.png) repeat-x bottom left;*/ background: #F6F4F0; } .CBTextCellLookSelected:alias { -tr-rule-ref: selector(".CBTextCellLookCommon:alias"); background: #D9E6F0; } .CBTextCellLookDisabled:alias { -tr-rule-ref: selector(".CBTextCellLookCommon:alias"); -tr-rule-ref: selector(".CBDefaulFontDisabledLook:alias"); } .CBTextCellLookEmphased:alias { -tr-rule-ref: selector(".CBTextCellLookCommon:alias"); background: #F6F4F0; } /* Embossed text cells --------------------------------- */ /* Recomended for text edit controls ------------------- */ .CBTextCellEmbosedLook:alias { -tr-rule-ref: selector(".CBTextCellLookCommon:alias"); background: white url(/adf/images/casablanca/backgrounds/textCellLikeControlEmbosed.png) repeat-x top left; } .CBTextCellEmbosedLookSelected:alias { -tr-rule-ref: selector(".CBTextCellLookCommon:alias"); background: #D9E6F0 url(/adf/images/casablanca/backgrounds/textCellLikeControlEmbosedSelected.png) repeat-x top left; } .CBTextCellEmbosedLookDisabled:alias { -tr-rule-ref: selector(".CBTextCellLookCommon:alias"); -tr-rule-ref: selector(".CBDefaulFontDisabledLook:alias"); } /* Raised text cells ----------------------------------- */ /* Recomended for visual clue, ex: progressIndicator --- */ .CBTextCellRaisedLook:alias { -tr-rule-ref: selector(".CBTextCellLookCommon:alias"); background: white url(/adf/images/casablanca/backgrounds/textCellLikeRised.png) repeat-x bottom left; } .CBTextCellRaisedLookDisabled:alias { -tr-rule-ref: selector(".CBTextCellLookCommon:alias"); -tr-rule-ref: selector(".CBDefaulFontDisabledLook:alias"); } /* Pressed text cells ---------------------------------- */ /* Recomended for visual clue -------------------------- */ .CBTextCellPressedLook:alias { -tr-rule-ref: selector(".CBTextCellLookCommon:alias"); background: white url(/adf/images/casablanca/backgrounds/textCellLikePressed.png) repeat-x top left; } .CBTextCellPressedLookDisabled:alias { -tr-rule-ref: selector(".CBTextCellLookCommon:alias"); -tr-rule-ref: selector(".CBDefaulFontDisabledLook:alias"); } /* Icons ------------------------------------------------------------------------------------------------------------ */ /* Define styles used in: /* - Everywhere we need an icon /* ------------------------------------------------------------------------------------------------------------------ */ /* Comon icons style */ .CBIconLookCommon:alias { display: block; float: left; width: 20px; height: 20px; font-size: 0; line-height: 0; color: transparent; overflow: hidden; } /* Icons sets for different controls states ------------ */ .CBIconLook:alias { -tr-rule-ref: selector(".CBIconLookCommon:alias"); background: transparent url(/adf/images/casablanca/icons/iconsNormal.png) no-repeat top left; } @agent ie and (version: 5), ie and (version: 6) { .CBIconLook:alias { background: transparent url(/adf/images/casablanca/icons/iconsNormal_8bit.png) no-repeat top left; } } .CBIconLookHover:alias { -tr-rule-ref: selector(".CBIconLookCommon:alias"); background: transparent url(/adf/images/casablanca/icons/iconsNormalHover.png) no-repeat top left; } @agent ie and (version: 5), ie and (version: 6) { .CBIconLookHover:alias { background: transparent url(/adf/images/casablanca/icons/iconsNormalHover_8bit.png) no-repeat top left; } } .CBIconLookSelected:alias { -tr-rule-ref: selector(".CBIconLookCommon:alias"); background: transparent url(/adf/images/casablanca/icons/iconsSelected.png) no-repeat top left; } @agent ie and (version: 5), ie and (version: 6) { .CBIconLookSelected:alias { background: transparent url(/adf/images/casablanca/icons/iconsSelected_8bit.png) no-repeat top left; } } .CBIconLookSelectedHover:alias { -tr-rule-ref: selector(".CBIconLookCommon:alias"); background: transparent url(/adf/images/casablanca/icons/iconsSelected.png) no-repeat top left; } @agent ie and (version: 5), ie and (version: 6) { .CBIconLookSelectedHover:alias { background: transparent url(/adf/images/casablanca/icons/iconsSelected_8bit.png) no-repeat top left; } } .CBIconLookDisabled:alias { -tr-rule-ref: selector(".CBIconLookCommon:alias"); background: transparent url(/adf/images/casablanca/icons/iconsDisabled.png) no-repeat top left; } @agent ie and (version: 5), ie and (version: 6) { .CBIconLookDisabled:alias { background: transparent url(/adf/images/casablanca/icons/iconsDisabled_8bit.png) no-repeat top left; } } .CBIconLookDisabledHover:alias { -tr-rule-ref: selector(".CBIconLookCommon:alias"); background: transparent url(/adf/images/casablanca/icons/iconsDisabled.png) no-repeat top left; } @agent ie and (version: 5), ie and (version: 6) { .CBIconLookDisabledHover:alias { background: transparent url(/adf/images/casablanca/icons/iconsDisabled_8bit.png) no-repeat top left; } } /* ------------------------------------------------------------------------------------------------------------------ */ /* Simple controls like: button, label, edit, icon, checkbox, listbox, radio and so on */ /* ------------------------------------------------------------------------------------------------------------------ */ /* Icon Control ----------------------------------------------------------------------------------------------------- */ /* Sprites indexes for all icons ----------------------- */ /* Double arrow icons ---------------------------------- */ .CBIconDoubleArrowUp:alias { background-position: 0 0; } .CBIconDoubleArrowRight:alias { background-position: -20px 0; } .CBIconDoubleArrowDown:alias { background-position: -40px 0; } .CBIconDoubleArrowLeft:alias { background-position: -60px 0; } /* Stop arrow icons ------------------------------------ */ .CBIconStopArrowUp:alias { background-position: -80px 0; } .CBIconStopArrowRight:alias { background-position: -100px 0; } .CBIconStopArrowDown:alias { background-position: -120px 0; } .CBIconStopArrowLeft:alias { background-position: -140px 0; } /* Simple arrow icons ---------------------------------- */ .CBIconArrowUp:alias { background-position: -160px 0; } .CBIconArrowRight:alias { background-position: -180px 0; } .CBIconArrowDown:alias { background-position: -200px 0; } .CBIconArrowLeft:alias { background-position: -220px 0; } .CBIconArrowUpNegative:alias { background-position: -160px -20px; } .CBIconArrowRightNegative:alias { background-position: -180px -20px; } .CBIconArrowDownNegative:alias { background-position: -200px -20px; } .CBIconArrowLeftNegative:alias { background-position: -220px -20px; } /* Triagle icons --------------------------------------- */ .CBIconTriangleUp:alias { background-position: -240px 0; } .CBIconTriangleRight:alias { background-position: -260px 0; } .CBIconTriangleDown:alias { background-position: -280px 0; } .CBIconTriangleLeft:alias { background-position: -300px 0; } /* Message icons --------------------------------------- */ .CBIconInfo:alias { background-position: -320px 0; } .CBIconWarning:alias { background-position: -340px 0; } .CBIconError:alias { background-position: -360px 0; } /* Input icons --------------------------------------- */ .CBIconCalendar:alias { background-position: -380px 0; } .CBIconList:alias { background-position: -400px 0; } .CBIconColor:alias { background-position: -420px 0; } /* Table icons --------------------------------------- */ .CBIconSelectAll:alias { background-position: -440px 0; } .CBIconSelectNone:alias { background-position: -460px 0; } .CBIconExpandAll:alias { background-position: -480px 0; } .CBIconCollapseAll:alias { background-position: -500px 0; } /* Expand / Collapse icons --------------------------- */ .CBIconExpand:alias { background-position: -320px -20px; } .CBIconCollapse:alias{ background-position: -340px -20px; } .CBIconExpandNegative:alias { background-position: -360px -20px; } .CBIconCollapseNegative:alias{ background-position: -380px -20px; } /* Button Control --------------------------------------------------------------------------------------------------- */ .CBButtonCommon:alias { -tr-rule-ref: selector(".CBRoundedAllCornersLook:alias"); } @agent ie and (version: 5), ie and (version: 6) { .CBButtonCommon:alias { width: 1%; overflow: visible; } } .CBButton:alias { -tr-rule-ref: selector(".CBButtonStrongLook:alias"); -tr-rule-ref: selector(".CBButtonCommon:alias"); } .CBButtonHover:alias { -tr-rule-ref: selector(".CBButtonStrongLookHover:alias"); -tr-rule-ref: selector(".CBButtonCommon:alias"); } .CBButtonDisabled:alias { -tr-rule-ref: selector(".CBButtonStrongLookDisabled:alias"); -tr-rule-ref: selector(".CBButtonCommon:alias"); } .CBButtonDisabledHover:alias { -tr-rule-ref: selector(".CBButtonStrongLookDisabledHover:alias"); -tr-rule-ref: selector(".CBButtonCommon:alias"); } /* Link Control ----------------------------------------------------------------------------------------------------- */ .CBLink:alias { -tr-rule-ref: selector(".CBLinkLook:alias"); } /* Hover links style */ .CBLinkHover:alias { -tr-rule-ref: selector(".CBLinkLookHover:alias"); } /* Disabled links style */ .CBLinkDisabled:alias { -tr-rule-ref: selector(".CBLinkLookDisabled:alias"); } /* Disabled-hover links style */ .CBLinkDisabledHover:alias { -tr-rule-ref: selector(".CBLinkLookDisabledHover:alias"); } /* Label Control ---------------------------------------------------------------------------------------------------- */ .CBLabel:alias { -tr-rule-ref: selector(".CBDefaultFontLook:alias"); } .CBLabelDisabled:alias { -tr-rule-ref: selector(".CBDefaulFontDisabledLook:alias"); } .CBStrongLabel:alias { -tr-rule-ref: selector(".CBDefaultStrongFontLook:alias"); } .CBStrongLabelDisabled:alias { -tr-rule-ref: selector(".CBDefaultStrongFontDisabledLook:alias"); } /* InputText Control ------------------------------------------------------------------------------------------------ */ .CBInputText:alias { -tr-rule-ref: selector(".CBStrongLabel:alias"); } .CBInputTextLabel:alias { -tr-rule-ref: selector(".CBStrongLabel:alias"); } .CBInputTextInputBox:alias { -tr-rule-ref: selector(".CBTextCellEmbosedLook:alias"); } /* CheckBox Control ------------------------------------------------------------------------------------------------- */ .CBCheckBox:alias { } .CBCheckBoxMainLabel:alias { -tr-rule-ref: selector(".CBStrongLabel:alias"); } .CBChechBoxCheckLabel:alias { -tr-rule-ref: selector(".CBLabel:alias"); } /* RadioButton Control ---------------------------------------------------------------------------------------------- */ .CBRadio:alias { } .CBRadioMainLabel:alias { -tr-rule-ref: selector(".CBStrongLabel:alias"); } .CBRadioRadioLabel:alias { -tr-rule-ref: selector(".CBLabel:alias"); } /* Choice Control --------------------------------------------------------------------------------------------------- */ .CBChoice:alias { } .CBChoiceLabel:alias { -tr-rule-ref: selector(".CBStrongLabel:alias"); } .CBChoiceOptionText:alias { -tr-rule-ref: selector(".CBDefaultFontLook:alias"); } .CBChoiceChoiceBox:alias { -tr-rule-ref: selector(".CBTextCellEmbosedLook:alias"); padding: 1px; } /* Listbox Control -------------------------------------------------------------------------------------------------- */ .CBListBox:alias { } .CBListBoxMainLabel:alias { -tr-rule-ref: selector(".CBStrongLabel:alias"); } .CBListBoxOptionText:alias { -tr-rule-ref: selector(".CBDefaultFontLook:alias"); } .CBListBoxOptionBox:alias { -tr-rule-ref: selector(".CBTextCellEmbosedLook:alias"); padding: 1px; } /* ControlsGroup Control -------------------------------------------------------------------------------------------- */ .CBControlsGroup:alias { color: #CBC3BE; -tr-rule-ref: selector(".CBBorderNormalSolidLook:alias"); } .CBControlsGroupLabel:alias { -tr-rule-ref: selector(".CBDefaultStrongFontLook:alias"); } /* ------------------------------------------------------------------------------------------------------------------ */ /* Complex controls like: shuttle, panel, table, tree and so on */ /* ------------------------------------------------------------------------------------------------------------------ */ /* TopBar Control --------------------------------------------------------------------------------------------------- */ .CBTopBar:alias { -tr-rule-ref: selector(".CBTextCellRaisedLook:alias"); -tr-rule-ref: selector(".CBTextCellLookEmphased:alias"); padding: 3px 5px 5px; } /* Dialog Control --------------------------------------------------------------------------------------------------- */ .CBDialog:alias { -tr-rule-ref: selector(".CBTextCellLook:alias"); } .CBDialogHead:alias { -tr-rule-ref: selector(".CBButtonLookHover:alias"); border-width: 0 0 1px 0; } .CBDialogHeadCloseIconStyle:alias { -tr-rule-ref: selector(".CBIconLook:alias"); -tr-rule-ref: selector(".CBIconError:alias"); } .CBDialogHeadCloseIconHover:alias { -tr-rule-ref: selector(".CBIconLookHover:alias"); -tr-rule-ref: selector(".CBIconError:alias"); } /* Message Control -------------------------------------------------------------------------------------------------- */ /* CasaBlanca styles */ .CBMessageTextCommon:alias { margin: 0 0 8px 0; padding: 2px 0; } .CBMessageText:alias { -tr-rule-ref: selector(".CBDefaultFontLook:alias"); -tr-rule-ref: selector(".CBMessageTextCommon:alias"); font-size: -2pt; } .CBMessageTextInfo:alias { -tr-rule-ref: selector(".CBDefaultFontLook:alias"); -tr-rule-ref: selector(".CBMessageTextCommon:alias"); font-size: -2pt; } .CBMessageTextError:alias { -tr-rule-ref: selector(".CBDefaultFontLook:alias"); -tr-rule-ref: selector(".CBMessageTextCommon:alias"); font-size: -2pt; } /* Messages Control ------------------------------------------------------------------------------------------------- */ /* CasaBlanca styles */ .CBMessagesTitle:alias { -tr-rule-ref: selector(".CBDefaultStrongFontLook:alias"); } .CBMessagesList:alias { padding: 5px 0; margin: 0; list-style-type: none; -tr-rule-ref: selector(".CBDefaultFontLook:alias"); } .CBMessagesListItem:alias { padding: 4px 0; } .CBMessagesBox:alias { -tr-rule-ref: selector(".CBTextCellRaisedLook:alias"); -tr-rule-ref: selector(".CBTextCellLookEmphased:alias"); margin-bottom: 5px; padding: 0 5px; } .CBMessagesTextInfo:alias { -tr-rule-ref: selector(".CBDefaulFontDisabledLook:alias"); -tr-rule-ref: selector(".CBMessageTextCommon:alias"); font-size: -2pt; } /* Shuttle Control -------------------------------------------------------------------------------------------------- */ .CBShuttle:alias { } .CBShuttleButton:alias { -tr-rule-ref: selector(".CBButton:alias"); display: block; margin: 0 0 2px 0; } .CBShuttleButtonHover:alias { -tr-rule-ref: selector(".CBButtonHover:alias"); } .CBShuttleListBox:alias { display: block; width: 167px; } .CBShuttleListBoxContainer:alias { display: block; } .CBShuttleButtonSpacer:alias { display: none; } .CBShuttleDisplayBox:alias { display: block; } .CBShuttleLabel:alias { -tr-rule-ref: selector(".CBStrongLabel:alias"); padding: 0 0 0 3px; } /* Panel Control ---------------------------------------------------------------------------------------------------- */ /* Panels with head ------------------------------------ */ .CBPanelHeadCommon:alias { padding: 8px 14px; } .CBPanelHead:alias { -tr-rule-ref: selector(".CBButtonLook:alias"); -tr-rule-ref: selector(".CBPanelHeadCommon:alias"); } .CBPanelHeadHover:alias { -tr-rule-ref: selector(".CBButtonLookHover:alias"); -tr-rule-ref: selector(".CBPanelHeadCommon:alias"); } .CBPanelHeadSelected:alias { -tr-rule-ref: selector(".CBButtonLookSelected:alias"); -tr-rule-ref: selector(".CBPanelHeadCommon:alias"); } .CBPanelHeadSelectedHover:alias { -tr-rule-ref: selector(".CBButtonLookSelectedHover:alias"); -tr-rule-ref: selector(".CBPanelHeadCommon:alias"); } .CBPanelHeadDisabled:alias { -tr-rule-ref: selector(".CBButtonLookDisabled:alias"); -tr-rule-ref: selector(".CBPanelHeadCommon:alias"); } .CBPanelHeadDisabledHover:alias { -tr-rule-ref: selector(".CBButtonLookDisabledHover:alias"); -tr-rule-ref: selector(".CBPanelHeadCommon:alias"); } .CBPanelHeadRaised:alias { -tr-rule-ref: selector(".CBButtonLookHover:alias"); -tr-rule-ref: selector(".CBPanelHeadCommon:alias"); } .CBPanelHeadRaisedHover:alias { } .CBPanelHeadRaisedSelected:alias { } .CBPanelHeadRaisedSelectedHover:alias { } .CBPanelHeadRaisedDisabled:alias { } .CBPanelHeadRaisedDisabledHover:alias { } .CBPanelBodyCommon:alias { width: 100%; margin-bottom: 1px; -tr-rule-ref: selector(".CBRoundedBottomCornersLook:alias"); border-width: 0 1px 1px; padding: 10px; } .CBPanelBody:alias { -tr-rule-ref: selector(".CBPanelBodyCommon:alias"); -tr-rule-ref: selector(".CBBorderAccentedSolidLook:alias"); border-width: 0 1px 1px 1px; } .CBPanelBodySelected:alias { -tr-rule-ref: selector(".CBPanelBodyCommon:alias"); -tr-rule-ref: selector(".CBBorderNormalSolidLookSelected:alias"); background: #FBFCFD ; } .CBPanelBodyEmbossed:alias { -tr-rule-ref: selector(".CBPanelBody:alias"); background-image: url(/adf/images/casablanca/backgrounds/panelBodyEmbossed.png); background-repeat: repeat-x; background-position: top left; } .CBPanelBodyEmbossedSelected:alias { -tr-rule-ref: selector(".CBPanelBodySelected:alias"); background-image: url(/adf/images/casablanca/backgrounds/panelBodyEmbossedSelected.png); background-repeat: repeat-x; background-position: top left; } /* Panels without head --------------------------------- */ .CBPanelCommon:alias { -tr-rule-ref: selector(".CBPanelBodyCommon:alias"); border-width: 1px; width: auto; -tr-rule-ref: selector(".CBRoundedAllCornersLook:alias"); margin-bottom: 0; } .CBPanel:alias { -tr-rule-ref: selector(".CBPanelBody:alias"); -tr-rule-ref: selector(".CBPanelCommon:alias"); } .CBPanelAccented:alias { -tr-rule-ref: selector(".CBPanel:alias"); background: white url(/adf/images/casablanca/backgrounds/panelBodyAccented.png) repeat-x top left; } /* Table Control ---------------------------------------------------------------------------------------------------- */ .CBTable:alias { border-collapse: collapse; border-spacing: 0; border: 1px solid #BBB1AA; } .CBTableCellCommon:alias { padding: 4px 6px; } .CBTableCell:alias { -tr-rule-ref: selector(".CBTextCellLook:alias"); -tr-rule-ref: selector(".CBTableCellCommon:alias"); } .CBTableCellInside:alias { -tr-rule-ref: selector(".CBClearBordersLook:alias"); } .CBTableCellAll:alias { -tr-rule-ref: selector(".CBAllBordersLook:alias"); } .CBTableCellTopLine:alias { -tr-rule-ref: selector(".CBClearBordersLook:alias"); -tr-rule-ref: selector(".CBTopBorderLook:alias"); } .CBTableCellTopRighCorner:alias { -tr-rule-ref: selector(".CBClearBordersLook:alias"); -tr-rule-ref: selector(".CBTopBorderLook:alias "); -tr-rule-ref: selector(".CBRightBorderLook:alias"); } .CBTableCellRightLine:alias { -tr-rule-ref: selector(".CBClearBordersLook:alias"); -tr-rule-ref: selector(".CBRightBorderLook:alias"); } .CBTableCellBottomRightCorner:alias { -tr-rule-ref: selector(".CBClearBordersLook:alias"); -tr-rule-ref: selector(".CBBottomBorderLook:alias"); -tr-rule-ref: selector(".CBRightBorderLook:alias"); } .CBTableCellBottomLine:alias { -tr-rule-ref: selector(".CBClearBordersLook:alias"); -tr-rule-ref: selector(".CBBottomBorderLook:alias"); } .CBTableCellBottomLeftCorner:alias { -tr-rule-ref: selector(".CBClearBordersLook:alias"); -tr-rule-ref: selector(".CBBottomBorderLook:alias"); -tr-rule-ref: selector(".CBLeftBorderLook:alias"); } .CBTableCellLeftLine:alias { -tr-rule-ref: selector(".CBClearBordersLook:alias"); -tr-rule-ref: selector(".CBLeftBorderLook:alias"); } .CBTableCellTopLeftCorner:alias { -tr-rule-ref: selector(".CBClearBordersLook:alias"); -tr-rule-ref: selector(".CBTopBorderLook:alias"); -tr-rule-ref: selector(".CBLeftBorderLook:alias"); } .CBTableCellHorizontalLines:alias { -tr-rule-ref: selector(".CBClearBordersLook:alias"); -tr-rule-ref: selector(".CBTopBorderLook:alias"); -tr-rule-ref: selector(".CBBottomBorderLook:alias"); } .CBTableCellVerticalLines:alias { -tr-rule-ref: selector(".CBClearBordersLook:alias"); -tr-rule-ref: selector(".CBRightBorderLook:alias"); -tr-rule-ref: selector(".CBLeftBorderLook:alias"); } .CBTableCellHover:alias { -tr-rule-ref: selector(".CBTextCellLookHover:alias"); -tr-rule-ref: selector(".CBTableCellCommon:alias"); } .CBTableCellSelected:alias { -tr-rule-ref: selector(".CBTextCellLookSelected:alias"); -tr-rule-ref: selector(".CBTableCellCommon:alias"); } .CBTableCellDisabled:alias { -tr-rule-ref: selector(".CBTextCellLookDisabled:alias"); -tr-rule-ref: selector(".CBTableCellCommon:alias"); } .CBTableHeadCell:alias { -tr-rule-ref: selector(".CBButtonLookHover:alias"); -tr-rule-ref: selector(".CBTableCellCommon:alias"); } .CBTableHeadCellSelected:alias { -tr-rule-ref: selector(".CBButtonLookSelected:alias"); -tr-rule-ref: selector(".CBTableCellCommon:alias"); } .CBTableHeadCellDisabled:alias { -tr-rule-ref: selector(".CBButtonLookDisabled:alias"); -tr-rule-ref: selector(".CBTableCellCommon:alias"); } .CBTableControlBar:alias { -tr-rule-ref: selector(".CBButtonLookHover:alias"); -tr-rule-ref: selector(".CBTableCellCommon:alias"); padding: 4px; } .CBTableControlBarTop:alias { -tr-rule-ref: selector(".CBTableControlBar:alias"); border-width: 1px 1px 0 1px; } /* fix a Webkit problem */ @agent webkit { .CBTableControlBarTop:alias { width: auto; } } .CBTableControlBarBottom:alias { -tr-rule-ref: selector(".CBTableControlBar:alias"); border-width: 0 1px 1px 1px; } .CBTableSubControlBar:alias { -tr-rule-ref: selector(".CBTableControlBar:alias"); border-width: 1px 1px 0 1px; padding: 4px; } /* fix a Webkit problem */ @agent webkit { .CBTableSubControlBar:alias { width: auto; } } .CBTablePathBar:alias { -tr-rule-ref: selector(".CBTableControlBar:alias"); border-width: 1px 1px 0 1px; } /* Fix a Firefox3 problem */ @agent mozilla { .CBTablePathBar:alias { width: auto; } } .CBTableFooterBar:alias { -tr-rule-ref: selector(".CBTableControlBar:alias"); } .CBTableFooterCell:alias { -tr-rule-ref: selector(".CBButtonLookHover:alias"); -tr-rule-ref: selector(".CBTableCellCommon:alias"); } .CBTableBody:alias { -tr-rule-ref: selector(".CBTextCellLookCommon:alias"); } /* Table icons */ .CBTableSelectAllIconStyle:alias { -tr-rule-ref: selector(".CBIconLook:alias"); -tr-rule-ref: selector(".CBIconSelectAll:alias"); } .CBTableSelectAllIconHoverStyle:alias { -tr-rule-ref: selector(".CBIconLookHover:alias"); -tr-rule-ref: selector(".CBIconSelectAll:alias"); } .CBTableSelectNoneIconStyle:alias { -tr-rule-ref: selector(".CBIconLook:alias"); -tr-rule-ref: selector(".CBIconSelectNone:alias"); } .CBTableSelectNoneIconHoverStyle:alias { -tr-rule-ref: selector(".CBIconLookHover:alias"); -tr-rule-ref: selector(".CBIconSelectNone:alias"); } .CBTableSelectExpandAllIconStyle:alias { -tr-rule-ref: selector(".CBIconLook:alias"); -tr-rule-ref: selector(".CBIconExpandAll:alias"); } .CBTableSelectExpandAllIconHoverStyle:alias { -tr-rule-ref: selector(".CBIconLookHover:alias"); -tr-rule-ref: selector(".CBIconExpandAll:alias"); } .CBTableSelectCollapseAllIconStyle:alias { -tr-rule-ref: selector(".CBIconLook:alias"); -tr-rule-ref: selector(".CBIconCollapseAll:alias"); } .CBTableSelectCollapseAllIconHoverStyle:alias { -tr-rule-ref: selector(".CBIconLookHover:alias"); -tr-rule-ref: selector(".CBIconCollapseAll:alias"); } /* Train Control ---------------------------------------------------------------------------------------------------- */ .CBTrain:alias { background: white url(/adf/images/casablanca/backgrounds/trainConnector.png) repeat-x center left; } .CBTrainStopCommon:alias { -tr-rule-ref: selector(".CBRoundedAllCornersLook:alias"); padding: 8px 8px; white-space: nowrap; } .CBTrainStopUnvisited:alias { -tr-rule-ref: selector(".CBButtonLook:alias"); -tr-rule-ref: selector(".CBTrainStopCommon:alias"); } .CBTrainStopUnvisitedHover:alias { -tr-rule-ref: selector(".CBButtonLookHover:alias"); -tr-rule-ref: selector(".CBTrainStopCommon:alias"); } .CBTrainStopVisited:alias { -tr-rule-ref: selector(".CBButtonLookVisited:alias"); -tr-rule-ref: selector(".CBTrainStopCommon:alias"); } .CBTrainStopVisitedHover:alias { -tr-rule-ref: selector(".CBButtonLookVisitedHover:alias"); -tr-rule-ref: selector(".CBTrainStopCommon:alias"); } .CBTrainStopSelected:alias { -tr-rule-ref: selector(".CBButtonLookSelected:alias"); -tr-rule-ref: selector(".CBTrainStopCommon:alias"); } .CBTrainStopSelectedHover:alias { -tr-rule-ref: selector(".CBButtonLookSelectedHover:alias"); -tr-rule-ref: selector(".CBTrainStopCommon:alias"); } .CBTrainStopDisabled:alias { -tr-rule-ref: selector(".CBButtonLookDisabled:alias"); -tr-rule-ref: selector(".CBTrainStopCommon:alias"); } .CBTrainStopDisabledHover:alias { -tr-rule-ref: selector(".CBButtonLookDisabledHover:alias"); -tr-rule-ref: selector(".CBTrainStopCommon:alias"); } /* Tabs Control ----------------------------------------------------------------------------------------------------- */ .CBTabsHeads:alias { -tr-rule-ref: selector(".CBBorderNormalSolidLookSelected:alias"); height: auto; border-width: 0 0 1px 0; } .CBTabHeadCommon:alias { height: auto; margin: 0 1px 0 0; padding: 7px 12px; text-decoration: none; } .CBTabHeadTopCommon:alias { -tr-rule-ref: selector(".CBTabHeadCommon:alias"); border-width: 1px 1px 0 1px; -tr-rule-ref: selector(".CBRoundedTopCornersLook:alias"); } .CBTabHeadBottomCommon:alias { -tr-rule-ref: selector(".CBTabHeadCommon:alias"); border-width: 0 1px 1px 1px; -tr-rule-ref: selector(".CBRoundedBottomCornersLook:alias"); } .CBTabHeadTop:alias { -tr-rule-ref: selector(".CBButtonLook:alias"); -tr-rule-ref: selector(".CBTabHeadTopCommon:alias"); } .CBTabHeadTopHover:alias { -tr-rule-ref: selector(".CBButtonLookHover:alias"); -tr-rule-ref: selector(".CBTabHeadTopCommon:alias"); } .CBTabHeadTopSelected:alias { -tr-rule-ref: selector(".CBButtonLookSelected:alias"); -tr-rule-ref: selector(".CBTabHeadTopCommon:alias"); } .CBTabHeadSelectedTopHover:alias { -tr-rule-ref: selector(".CBButtonLookSelectedHover:alias"); -tr-rule-ref: selector(".CBTabHeadTopCommon:alias"); } .CBTabHeadTopDisabled:alias { -tr-rule-ref: selector(".CBButtonLookDisabled:alias"); -tr-rule-ref: selector(".CBTabHeadTopCommon:alias"); } .CBTabHeadDisabledTopHover:alias { -tr-rule-ref: selector(".CBButtonLookDisabledHover:alias"); -tr-rule-ref: selector(".CBTabHeadTopCommon:alias"); } .CBTabHeadBottom:alias { -tr-rule-ref: selector(".CBButtonLook:alias"); -tr-rule-ref: selector(".CBTabHeadBottomCommon:alias"); } .CBTabHeadBottomHover:alias { -tr-rule-ref: selector(".CBButtonLookHover:alias"); -tr-rule-ref: selector(".CBTabHeadBottomCommon:alias"); } .CBTabHeadBottomSelected:alias { -tr-rule-ref: selector(".CBButtonLookSelected:alias"); -tr-rule-ref: selector(".CBTabHeadBottomCommon:alias"); } .CBTabHeadBottomSelectedHover:alias { -tr-rule-ref: selector(".CBButtonLookSelectedHover:alias"); -tr-rule-ref: selector(".CBTabHeadBottomCommon:alias"); } .CBTabHeadBottomDisabled:alias { -tr-rule-ref: selector(".CBButtonLookDisabled:alias"); -tr-rule-ref: selector(".CBTabHeadBottomCommon:alias"); } .CBTabHeadBottomDisabledHover:alias { -tr-rule-ref: selector(".CBButtonLookDisabledHover:alias"); -tr-rule-ref: selector(".CBTabHeadBottomCommon:alias"); } /* Paginator control ------------------------------------------------------------------------------------------------ */ .CBPaginatorScrollerCommon:alias { -tr-rule-ref: selector(".CBRoundedAllCornersLook:alias"); } .CBPaginatorScroller:alias { -tr-rule-ref: selector(".CBPaginatorScrollerCommon:alias"); -tr-rule-ref: selector(".CBButtonLook:alias"); } .CBPaginatorScrollerHover:alias { -tr-rule-ref: selector(".CBPaginatorScrollerCommon:alias"); -tr-rule-ref: selector(".CBButtonLookHover:alias"); } .CBPaginatorScrollerSelected:alias { -tr-rule-ref: selector(".CBPaginatorScrollerCommon:alias"); -tr-rule-ref: selector(".CBButtonLookSelected:alias"); } .CBPaginatorScrollerSelectedHover:alias { -tr-rule-ref: selector(".CBPaginatorScrollerCommon:alias"); -tr-rule-ref: selector(".CBButtonLookSelectedHover:alias"); } /* SlotBar Control -------------------------------------------------------------------------------------------------- */ .CBSlotBarOptionCommon:alias { margin: 0; border-width: 0 1px 0 0; padding: 7px 12px; text-decoration: none; } .CBSlotBarOption:alias { -tr-rule-ref: selector(".CBButtonLook:alias"); -tr-rule-ref: selector(".CBSlotBarOptionCommon:alias"); } .CBSlotBarOptionHover:alias { -tr-rule-ref: selector(".CBButtonLookHover:alias"); -tr-rule-ref: selector(".CBSlotBarOptionCommon:alias"); } .CBSlotBarOptionSelected:alias { -tr-rule-ref: selector(".CBButtonLookSelected:alias"); -tr-rule-ref: selector(".CBSlotBarOptionCommon:alias"); } .CBSlotBarOptionSelectedHover:alias { -tr-rule-ref: selector(".CBButtonLookSelectedHover:alias"); -tr-rule-ref: selector(".CBSlotBarOptionCommon:alias"); } .CBSlotBarOptionDisabled:alias { -tr-rule-ref: selector(".CBButtonLookDisabled:alias"); -tr-rule-ref: selector(".CBSlotBarOptionCommon:alias"); } .CBSlotBarOptionDisabledHover:alias { -tr-rule-ref: selector(".CBButtonLookDisabledHover:alias"); -tr-rule-ref: selector("..CBSlotBarOptionCommon:alias"); } .CBSlotBarBar:alias { -tr-rule-ref: selector(".CBButtonLook:alias"); } /* ButtonBar Control ------------------------------------------------------------------------------------------------ */ .CBButtonBarOptionCommon:alias { margin: 0 2px 0 0; padding: 7px 12px; text-decoration: none; -tr-rule-ref: selector(".CBRoundedAllCornersLook:alias"); } .CBButtonBarOption:alias { -tr-rule-ref: selector(".CBButtonLook:alias"); -tr-rule-ref: selector(".CBButtonBarOptionCommon:alias"); } .CBButtonBarOptionHover:alias { -tr-rule-ref: selector(".CBButtonLookHover:alias"); -tr-rule-ref: selector(".CBButtonBarOptionCommon:alias"); } .CBButtonBarOptionSelected:alias { -tr-rule-ref: selector(".CBButtonLookSelected:alias"); -tr-rule-ref: selector(".CBButtonBarOptionCommon:alias"); } .CBButtonBarOptionSelectedHover:alias { -tr-rule-ref: selector(".CBButtonLookSelectedHover:alias"); -tr-rule-ref: selector(".CBButtonBarOptionCommon:alias"); } .CBButtonBarOptionDisabled:alias { -tr-rule-ref: selector(".CBButtonLookDisabled:alias"); -tr-rule-ref: selector(".CBButtonBarOptionCommon:alias"); } .CBButtonBarOptionDisabledHover:alias { -tr-rule-ref: selector(".CBButtonLookDisabledHover:alias"); -tr-rule-ref: selector(".CBButtonBarOptionCommon:alias"); } .CBButtonBarLabel:alias { -tr-rule-ref: selector(".CBTextCellLook:alias"); display: block; -tr-rule-ref: selector(".CBButtonBarOptionCommon:alias"); } /* ButtonList Control ----------------------------------------------------------------------------------------------- */ .CBButtonListOptionCommon:alias { width: 120px; margin: 0 0 1px 0; padding: 7px 12px; text-decoration: none; -tr-rule-ref: selector(".CBRoundedAllCornersLook:alias"); } .CBButtonListOption:alias { -tr-rule-ref: selector(".CBButtonLook:alias"); -tr-rule-ref: selector(".CBButtonListOptionCommon:alias"); } .CBButtonListOptionHover:alias { -tr-rule-ref: selector(".CBButtonLookHover:alias"); -tr-rule-ref: selector(".CBButtonListOptionCommon:alias"); } .CBButtonListOptionSelected:alias { -tr-rule-ref: selector(".CBButtonLookSelected:alias"); -tr-rule-ref: selector(".CBButtonListOptionCommon:alias"); } .CBButtonListOptionSelectedHover:alias { -tr-rule-ref: selector(".CBButtonLookSelectedHover:alias"); -tr-rule-ref: selector(".CBButtonListOptionCommon:alias"); } .CBButtonListOptionDisabled:alias { -tr-rule-ref: selector(".CBButtonLookDisabled:alias"); -tr-rule-ref: selector(".CBButtonListOptionCommon:alias"); } .CBButtonListOptionDisabledHover:alias { -tr-rule-ref: selector(".CBButtonLookDisabledHover:alias"); -tr-rule-ref: selector(".CBButtonListOptionCommon:alias"); } /* Navigation List control ------------------------------------------------------------------------------------------ */ /* CasaBlanca styles */ .CBNavListOptionCommon:alias { margin: 0; border-width: 0 0 1px 0; border-color: #CAC2BD; padding: 7px 12px; text-decoration: none; background: transparent; } .CBNavListOption:alias { -tr-rule-ref: selector(".CBButtonLook:alias"); -tr-rule-ref: selector(".CBNavListOptionCommon:alias"); } .CBNavListOptionHover:alias { -tr-rule-ref: selector(".CBButtonLookHover:alias"); -tr-rule-ref: selector(".CBNavListOptionCommon:alias"); -tr-rule-ref: selector(".CBTextCellLookHover:alias"); border-width: 0 0 1px 0; } .CBNavListOptionSelected:alias { -tr-rule-ref: selector(".CBButtonLookSelected:alias"); -tr-rule-ref: selector(".CBNavListOptionCommon:alias"); } .CBNavListOptionSelectedHover:alias { -tr-rule-ref: selector(".CBButtonLookSelectedHover:alias"); -tr-rule-ref: selector(".CBNavListOptionCommon:alias"); -tr-rule-ref: selector(".CBTextCellLookHover:alias"); border-width: 0 0 1px 0; } .CBNavPaneListOptionDisabled:alias { -tr-rule-ref: selector(".CBButtonLookDisabled:alias"); -tr-rule-ref: selector(".CBNavListOptionCommon:alias"); } .CBNavPaneListOptionDisabledHover:alias { -tr-rule-ref: selector(".CBButtonLookDisabledHover:alias"); -tr-rule-ref: selector(".CBNavListOptionCommon:alias"); } /* Accordion Control ------------------------------------------------------------------------------------------------ */ .CBAccordionHeadCommon:alias { margin-bottom: 1px; padding: 8px 5px; } .CBAccordionHead:alias { -tr-rule-ref: selector(".CBPanelHead:alias"); -tr-rule-ref: selector(".CBAccordionHeadCommon:alias"); -tr-rule-ref: selector(".CBRoundedAllCornersLook:alias"); } .CBAccordionHeadHover:alias { -tr-rule-ref: selector(".CBPanelHeadHover:alias"); -tr-rule-ref: selector(".CBAccordionHeadCommon:alias"); -tr-rule-ref: selector(".CBRoundedAllCornersLook:alias"); } .CBAccordionHeadSelected:alias { -tr-rule-ref: selector(".CBPanelHeadSelected:alias"); -tr-rule-ref: selector(".CBAccordionHeadCommon:alias"); -tr-rule-ref: selector(".CBRoundedTopCornersLook:alias"); margin-bottom: 0px; } .CBAccordionHeadSelectedHover:alias { -tr-rule-ref: selector(".CBPanelHeadSelectedHover:alias"); -tr-rule-ref: selector(".CBAccordionHeadCommon:alias"); -tr-rule-ref: selector(".CBRoundedTopCornersLook:alias"); margin-bottom: 0px; } .CBAccordionHeadDisabled:alias { -tr-rule-ref: selector(".CBPanelHeadDisabled:alias"); -tr-rule-ref: selector(".CBAccordionHeadCommon:alias"); -tr-rule-ref: selector(".CBRoundedAllCornersLook:alias"); padding-left: 30px; } .CBAccordionHeadDisabledHover:alias { -tr-rule-ref: selector(".CBPanelHeadDisabledHover:alias"); -tr-rule-ref: selector(".CBAccordionHeadCommon:alias"); -tr-rule-ref: selector(".CBRoundedAllCornersLook:alias"); padding-left: 30px; } .CBAccordionBody:alias { -tr-rule-ref: selector(".CBPanelBodyEmbossedSelected:alias"); border-width: 0 1px 1px 1px; } /* Tree Control ----------------------------------------------------------------------------------------------------- */ .CBTreeDiscloseIconStyle:alias { -tr-rule-ref: selector(".CBIconLook:alias"); -tr-rule-ref: selector(".CBIconArrowDown:alias"); /*-tr-rule-ref: selector(".CBIconArrowRight:alias");*/ } .CBTreeLinkCommon:alias { border: 1px solid white; } .CBTreeLink:alias { -tr-rule-ref: selector(".CBLink:alias") ! important; -tr-rule-ref: selector(".CBTreeLinkCommon:alias"); } .CBTreeLinkHover:alias { -tr-rule-ref: selector(".CBLinkHover:alias") ! important; -tr-rule-ref: selector(".CBTreeLinkCommon:alias"); } .CBTreeLinkDisabled:alias { -tr-rule-ref: selector(".CBLinkDisabled:alias"); -tr-rule-ref: selector(".CBTreeLinkCommon:alias"); } .CBTreeLinkDisabledHover:alias { -tr-rule-ref: selector(".CBLinkDisabledHover:alias"); -tr-rule-ref: selector(".CBTreeLinkCommon:alias"); } /* ------------------------------------------------------------------------------------------------------------------ */ /* COMPONENTS SELECTORS */ /* ------------------------------------------------------------------------------------------------------------------ */ /* TRINIDAD COMPONENTS SELECTORS, TARGETS EACH COMPONENT INDIVIDUALY */ /* ------------------------------------------------------------------------------------------------------------------ */ /* Breadcrumbs component -------------------------------------------------------------------------------------------- */ /* CasaBlanca styles */ .CBBreadcrumbStep:alias { -tr-rule-ref: selector(".CBLinkLook:alias"); } .CBBreadcrumbStepHover:alias { -tr-rule-ref: selector(".CBLinkLookHover:alias"); } /* Inject CasaBlanca styles */ af|breadCrumbs af|breadCrumbs::step { -tr-rule-ref: selector("..CBBreadcrumbStep:alias"); } @agent (touchScreen:none) { af|breadCrumbs af|breadCrumbs::step:hover { -tr-rule-ref: selector(".CBBreadcrumbStepHover:alias"); } } /* Chart component -------------------------------------------------------------------------------------------------- */ /* Not applicable yet */ /* Choice component ------------------------------------------------------------------------------------------------- */ /* CasaBlanca styles */ .CBChoiceBox:alias { -tr-rule-ref: selector(".CBChoiceChoiceBox:alias"); } .CBChoiceChoiceOptionText:alias { -tr-rule-ref: selector(".CBChoiceOptionText:alias"); } /* Inject CasaBlanca styles */ select.AFFieldText { -tr-rule-ref: selector(".CBChoiceBox:alias"); } select.AFFieldText option { -tr-rule-ref: selector(".CBChoiceChoiceOptionText:alias"); } /* Choose Color component ------------------------------------------------------------------------------------------- */ /* CasaBlanca styles */ .CBChooseColorPanel:alias { padding: 2px; -tr-rule-ref: selector(".CBPanelAccented:alias"); } .CBChooseColorGrid:alias { padding: 0; } .CBChooseColorCell:alias { } /* Inject CasaBlanca styles */ .p_OraColorPalette { -tr-rule-ref: selector(".CBChooseColorPanel:alias"); } .p_OraColorPalette tbody { -tr-rule-ref: selector(".CBChooseColorGrid:alias"); } .p_OraColorPalette tbody td { -tr-rule-ref: selector(".CBChooseColorCell:alias"); } /* Choose Date component -------------------------------------------------------------------------------------------- */ /* CasaBlanca styles */ .CBDateCommon:alias { } .CBDate:alias { -tr-rule-ref: selector(".CBTable:alias"); padding: 0; } .CBDateCell:alias { -tr-rule-ref: selector(".CBTableCell:alias"); } .CBDateCellHover:alias { -tr-rule-ref: selector(".CBTableCellHover:alias"); } .CBDateCellSelected:alias { -tr-rule-ref: selector(".CBTableCellSelected:alias"); display: block; } .CBDateCellDisabled:alias { -tr-rule-ref: selector(".CBTableCellDisabled:alias"); } .CBDateHeadCell:alias { -tr-rule-ref: selector(".CBTableHeadCell:alias"); display: table-cell; border: 0; } .CBDateNavPrevMonth:alias { -tr-rule-ref: selector(".CBIconLook:alias"); -tr-rule-ref: selector(".CBIconArrowLeftNegative:alias"); display: block; } .CBDateNavNextMonth:alias { -tr-rule-ref: selector(".CBIconLook:alias"); -tr-rule-ref: selector(".CBIconArrowRightNegative:alias"); display: block; } .CBDateNavPrevMonthHover:alias { -tr-rule-ref: selector(".CBIconLookHover:alias"); -tr-rule-ref: selector(".CBIconArrowLeftNegative:alias"); display: block; } .CBDateNavNextMonthHover:alias { -tr-rule-ref: selector(".CBIconLookHover:alias"); -tr-rule-ref: selector(".CBIconArrowRightNegative:alias"); } .CBDateChoiceBox:alias { -tr-rule-ref: selector(".CBChoiceChoiceBox:alias"); } /* Inject CasaBlanca styles */ af|chooseDate::title select.AFFieldText { -tr-rule-ref: selector(".CBDateChoiceBox:alias"); } af|chooseDate::content { -tr-rule-ref: selector(".CBDate:alias"); } af|chooseDate::content af|chooseDate::header th { -tr-rule-ref: selector(".CBDateHeadCell:alias"); } af|chooseDate::content tr td { -tr-rule-ref: selector(".CBDateCell:alias"); padding: 0; } af|chooseDate::content tr td a { -tr-rule-ref: selector(".CBDateCell:alias"); border: none; display: block; } @agent (touchScreen:none) { af|chooseDate::content tr td a:hover { -tr-rule-ref: selector(".CBDateCellHover:alias"); border: none; display: block; } af|chooseDate::content tr af|chooseDate::disabled:hover { -tr-rule-ref: selector(".CBDateCellDisabled:alias"); } af|chooseDate::nav[align="left"] a:hover { -tr-rule-ref: selector(".CBDateNavPrevMonthHover:alias"); } af|chooseDate::nav[align="right"] a:hover { -tr-rule-ref: selector(".CBDateNavNextMonthHover:alias"); } } af|chooseDate::content tr td af|chooseDate::selected { -tr-rule-ref: selector(".CBDateCellSelected:alias"); /*padding: 0;*/ } af|chooseDate::content tr af|chooseDate::disabled { -tr-rule-ref: selector(".CBDateCellDisabled:alias"); } /* month navigation controls */ af|chooseDate::nav[align="left"] a { -tr-rule-ref: selector(".CBDateNavPrevMonth:alias"); } af|chooseDate::nav[align="right"] a { -tr-rule-ref: selector(".CBDateNavNextMonth:alias"); } af|chooseDate::nav[align="left"] a span { display: none; } af|chooseDate::nav[align="right"] a span { display: none; } /* Command button component ----------------------------------------------------------------------------------------- */ /* CasaBlanca styles */ .CBCommandButton:alias { -tr-rule-ref: selector(".CBButton:alias"); } .CBCommandButtonHover:alias { -tr-rule-ref: selector(".CBButtonHover:alias"); } .CBCommandButtonDisabled:alias { -tr-rule-ref: selector(".CBButtonDisabled:alias"); } .CBCommandButtonDisabledHover:alias { -tr-rule-ref: selector(".CBButtonDisabledHover:alias"); } /* Inject CasaBlanca styles */ af|commandButton, af|goButton, af|resetButton, button, button.OraLink, .OraNavBarActiveLink { -tr-rule-ref: selector(".CBCommandButton:alias"); } @agent (touchScreen:none) { af|commandButton:hover, af|goButton:hover, af|resetButton:hover, button:hover, button.OraLink:hover, .OraNavBarActiveLink:hover { -tr-rule-ref: selector(".CBCommandButtonHover:alias"); } } af|commandButton.p_AFDisabled { -tr-rule-ref: selector(".CBCommandButtonDisabled:alias"); } /* Command link component ------------------------------------------------------------------------------------------- */ /* CasaBlanca styles */ /* Normal links style */ .CBCommandLink:alias { -tr-rule-ref: selector(".CBLink:alias"); } /* Hover links style */ .CBCommandLinkHover:alias { -tr-rule-ref: selector(".CBLinkHover:alias"); } /* Disabled links style */ .CBCommandLinkDisabled:alias { -tr-rule-ref: selector(".CBLinkDisabled:alias"); } /* Disabled-hover links style */ .CBCommandLinkDisabledHover:alias { -tr-rule-ref: selector(".CBLinkDisabledHover:alias"); } /* Inject CasaBlanca styles */ a, .OraLink, .OraLink:link, .OraLink:active, .OraLink:visited, .AFLinkForeground:alias { -tr-rule-ref: selector(".CBCommandLink:alias"); } @agent (touchScreen:none) { a:hover, .OraLink:hover, .OraLink:link:hover { -tr-rule-ref: selector(".CBCommandLinkHover:alias"); } .OraLinkDisabled:hover { -tr-rule-ref: selector(".CBCommandLinkDisabledHover:alias"); } } .OraLinkDisabled { -tr-rule-ref: selector(".CBCommandLinkDisabled:alias"); } /* Command Navigation Item component -------------------------------------------------------------------------------- */ /* CasaBlanca styles */ /* Normal links style */ .CBCommandNavigationItem:alias { -tr-rule-ref: selector(".CBLink:alias"); } /* Hover links style */ .CBCommandNavigationItemHover:alias { -tr-rule-ref: selector(".CBLinkHover:alias"); } /* Disabled links style */ .CBCommandNavigationItemDisabled:alias { -tr-rule-ref: selector(".CBLinkDisabled:alias"); } /* Disabled-hover links style */ .CBCommandNavigationItemDisabledHover:alias { -tr-rule-ref: selector(".CBLinkDisabledHover:alias"); } /* No any skining specific selectors to inject CasaBlanca styles */ /* Form component --------------------------------------------------------------------------------------------------- */ /* No any specific styling for the moment */ /* Go Button component ---------------------------------------------------------------------------------------------- */ /* CasaBlanca styles */ .CBGoButton:alias { -tr-rule-ref: selector(".CBButton:alias"); } .CBGoButtonHover:alias { -tr-rule-ref: selector(".CBButtonHover:alias"); } .CBGoButtonDisabled:alias { -tr-rule-ref: selector(".CBButtonDisabled:alias"); } .CBGoButtonDisabledHover:alias { -tr-rule-ref: selector(".CBButtonDisabledHover:alias"); } /* Inject CasaBlanca styles */ af|goButton { -tr-rule-ref: selector(".CBGoButton:alias"); } @agent (touchScreen:none) { af|goButton:hover { -tr-rule-ref: selector(".CBGoButtonHover:alias"); } } /* Go Link component ------------------------------------------------------------------------------------------------ */ /* CasaBlanca styles */ /* Normal links style */ .CBGoLink:alias { -tr-rule-ref: selector(".CBLink:alias"); } /* Hover links style */ .CBGoLinkHover:alias { -tr-rule-ref: selector(".CBLinkHover:alias"); } /* Disabled links style */ .CBGoLinkDisabled:alias { -tr-rule-ref: selector(".CBLinkDisabled:alias"); } /* Disabled-hover links style */ .CBGoLinkDisabledHover:alias { -tr-rule-ref: selector(".CBLinkDisabledHover:alias"); } /* No any skining specific selectors to inject CasaBlanca styles */ /* Icon component --------------------------------------------------------------------------------------------------- */ /* CasaBlanca styles */ .CBIconCommon:alias { float: none; } .CBIconErrorIconStyle:alias { -tr-rule-ref: selector(".CBIconLook:alias"); -tr-rule-ref: selector(".CBIconError:alias"); -tr-rule-ref: selector(".CBIconCommon:alias"); } .CBIconInfoIconStyle:alias { -tr-rule-ref: selector(".CBIconLook:alias"); -tr-rule-ref: selector(".CBIconInfo:alias"); -tr-rule-ref: selector(".CBIconCommon:alias"); } .CBIconWarningIconStyle:alias { -tr-rule-ref: selector(".CBIconLook:alias"); -tr-rule-ref: selector(".CBIconWarning:alias"); -tr-rule-ref: selector(".CBIconCommon:alias"); } .CBIconRequiredIconStyle:alias { } .CBIconQuickSelectIconStyle:alias { } .CBIconQuickSelectDisabledIconStyle:alias { } /* Inject CasaBlanca styles */ .AFErrorIconStyle { -tr-rule-ref: selector(".CBIconErrorIconStyle:alias"); } .AFInfoIconStyle { -tr-rule-ref: selector(".CBIconInfoIconStyle:alias"); } .AFWarningIconStyle { -tr-rule-ref: selector(".CBIconWarningIconStyle:alias"); } .AFRequiredIconStyle { -tr-rule-ref: selector(".CBIconRequiredIconStyle:alias"); } .AFQuickSelectIconStyle { -tr-rule-ref: selector(".CBIconQuickSelectIconStyle:alias"); } .AFQuickSelectDisabledIconStyle { -tr-rule-ref: selector(".CBIconQuickSelectDisabledIconStyle:alias"); } /* Image component -------------------------------------------------------------------------------------------------- */ /* Not applicable yet */ /* Input color component -------------------------------------------------------------------------------------------- */ /* CasaBlanca styles */ .CBInputColorInputBox:alias { -tr-rule-ref: selector(".CBInputTextInputBox:alias"); } .CBInputColorCurrentColorCommon:alias { width: 8px; height: 8px; position: relative; display: inline; top: -1px; border-style: solid; border-width: 2px 2px 6px 6px; } .CBInputColorCurrentColor:alias { -tr-rule-ref: selector(".CBInputColorCurrentColorCommon:alias"); border-color: #685951; } .CBInputColorCurrentColorHover:alias { -tr-rule-ref: selector(".CBInputColorCurrentColorCommon:alias"); border-color: #4E3625; } /* Inject CasaBlanca styles */ af|inputColor::content { -tr-rule-ref: selector(".CBInputColorInputBox:alias"); } af|inputColor a .p_OraColorFieldSwatch { -tr-rule-ref: selector(".CBInputColorCurrentColor:alias"); } @agent (touchScreen:none) { af|inputColor a:hover .p_OraColorFieldSwatch { -tr-rule-ref: selector(".CBInputColorCurrentColorHover:alias"); } } /* Clear some legacy stuff */ af|inputColor af|inputColor::swatch-overlay { display: none; width: auto; } /* Input date component --------------------------------------------------------------------------------------------- */ /* CasaBlanca styles */ .CBInputDate:alias { position: relative; } .CBInputDateInputBox:alias { -tr-rule-ref: selector(".CBInputTextInputBox:alias"); } .CBInputDateIconCommon:alias { position: absolute; display: inline; font-size: 1em; margin-left: 4px; } .CBInputDateIconStyle:alias { -tr-rule-ref: selector(".CBIconLook:alias"); -tr-rule-ref: selector(".CBIconCalendar:alias"); -tr-rule-ref: selector(".CBInputDateIconCommon:alias"); } .CBInputDateIconHover:alias { -tr-rule-ref: selector(".CBIconLookHover:alias"); -tr-rule-ref: selector(".CBIconCalendar:alias"); -tr-rule-ref: selector(".CBInputDateIconCommon:alias"); } /* Inject CasaBlanca styles */ af|inputDate { -tr-rule-ref: selector(".CBInputDate:alias"); } af|inputDate::content { -tr-rule-ref: selector(".CBInputDateInputBox:alias"); } af|inputDate a { -tr-rule-ref: selector(".CBInputDateIconStyle:alias"); } @agent (touchScreen:none) { af|inputDate a:hover { -tr-rule-ref: selector(".CBInputDateIconHover:alias"); } } /* Clear some legacy stuff */ af|inputDate img { display: none; width: auto; } /* Input file component --------------------------------------------------------------------------------------------- */ /* Nothing we can do for the moment */ /* Input list of values component ----------------------------------------------------------------------------------- */ /* CasaBlanca styles */ .CBListOfValues:alias { position: relative; } .CBListOfValuesPanelButtonBar:alias { padding: 8px 0; } .CBListOfValuesInputBox:alias { -tr-rule-ref: selector(".CBInputTextInputBox:alias"); } .CBListOfValuesIconCommon:alias { position: absolute; display: inline; font-size: 1em; margin-left: 4px; } .CBListOfValuesIconStyle:alias { -tr-rule-ref: selector(".CBIconLook:alias"); -tr-rule-ref: selector(".CBIconList:alias"); -tr-rule-ref: selector(".CBListOfValuesIconCommon:alias"); } .CBListOfValuesIconHover:alias { -tr-rule-ref: selector(".CBIconLookHover:alias"); -tr-rule-ref: selector(".CBIconList:alias"); -tr-rule-ref: selector(".CBListOfValuesIconCommon:alias"); } /* Inject CasaBlanca styles */ af|inputListOfValues { -tr-rule-ref: selector(".CBListOfValues:alias"); } af|inputListOfValues a { -tr-rule-ref: selector(".CBListOfValuesIconStyle:alias"); } @agent (touchScreen:none) { af|inputListOfValues a:hover { -tr-rule-ref: selector(".CBListOfValuesIconHover:alias"); } } af|inputListOfValues af|inputListOfValues::content { -tr-rule-ref: selector(".CBListOfValuesInputBox:alias"); } /* It's not a specific enough selector, but is all we can do and it works */ af|panelButtonBar { -tr-rule-ref: selector(".CBListOfValuesPanelButtonBar:alias"); } /* Clear some legacy stuff */ af|inputListOfValues img { display: none; width: auto; } /* Input Text component --------------------------------------------------------------------------------------------- */ /* CasaBlanca styles */ .CBInputTextInputInputBox:alias { -tr-rule-ref: selector(".CBInputTextInputBox:alias"); } /* Inject CasaBlanca styles */ af|inputText::content { -tr-rule-ref: selector(".CBInputTextInputInputBox:alias"); } /* Message component ------------------------------------------------------------------------------------------------ */ /* CasaBlanca styles */ .CBMessageMessageTextCommon:alias { } .CBMessageMessageText:alias { -tr-rule-ref: selector(".CBMessageText:alias"); } .CBMessageMessageTextInfo:alias { -tr-rule-ref: selector(".CBMessageTextInfo:alias"); } .CBMessageMessageTextError:alias { -tr-rule-ref: selector(".CBMessageTextError:alias"); } /* Inject CasaBlanca styles */ .OraInlineInfoText { -tr-rule-ref: selector(".CBMessageMessageTextInfo:alias"); } .OraInlineErrorText { -tr-rule-ref: selector(".CBMessageMessageTextError:alias"); } af|outputLabel span a.AFErrorIconStyle, af|inputText::label a.AFErrorIconStyle { display: none; } /* Messages component ----------------------------------------------------------------------------------------------- */ /* CasaBlanca styles */ .CBMessagesMessagesTitle:alias { -tr-rule-ref: selector(".CBMessagesTitle:alias"); } .CBMessagesMessagesList:alias { -tr-rule-ref: selector(".CBMessagesList:alias"); } .CBMessagesMessagesListItem:alias { -tr-rule-ref: selector(".CBMessagesListItem:alias"); } .CBMessagesMessagesBox:alias { -tr-rule-ref: selector(".CBMessagesBox:alias"); } .CBMessagesMessagesTextInfo:alias { -tr-rule-ref: selector(".CBMessagesTextInfo:alias"); } /* Inject CasaBlanca styles */ af|panelFormLayout::message-cell .OraInlineInfoText { -tr-rule-ref: selector(".CBMessagesMessagesTextInfo:alias"); } af|messages::body { -tr-rule-ref: selector(".CBMessagesMessagesBox:alias"); } af|messages::body af|messages::header span, af|messages::body af|messages::header { -tr-rule-ref: selector(".CBMessagesMessagesTitle:alias"); } af|messages::body ol { -tr-rule-ref: selector(".CBMessagesMessagesList:alias"); } af|messages::body ol li { -tr-rule-ref: selector(".CBMessagesMessagesListItem:alias"); } /* Navigation Pane component -----------------------------------------------------------------------------------------*/ /* Bar style ------------------------ */ /* CasaBlanca styles */ .CBNavPaneBarOptionCommon:alias { } .CBNavPaneBarOption:alias { -tr-rule-ref: selector(".CBSlotBarOption:alias"); -tr-rule-ref: selector(".CBNavPaneBarOptionCommon:alias"); } .CBNavPaneBarOptionHover:alias { -tr-rule-ref: selector(".CBSlotBarOptionHover:alias"); -tr-rule-ref: selector(".CBNavPaneBarOptionCommon:alias"); } .CBNavPaneBarOptionSelected:alias { -tr-rule-ref: selector(".CBSlotBarOptionSelected:alias"); -tr-rule-ref: selector(".CBNavPaneBarOptionCommon:alias"); } .CBNavPaneBarOptionSelectedHover:alias { -tr-rule-ref: selector(".CBSlotBarOptionSelectedHover:alias"); -tr-rule-ref: selector(".CBNavPaneBarOptionCommon:alias"); } .CBNavPaneBarOptionDisabled:alias { -tr-rule-ref: selector(".CBSlotBarOptionDisabled:alias"); -tr-rule-ref: selector(".CBNavPaneBarOptionCommon:alias"); } .CBNavPaneBarOptionDisabledHover:alias { -tr-rule-ref: selector(".CBSlotBarOptionDisabledHover:alias"); -tr-rule-ref: selector(".CBNavPaneBarOptionCommon:alias"); } .CBNavPaneBar:alias { -tr-rule-ref: selector(".CBSlotBarBar:alias"); } /* Inject CasaBlanca styles */ af|navigationPane::bar { -tr-rule-ref: selector(".CBNavPaneBar:alias"); padding: 0; } af|navigationPane::bar-active-enabled af|navigationPane::bar-content a { -tr-rule-ref: selector(".CBNavPaneBarOptionSelected:alias"); } @agent (touchScreen:none) { af|navigationPane::bar-active-enabled af|navigationPane::bar-content a:hover { -tr-rule-ref: selector(".CBNavPaneBarOptionSelectedHover:alias"); } af|navigationPane::bar-inactive-enabled af|navigationPane::bar-content a:hover { -tr-rule-ref: selector(".CBNavPaneBarOptionHover:alias"); } af|navigationPane::buttons-inactive-enabled af|navigationPane::buttons-content a:hover { -tr-rule-ref: selector(".CBNavPaneButtonOptionHover:alias"); } af|navigationPane::buttons-active-enabled af|navigationPane::buttons-content a:hover { -tr-rule-ref: selector(".CBNavPaneButtonOptionSelectedHover:alias"); } af|navigationPane::list-inactive-enabled af|navigationPane::list-content a:hover { -tr-rule-ref: selector(".CBNavPaneListOptionHover:alias"); } af|navigationPane::list-active-enabled af|navigationPane::list-content a:hover { -tr-rule-ref: selector(".CBNavPaneListOptionSelectedHover:alias"); } af|navigationPane af|navigationPane::choice-button:hover { -tr-rule-ref: selector(".CBNavPaneChoiceButtonHover:alias"); } } af|navigationPane::bar-inactive-enabled af|navigationPane::bar-content a { -tr-rule-ref: selector(".CBNavPaneBarOption:alias"); } af|navigationPane::bar-active-disabled af|navigationPane::bar-content, af|navigationPane::bar-inactive-disabled af|navigationPane::bar-content { -tr-rule-ref: selector(".CBNavPaneBarOptionDisabled:alias"); } /* Clear some legacy stuff */ af|navigationPane::bar-separator { display: none; } af|navigationPane::bar-content { padding: 0; } af|navigationPane::bar-content img { display: none; } /* Button style ---------------------------------------- */ /* CasaBlanca styles */ .CBNavPaneButtonOptionCommon:alias { -tr-rule-ref: selector(".CBRoundedAllCornersLook:alias"); } .CBNavPaneButtonOption:alias { -tr-rule-ref: selector(".CBButtonBarOption:alias"); -tr-rule-ref: selector(".CBNavPaneButtonOptionCommon:alias"); } .CBNavPaneButtonOptionHover:alias { -tr-rule-ref: selector(".CBButtonBarOptionHover:alias"); -tr-rule-ref: selector(".CBNavPaneButtonOptionCommon:alias"); } .CBNavPaneButtonOptionSelected:alias { -tr-rule-ref: selector(".CBButtonBarOptionSelected:alias"); -tr-rule-ref: selector(".CBNavPaneButtonOptionCommon:alias"); } .CBNavPaneButtonOptionSelectedHover:alias { -tr-rule-ref: selector(".CBButtonBarOptionSelectedHover:alias"); -tr-rule-ref: selector(".CBNavPaneButtonOptionCommon:alias"); } .CBNavPaneButtonOptionDisabled:alias { -tr-rule-ref: selector(".CBButtonBarOptionDisabled:alias"); -tr-rule-ref: selector(".CBNavPaneButtonOptionCommon:alias"); } .CBNavPaneButtonOptionDisabledHover:alias { -tr-rule-ref: selector(".CBButtonBarOptionDisabledHover:alias"); -tr-rule-ref: selector(".CBNavPaneButtonOptionCommon:alias"); } /* Inject CasaBlanca styles */ af|navigationPane::buttons-active-enabled af|navigationPane::buttons-content a { -tr-rule-ref: selector(".CBNavPaneButtonOptionSelected:alias"); } af|navigationPane::buttons-inactive-enabled af|navigationPane::buttons-content a { -tr-rule-ref: selector(".CBNavPaneButtonOption:alias"); } af|navigationPane::buttons-active-disabled af|navigationPane::buttons-content, af|navigationPane::buttons-inactive-disabled af|navigationPane::buttons-content { -tr-rule-ref: selector(".CBNavPaneButtonOptionDisabled:alias"); } /* Clear some legacy stuff */ af|navigationPane::buttons-separator { display: none; } af|navigationPane::buttons-content { padding: 0; } af|navigationPane::buttons-content img { display: none; } /* List style ------------------------------------------ */ /* CasaBlanca styles */ .CBNavPaneListOptionCommon:alias { } .CBNavPaneListOption:alias { -tr-rule-ref: selector(".CBNavListOption:alias"); -tr-rule-ref: selector(".CBNavPaneListOptionCommon:alias"); } .CBNavPaneListOptionHover:alias { -tr-rule-ref: selector(".CBNavListOptionHover:alias"); -tr-rule-ref: selector(".CBNavPaneListOptionCommon:alias"); } .CBNavPaneListOptionSelected:alias { -tr-rule-ref: selector(".CBNavListOptionSelected:alias"); -tr-rule-ref: selector(".CBNavPaneListOptionCommon:alias"); } .CBNavPaneListOptionSelectedHover:alias { -tr-rule-ref: selector(".CBNavListOptionSelectedHover:alias"); -tr-rule-ref: selector(".CBNavPaneListOptionCommon:alias"); } .CBNavPaneListListOptionDisabled:alias { -tr-rule-ref: selector(".CBNavListOptionDisabled:alias"); -tr-rule-ref: selector(".CBNavPaneListOptionCommon:alias"); } .CBNavPaneListListOptionDisabledHover:alias { -tr-rule-ref: selector(".CBNavListOptionDisabledHover:alias"); -tr-rule-ref: selector(".CBNavPaneListOptionCommon:alias"); } /* Inject CasaBlanca styles */ af|navigationPane::list-active-enabled af|navigationPane::list-content a { -tr-rule-ref: selector(".CBNavPaneListOptionSelected:alias"); } @agent ie and (version: 5), ie and (version: 6), ie and (version: 7), ie and (version: 8){ af|navigationPane::list-inactive-enabled, af|navigationPane::list-active-enabled, af|navigationPane::list-active-disabled, af|navigationPane::list-inactive-disabled { width: 100%; } } af|navigationPane::list-inactive-enabled af|navigationPane::list-content a { -tr-rule-ref: selector(".CBNavPaneListOption:alias"); } af|navigationPane::list-active-disabled af|navigationPane::list-content, af|navigationPane::list-inactive-disabled af|navigationPane::list-content { -tr-rule-ref: selector(".CBNavPaneListListOptionDisabled:alias"); } /* Clear some legacy stuff */ af|navigationPane::list-content { padding: 0; } af|navigationPane::list-content img { display: none; } af|navigationPane::list-active-enabled, af|navigationPane::list-active-enabled tbody, af|navigationPane::list-active-enabled tr, af|navigationPane::list-active-enabled td, af|navigationPane::list-active-disabled, af|navigationPane::list-active-disabled tbody, af|navigationPane::list-active-disabled tr, af|navigationPane::list-active-disabled td, af|navigationPane::list-inactive-enabled, af|navigationPane::list-inactive-enabled tbody, af|navigationPane::list-inactive-enabled tr, af|navigationPane::list-inactive-enabled td, af|navigationPane::list-inactive-disabled, af|navigationPane::list-inactive-disabled tbody, af|navigationPane::list-inactive-disabled tr, af|navigationPane::list-inactive-disabled td { display: block; -tr-rule-ref: selector(".ie6BlockBahaviour"); } tbody tr af|navigationPane::list-bullet { display: none ! important; } /* Choice style ---------------------------------------- */ /* CasaBlanca styles */ .CBNavPaneChoiceButtonCommon:alias { padding: 4px 8px; display: inline; -tr-rule-ref: selector(".CBRoundedAllCornersLook:alias"); } .CBNavPaneChoiceButton:alias { -tr-rule-ref: selector(".CBButton:alias"); -tr-rule-ref: selector(".CBNavPaneChoiceButtonCommon:alias"); } .CBNavPaneChoiceButtonHover:alias { -tr-rule-ref: selector(".CBButtonHover:alias"); -tr-rule-ref: selector(".CBNavPaneChoiceButtonCommon:alias"); } .CBNavPaneChoiceBox:alias { -tr-rule-ref: selector(".CBChoiceChoiceBox:alias"); } .CBNavPaneChoiceOptionText:alias { -tr-rule-ref: selector(".CBChoiceOptionText:alias"); } /* Inject CasaBlanca styles */ af|navigationPane::choice-options { -tr-rule-ref: selector(".CBNavPaneChoiceBox:alias"); } af|navigationPane::choice-options option { -tr-rule-ref: selector(".CBNavPaneChoiceOptionText:alias"); } af|navigationPane af|navigationPane::choice-button { -tr-rule-ref: selector(".CBNavPaneChoiceButton:alias"); } /* Tabs style --------------------------------------------*/ .CBNavPane:alias { -tr-rule-ref: selector(".CBTabsHeads:alias"); } .CBNavPaneTabsCommon:alias { } .CBNavPaneTabs:alias { -tr-rule-ref: selector(".CBTabHeadTop:alias"); -tr-rule-ref: selector(".CBNavPaneTabsCommon:alias"); } .CBNavPaneTabsHover:alias { -tr-rule-ref: selector(".CBTabHeadTopHover:alias"); -tr-rule-ref: selector(".CBNavPaneTabsCommon:alias"); } .CBNavPaneTabsSelected:alias { -tr-rule-ref: selector(".CBTabHeadTopSelected:alias"); -tr-rule-ref: selector(".CBNavPaneTabsCommon:alias"); } .CBNavPaneTabsSelectedHover:alias { -tr-rule-ref: selector(".CBTabHeadSelectedTopHover:alias"); -tr-rule-ref: selector(".CBNavPaneTabsCommon:alias"); } .CBNavPaneTabsDisabled:alias { -tr-rule-ref: selector(".CBTabHeadTopDisabled:alias"); -tr-rule-ref: selector(".CBNavPaneTabsCommon:alias"); } .CBNavPaneTabsDisabledHover:alias { -tr-rule-ref: selector(".CBTabHeadDisabledTopHover:alias"); -tr-rule-ref: selector(".CBNavPaneTabsCommon:alias"); } /* Clear some legacy stuff */ af|navigationPane::tabs af|navigationPane::tabs-mid { background: none; padding: 0; } af|navigationPane::tabs af|navigationPane::tabs-start, af|navigationPane::tabs af|navigationPane::tabs-end, af|navigationPane::tabs af|navigationPane::tabs-start-join, af|navigationPane::tabs af|navigationPane::tabs-start-join-from-inactive, af|navigationPane::tabs af|navigationPane::tabs-start-join-from-active, af|navigationPane::tabs af|navigationPane::tabs-end-join-to-inactive, af|navigationPane::tabs af|navigationPane::tabs-bottom-start, af|navigationPane::tabs af|navigationPane::tabs-bottom-mid, af|navigationPane::tabs af|navigationPane::tabs-bottom-end, af|navigationPane::tabs af|navigationPane::tabs-bottom-start-content, af|navigationPane::tabs af|navigationPane::tabs-bottom-mid-content, af|navigationPane::tabs af|navigationPane::tabs-bottom-end-content { -tr-rule-ref: selector(".ie6BlockBahaviour"); width: 0; height: 0; display: none; } /* Inject CasaBlanca styles */ af|navigationPane::tabs { -tr-rule-ref: selector(".CBNavPane:alias"); } af|navigationPane::tabs-inactive af|navigationPane::tabs-mid a { -tr-rule-ref: selector(".CBNavPaneTabs:alias"); } @agent (touchScreen:none) { af|navigationPane::tabs-inactive af|navigationPane::tabs-mid a:hover { -tr-rule-ref: selector(".CBNavPaneTabsHover:alias"); } af|navigationPane::tabs-active af|navigationPane::tabs-mid a:hover { -tr-rule-ref: selector(".CBNavPaneTabsSelectedHover:alias"); } af|navigationPane::tabs .p_AFDisabled af|navigationPane::tabs-mid:hover { -tr-rule-ref: selector(".CBNavPaneTabsDisabledHover:alias"); } } af|navigationPane::tabs-active af|navigationPane::tabs-mid a { -tr-rule-ref: selector(".CBNavPaneTabsSelected:alias"); } af|navigationPane::tabs .p_AFDisabled af|navigationPane::tabs-mid { -tr-rule-ref: selector(".CBNavPaneTabsDisabled:alias"); } /* Navigation Tree component -----------------------------------------------------------------------------------------*/ /* Also valable for the tree component because the lack of CSS class hooks */ /* CasaBlanca styles */ .CBNavigationTreeDiscloseIconStyle:alias { -tr-rule-ref: selector(".CBTreeDiscloseIconStyle:alias"); } .CBNavigationTreeLinkCommon:alias { } .CBNavigationTreeLink:alias { -tr-rule-ref: selector(".CBTreeLink:alias"); } .CBNavigationTreeLinkHover:alias { -tr-rule-ref: selector(".CBTreeLinkHover:alias"); } .CBNavigationTreeExpandCollapseItem:alias { -tr-rule-ref: selector(".CBTreeLink:alias"); } .CBNavigationTreeExpandCollapseItemHover:alias { -tr-rule-ref: selector(".CBTreeLinkHover:alias"); text-decoration: none; } .CBNavigationTreeLinkDisabled:alias { -tr-rule-ref: selector(".CBTreeLinkDisabled:alias"); } .CBNavigationTreeLinkDisabledHover:alias { -tr-rule-ref: selector(".CBTreeLinkDisabledHover:alias"); } /* Inject CasaBlanca styles */ .p_OraTreeRow a:link, .p_OraTreeRow a:active, .p_OraTreeRow a:visited, .p_OraTreeRowSelected a, .p_OraTreeRowSelected a:link, .p_OraTreeRowSelected a:active, .p_OraTreeRowSelected a:visited { -tr-rule-ref: selector(".CBNavigationTreeLink:alias"); } @agent (touchScreen:none) { .p_OraTreeRow a:hover, .p_OraTreeRow a:link:hover, .p_OraTreeRow a:active:hover, .p_OraTreeRow a:visited:hover, .p_OraTreeRowSelected a:hover, .p_OraTreeRowSelected a:link:hover, .p_OraTreeRowSelected a:active:hover, .p_OraTreeRowSelected a:visited:hover, .p_OraTreeRow a.OraLink:hover, .p_OraTreeRowSelected a.OraLink:hover { -tr-rule-ref: selector(".CBNavigationTreeLinkHover:alias"); } .p_OraTreeDisclosedSymbol a:hover, .p_OraTreeDisclosedSymbol a:link:hover, .p_OraTreeDisclosedSymbol a:active:hover, .p_OraTreeDisclosedSymbol a:visited:hover, .p_OraTreeDisclosedSymbol a.OraLink:hover { -tr-rule-ref: selector(".CBNavigationTreeExpandCollapseItemHover:alias"); } .p_OraTreeDisclosedSymbol .OraLinkDisabled:hover, .p_OraTreeRow .OraLinkDisabled:hover, .p_OraTreeRowSelected .OraLinkDisabled:hover { -tr-rule-ref: selector(".CBNavigationTreeLinkDisabledHover:alias") ; } } .p_OraTreeDisclosedSymbol a, .p_OraTreeDisclosedSymbol a:link, .p_OraTreeDisclosedSymbol a:active, .p_OraTreeDisclosedSymbol a:visited { -tr-rule-ref: selector(".CBNavigationTreeExpandCollapseItem:alias"); } .p_OraTreeDisclosedSymbol .OraLinkDisabled, .p_OraTreeRow .OraLinkDisabled, .p_OraTreeRowSelected .OraLinkDisabled { -tr-rule-ref: selector(".CBNavigationTreeLinkDisabled:alias") ; } /* Output Document componnet ---------------------------------------------------------------------------------------- */ /* CasaBlanca styles */ .CBDocumentTitle:alias { -tr-rule-ref: selector(".CBHeaderLevel1Look:alias"); } .CBDocumentParagraph:alias { text-align: left; } .CBDocumentHeaderLevel1:alias { -tr-rule-ref: selector(".CBHeaderLevel2Look:alias"); } .CBDocumentHeaderLevel2:alias { -tr-rule-ref: selector(".CBHeaderLevel3Look:alias"); } .CBDocumentHeaderLevel3:alias { -tr-rule-ref: selector(".CBHeaderLevel4Look:alias"); } .CBDocumentNormalText:alias { -tr-rule-ref: selector(".CBDefaultFontLook:alias"); -tr-rule-ref: selector(".CBParagraphLineHeight:alias"); } /* Inject CasaBlanca styles */ af|outputDocument { -tr-rule-ref: selector(".CBDocumentNormalText:alias"); } af|outputDocument af|outputDocument::title { -tr-rule-ref: selector(".CBDocumentTitle:alias"); } af|outputDocument::paragraph { -tr-rule-ref: selector(".CBDocumentParagraph:alias"); } /* Output Label component ------------------------------------------------------------------------------------------- */ /* CasaBlanca styles */ .CBOutputLabel:alias { -tr-rule-ref: selector(".CBLabel:alias"); } /* Inject CasaBlanca styles */ af|outputLabel label { -tr-rule-ref: selector(".CBOutputLabel:alias"); } /* Output Formated component ---------------------------------------------------------------------------------------- */ /* Not necesary for the moment */ /* Output Text component -------------------------------------------------------------------------------------------- */ /* Not necesary for the moment */ /* Panel Accordion component ---------------------------------------------------------------------------------------- */ /* CasaBlanca styles */ .CBAccordionPanelHeadCommon:alias { } .CBAccordionPanelHead:alias { -tr-rule-ref: selector(".CBAccordionHead:alias"); -tr-rule-ref: selector(".CBAccordionPanelHeadCommon:alias"); } .CBAccordionPanelHeadHover:alias { -tr-rule-ref: selector(".CBAccordionHeadHover:alias"); -tr-rule-ref: selector(".CBAccordionPanelHeadCommon:alias"); } .CBAccordionPanelHeadSelected:alias { -tr-rule-ref: selector(".CBAccordionHeadSelected:alias"); -tr-rule-ref: selector(".CBAccordionPanelHeadCommon:alias"); } .CBAccordionPanelHeadSelectedHover:alias { -tr-rule-ref: selector(".CBAccordionHeadSelectedHover:alias"); -tr-rule-ref: selector(".CBAccordionPanelHeadCommon:alias"); } .CBAccordionPanelHeadDisabled:alias { -tr-rule-ref: selector(".CBAccordionHeadDisabled:alias"); -tr-rule-ref: selector(".CBAccordionPanelHeadCommon:alias"); } .CBAccordionPanelHeadDisabledHover:alias { -tr-rule-ref: selector(".CBAccordionHeadDisabledHover:alias"); -tr-rule-ref: selector(".CBAccordionPanelHeadCommon:alias"); } .CBAccordionPanelBody:alias { -tr-rule-ref: selector(".CBAccordionBody:alias"); } /* Inject CasaBlanca styles */ af|panelAccordion { } af|panelAccordion::header-collapsed, af|panelAccordion::header-expanded, af|panelAccordion::header-disabled { height: auto; width: 100%; } af|panelAccordion::title-link { padding-left: 20px; } af|panelAccordion::title-link .p_OraHideShowDisclosedSymbol { margin-right: 5px; margin-top: -3px; } af|panelAccordion::header-collapsed af|panelAccordion::title-link { -tr-rule-ref: selector(".CBAccordionPanelHead:alias"); } af|panelAccordion::header-collapsed af|panelAccordion::title-link .p_OraHideShowDisclosedSymbol { -tr-rule-ref: selector(".CBIconLook:alias"); -tr-rule-ref: selector(".CBIconArrowDown:alias"); } @agent (touchScreen:none) { af|panelAccordion::header-collapsed af|panelAccordion::title-link:hover { -tr-rule-ref: selector(".CBAccordionPanelHeadHover:alias"); } af|panelAccordion::header-collapsed af|panelAccordion::title-link:hover .p_OraHideShowDisclosedSymbol { -tr-rule-ref: selector(".CBIconLookHover:alias"); -tr-rule-ref: selector(".CBIconArrowDown:alias"); } af|panelAccordion::header-expanded af|panelAccordion::title-link:hover .p_OraHideShowDisclosedSymbol { -tr-rule-ref: selector(".CBIconLookSelectedHover:alias"); -tr-rule-ref: selector(".CBIconArrowUp:alias"); } af|panelAccordion::header-expanded af|panelAccordion::title-link:hover { -tr-rule-ref: selector(".CBAccordionPanelHeadSelectedHover:alias"); margin-bottom: 0; } af|panelAccordion::header-disabled af|panelAccordion::title-disabled-link:hover { -tr-rule-ref: selector(".CBAccordionPanelHeadDisabledHover:alias"); } } af|panelAccordion::header-expanded af|panelAccordion::title-link { -tr-rule-ref: selector(".CBAccordionPanelHeadSelected:alias"); margin-bottom: 0; } af|panelAccordion::header-expanded af|panelAccordion::title-link .p_OraHideShowDisclosedSymbol { -tr-rule-ref: selector(".CBIconLookSelected:alias"); -tr-rule-ref: selector(".CBIconArrowUp:alias"); } af|panelAccordion::header-disabled af|panelAccordion::title-disabled-link { -tr-rule-ref: selector(".CBAccordionPanelHeadDisabled:alias"); } af|panelAccordion::content { -tr-rule-ref: selector(".CBAccordionPanelBody:alias"); } af|panelAccordion::content af|panelFormLayout::label-cell { } af|panelAccordion::content af|panelHeader::level-one { } /* Panel Border Layout component ------------------------------------------------------------------------------------ */ /* Not applicable yet */ /* Panel Box component ---------------------------------------------------------------------------------------------- */ /* CasaBlanca styles */ .CBPanelBoxHeadCommon:alias { width: auto; } .CBPanelBoxHead:alias { -tr-rule-ref: selector(".CBPanelHead:alias"); -tr-rule-ref: selector(".CBPanelBoxHeadCommon:alias"); -tr-rule-ref: selector(".CBRoundedTopCornersLook:alias"); } .CBPanelBoxBodyCommon:alias { } .CBPanelBoxBody:alias { -tr-rule-ref: selector(".CBPanelBodyEmbossed:alias"); -tr-rule-ref: selector(".CBPanelBoxBodyCommon:alias"); } /* Clear some legacy stuff */ af|panelBox::light af|panelBox::body { background: none; } af|panelBox::body af|panelBox::header img { display: none; width: 0; height: 0; } /* Inject CasaBlanca styles */ af|panelBox::light af|panelBox::body af|panelBox::header { -tr-rule-ref: selector(".CBPanelBoxHead:alias"); } af|panelBox::light af|panelBox::body af|panelBox::content { -tr-rule-ref: selector(".CBPanelBoxBody:alias"); } /* Panel Button Bar component --------------------------------------------------------------------------------------- */ /* CasaBlanca styles */ .CBPanelButtonBarButtonCommon:alias { padding: 6px 11px; } .CBPanelButtonBarButton:alias { -tr-rule-ref: selector(".CBButtonBarOption:alias"); -tr-rule-ref: selector(".CBPanelButtonBarButtonCommon:alias"); } .CBPanelButtonBarButtonHover:alias { -tr-rule-ref: selector(".CBButtonBarOptionHover:alias"); -tr-rule-ref: selector(".CBPanelButtonBarButtonCommon:alias"); } .CBPanelButtonBarButtonDisabled:alias { -tr-rule-ref: selector(".CBButtonBarOptionDisabled:alias"); -tr-rule-ref: selector(".CBPanelButtonBarButtonCommon:alias"); } .CBPanelButtonBarButtonDisabledHover:alias { -tr-rule-ref: selector(".CBButtonBarOptionDisabledHover:alias"); -tr-rule-ref: selector(".CBPanelButtonBarButtonCommon:alias"); } .CBPanelButtonBarLabel:alias { -tr-rule-ref: selector(".CBButtonBarLabel:alias"); } /* Clear some legacy stuff */ af|panelButtonBar td img { -tr-rule-ref: selector(".ie6BlockBahaviour"); width: 0; height: 0; display: none; } /* Inject CasaBlanca styles */ af|panelButtonBar af|commandButton { -tr-rule-ref: selector(".CBPanelButtonBarButton:alias"); } @agent (touchScreen:none) { af|panelButtonBar af|commandButton:hover { -tr-rule-ref: selector(".CBPanelButtonBarButtonHover:alias"); } af|panelTabbed::orientation-top af|panelTabbed::tab a:hover { -tr-rule-ref: selector(".CBPanelTabTopHover:alias"); } af|panelTabbed::orientation-top af|panelTabbed::tab-selected a:hover { -tr-rule-ref: selector(".CBPanelTabTopSelectedHover:alias"); } af|panelTabbed::orientation-top af|panelTabbed::tab a.p_OraDisabled:hover { -tr-rule-ref: selector(".CBPanelTabTopDisabledHover:alias"); } af|panelTabbed::orientation-bottom af|panelTabbed::tab-selected a:hover { -tr-rule-ref: selector(".CBPanelTabBottomSelectedHover:alias"); } af|panelTabbed::orientation-bottom af|panelTabbed::tab a:hover { -tr-rule-ref: selector(".CBPanelTabBottomHover:alias"); } af|panelTabbed::orientation-bottom af|panelTabbed::tab a.p_OraDisabled:hover { -tr-rule-ref: selector(".CBPanelTabBottomDisabledHover:alias"); } } af|panelButtonBar af|singleStepButtonBar::label { -tr-rule-ref: selector(".CBPanelButtonBarLabel:alias"); } /* Panel CaptionGroup component ------------------------------------------------------------------------------------- */ /* CasaBlanca styles */ .CBPanelCaptinonGroup { -tr-rule-ref: selector(".CBControlsGroup:alias"); } .CBPanelCaptinonGroupCaption { -tr-rule-ref: selector(".CBDefaultStrongFontLook:alias"); } /* Inject CasaBlanca styles */ af|panelCaptionGroup { -tr-rule-ref: selector(".CBPanelCaptinonGroup"); } af|panelCaptionGroup af|panelCaptionGroup::caption { -tr-rule-ref: selector(".CBControlsGroupLabel:alias"); } /* Panel Choice component ------------------------------------------------------------------------------------------- */ /* Not applicable yet */ /* Panel Form Layout component -------------------------------------------------------------------------------------- */ /* Not applicable yet */ /* Panel Group Layout component ------------------------------------------------------------------------------------- */ /* Not applicable yet */ /* Panel Header component ------------------------------------------------------------------------------------------- */ /* CasaBlanca styles */ .CBPanelHeaderCommon:alias { } .CBHeaderNest:alias { margin: 0; padding: 10px 0 0; } .CBPanelHeaderLevel1:alias { -tr-rule-ref: selector(".CBHeaderLevel1Look:alias"); -tr-rule-ref: selector(".CBPanelHeaderCommon:alias"); } .CBPanelHeaderLevel2:alias { -tr-rule-ref: selector(".CBHeaderLevel2Look:alias"); -tr-rule-ref: selector(".CBPanelHeaderCommon:alias"); } .CBPanelHeaderLevel3:alias { -tr-rule-ref: selector(".CBHeaderLevel3Look:alias"); -tr-rule-ref: selector(".CBPanelHeaderCommon:alias"); } .CBPanelHeaderLevel4:alias { -tr-rule-ref: selector(".CBHeaderLevel4Look:alias"); -tr-rule-ref: selector(".CBPanelHeaderCommon:alias"); } .CBPanelHeaderLevel5:alias { -tr-rule-ref: selector(".CBHeaderLevel5Look:alias"); -tr-rule-ref: selector(".CBPanelHeaderCommon:alias"); } .CBPanelHeaderLevel6:alias { -tr-rule-ref: selector(".CBHeaderLevel6Look:alias"); -tr-rule-ref: selector(".CBPanelHeaderCommon:alias"); } /* Inject CasaBlanca styles */ .p_OraHeaderNest { -tr-rule-ref: selector(".CBHeaderNest:alias"); } af|panelHeader::level-one { -tr-rule-ref: selector(".CBPanelHeaderLevel1:alias"); } af|panelHeader::level-two { -tr-rule-ref: selector(".CBPanelHeaderLevel2:alias"); } af|panelHeader::level-three { -tr-rule-ref: selector(".CBPanelHeaderLevel3:alias"); } af|panelHeader::level-four { -tr-rule-ref: selector(".CBPanelHeaderLevel4:alias"); } af|panelHeader::level-five { -tr-rule-ref: selector(".CBPanelHeaderLevel5:alias"); } af|panelHeader::level-six { -tr-rule-ref: selector(".CBPanelHeaderLevel6:alias"); } /* Panel Horizontal Layout component -------------------------------------------------------------------------------- */ /* Not applicable yet */ /* Panel Label and Message component -------------------------------------------------------------------------------- */ /* Not applicable yet */ /* Panel List component --------------------------------------------------------------------------------------------- */ .CBPanelListBorder:alias { } .CBPanelListList:alias { margin: 4px 0; } af|panelList { -tr-rule-ref: selector(".CBPanelListBorder:alias"); } af|panelList ul { -tr-rule-ref: selector(".CBPanelListList:alias"); } /* Panel Page component --------------------------------------------------------------------------------------------- */ /* Not applicable yet */ /* Page TopBar component -------------------------------------------------------------------------------------------- */ .CBTopTopBar:alias { -tr-rule-ref: selector(".CBTopBar:alias"); } .p_OraQuickSearchBox { -tr-rule-ref: selector(".CBTopTopBar:alias"); } af|menuBar::empty { display: none; } /* Panel Popup component -------------------------------------------------------------------------------------------- */ /* CasaBlanca styles */ .CBPanelPopUpBodyCommon:alias { } .CBPanelPopUpBody:alias { -tr-rule-ref: selector(".CBPanelAccented:alias"); -tr-rule-ref: selector(".CBPanelPopUpBodyCommon:alias"); } /* Inject CasaBlanca styles */ af|panelPopup::container { -tr-rule-ref: selector(".CBPanelPopUpBody:alias"); } af|panelPopup::container af|panelPopup::content { background: transparent; } /* Panel Radio component -------------------------------------------------------------------------------------------- */ /* CasaBlanca styles */ .CBPanelSidebar:alias { -tr-rule-ref: selector(".CBPanelAccented:alias"); } .CBPanelSidebarBody:alias { background: none; } /* Inject CasaBlanca styles */ af|panelSideBar { -tr-rule-ref: selector(".CBPanelSidebar:alias"); } af|panelSideBar::body { -tr-rule-ref: selector(".CBPanelSidebarBody:alias"); } /* Panel Tabbed component ------------------------------------------------------------------------------------------- */ /* CasaBlanca styles */ .CBPanelTabTopCommon:alias { } .CBPanelTabBottomCommon:alias { } .CBPanelTabTop:alias { -tr-rule-ref: selector(".CBTabHeadTop:alias"); -tr-rule-ref: selector(".CBPanelTabTopCommon:alias"); } .CBPanelTabTopHover:alias { -tr-rule-ref: selector(".CBTabHeadTopHover:alias"); -tr-rule-ref: selector(".CBPanelTabTopCommon:alias"); } .CBPanelTabTopSelected:alias { -tr-rule-ref: selector(".CBTabHeadTopSelected:alias"); -tr-rule-ref: selector(".CBPanelTabTopCommon:alias"); } .CBPanelTabTopSelectedHover:alias { -tr-rule-ref: selector(".CBTabHeadSelectedTopHover:alias"); -tr-rule-ref: selector(".CBPanelTabTopCommon:alias"); } .CBPanelTabTopDisabled:alias { -tr-rule-ref: selector(".CBTabHeadTopDisabled:alias"); -tr-rule-ref: selector(".CBPanelTabTopCommon:alias"); } .CBPanelTabTopDisabledHover:alias { -tr-rule-ref: selector(".CBTabHeadDisabledTopHover:alias"); -tr-rule-ref: selector(".CBPanelTabTopCommon:alias"); } .CBPanelTabBottom:alias { -tr-rule-ref: selector(".CBTabHeadBottom:alias"); -tr-rule-ref: selector(".CBPanelTabBottomCommon:alias"); } .CBPanelTabBottomHover:alias { -tr-rule-ref: selector(".CBTabHeadBottomHover:alias"); -tr-rule-ref: selector(".CBPanelTabBottomCommon:alias"); } .CBPanelTabBottomSelected:alias { -tr-rule-ref: selector(".CBTabHeadBottomSelected:alias"); -tr-rule-ref: selector(".CBPanelTabBottomCommon:alias"); } .CBPanelTabBottomSelectedHover:alias { -tr-rule-ref: selector(".CBTabHeadBottomSelectedHover:alias"); -tr-rule-ref: selector(".CBPanelTabBottomCommon:alias"); } .CBPanelTabBottomDisabled:alias { -tr-rule-ref: selector(".CBTabHeadBottomDisabled:alias"); -tr-rule-ref: selector(".CBPanelTabBottomCommon:alias"); } .CBPanelTabBottomDisabledHover:alias { -tr-rule-ref: selector(".CBTabHeadBottomDisabledHover:alias"); -tr-rule-ref: selector(".CBPanelTabBottomCommon:alias"); } .CBPanelTabBody:alias { -tr-rule-ref: selector(".CBPanelBodySelected:alias"); -tr-rule-ref: selector(".CBClearRoundCornersLook:alias"); -tr-rule-ref: selector(".CBRoundedRightCornersLook:alias"); width: auto; border-width: 1px; margin-bottom: 0; } /* Clear some legacy stuff */ af|panelTabbed::cell-start, af|panelTabbed::separator, af|panelTabbed::separator-before-selected, af|panelTabbed::separator-before-selected { display: none; } /* Inject CasaBlanca styles */ af|panelTabbed::orientation-top af|panelTabbed::tab, af|panelTabbed::tab-selected { padding: 0 1px 0 0; } af|panelTabbed::orientation-top af|panelTabbed::tab a { -tr-rule-ref: selector(".CBPanelTabTop:alias"); } af|panelTabbed::orientation-top af|panelTabbed::tab-selected a { -tr-rule-ref: selector(".CBPanelTabTopSelected:alias"); } af|panelTabbed::orientation-top af|panelTabbed::tab a.p_OraDisabled { -tr-rule-ref: selector(".CBPanelTabTopDisabled:alias"); } af|panelTabbed::orientation-bottom af|panelTabbed::tab, af|panelTabbed::tab-selected { padding: 0 1px 0 0; } af|panelTabbed::orientation-bottom af|panelTabbed::tab a { -tr-rule-ref: selector(".CBPanelTabBottom:alias"); } af|panelTabbed::orientation-bottom af|panelTabbed::tab-selected a { -tr-rule-ref: selector(".CBPanelTabBottomSelected:alias"); } af|panelTabbed::orientation-bottom af|panelTabbed::tab a.p_OraDisabled { -tr-rule-ref: selector(".CBPanelTabBottomDisabled:alias"); } af|panelTabbed::body { -tr-rule-ref: selector(".CBPanelTabBody:alias"); } /* Panel Tip component ---------------------------------------------------------------------------------------------- */ /* CasaBlanca styles */ .CBPanelTipLabel:alias { } .CBPanelTipContent:alias { } /* Inject CasaBlanca styles */ af|panelTip::label { -tr-rule-ref: selector(".CBPanelTipLabel:alias"); } af|panelTip::content { -tr-rule-ref: selector(".CBPanelTipContent:alias"); } /* Process Choicebar component -------------------------------------------------------------------------------------- */ /* No any specific overwriting for the moment */ /* Progress Indicator component ------------------------------------------------------------------------------------- */ /* CasaBlanca styles */ .CBProgressIndicator:alias { -tr-rule-ref: selector(".CBTextCellRaisedLook:alias"); -tr-rule-ref: selector(".CBRoundedAllCornersLook:alias"); padding: 2px 15px; } /* Inject CasaBlanca styles */ .p_OraProcessingStatus { -tr-rule-ref: selector(".CBProgressIndicator:alias"); } /* Reset Button component ------------------------------------------------------------------------------------------- */ /* CasaBlanca styles */ .CBResetButton:alias { -tr-rule-ref: selector(".CBButton:alias"); } .CBResetButtonHover:alias { -tr-rule-ref: selector(".CBButtonHover:alias"); } .CBResetButtonDisabled:alias { } .CBResetButtonDisabledHover:alias { } /* Inject CasaBlanca styles */ af|resetButton { -tr-rule-ref: selector(".CBResetButton:alias"); } @agent (touchScreen:none) { af|resetButton:hover { -tr-rule-ref: selector(".CBResetButtonHover:alias"); } } /* Select Boolean CheckBox component -------------------------------------------------------------------------------- */ /* CasaBlanca styles */ .CBSelectBooleanCheckBox:alias { -tr-rule-ref: selector(".CBCheckBox:alias"); } .CBSelectBooleanCheckBoxMainLabel:alias { -tr-rule-ref: selector(".CBCheckBoxMainLabel:alias"); } .CBSelectBooleanChechBoxCheckLabel:alias { -tr-rule-ref: selector(".CBChechBoxCheckLabel:alias"); } /* Inject CasaBlanca styles */ af|selectBooleanCheckbox { -tr-rule-ref: selector(".CBSelectBooleanCheckBox:alias"); } af|selectBooleanCheckbox af|selectBooleanCheckbox::label { -tr-rule-ref: selector(".CBSelectBooleanCheckBoxMainLabel:alias"); } af|selectBooleanCheckbox af|selectBooleanCheckbox::content label { -tr-rule-ref: selector(".CBSelectBooleanChechBoxCheckLabel:alias"); } /* Select Boolean Radio component ----------------------------------------------------------------------------------- */ /* CasaBlanca styles */ .CBSelectBooleanRadio:alias { -tr-rule-ref: selector(".CBRadio:alias"); } .CBSelectBooleanRadioMainLabel:alias { -tr-rule-ref: selector(".CBRadioMainLabel:alias"); } .CBSelectBooleanRadioRadioLabel:alias { -tr-rule-ref: selector(".CBRadioRadioLabel:alias"); } /* Inject CasaBlanca styles */ af|selectBooleanRadio { -tr-rule-ref: selector(".CBSelectBooleanRadio:alias"); } af|selectBooleanRadio af|selectBooleanRadio::label { -tr-rule-ref: selector(".CBSelectBooleanRadioMainLabel:alias"); } af|selectBooleanRadio af|selectBooleanRadio::content label { -tr-rule-ref: selector(".CBSelectBooleanRadioRadioLabel:alias"); } /* Select Item component -------------------------------------------------------------------------------------------- */ /* CasaBlanca styles */ .CBSelectItem:alias { -tr-rule-ref: selector(".CBChoice:alias"); } .CBSelectItemLabel:alias { -tr-rule-ref: selector(".CBChoiceLabel:alias"); } .CBSelectItemOptionText:alias { -tr-rule-ref: selector(".CBChoiceOptionText:alias"); } .CBSelectItemChoiceBox:alias { -tr-rule-ref: selector(".CBChoiceChoiceBox:alias"); } .CBSelectItemChoiceBoxElementsSpacing:alias { -tr-rule-ref: selector(".CBFormVerticalSpacingLook:alias"); display: block; } /* Inject CasaBlanca styles */ af|selectOneChoice { -tr-rule-ref: selector(".CBSelectItem:alias"); } af|selectOneChoice af|selectOneChoice::label label { -tr-rule-ref: selector(".CBSelectItemLabel:alias"); } af|selectOneChoice af|selectOneChoice::content option { -tr-rule-ref: selector(".CBSelectItemOptionText:alias"); } af|selectOneChoice af|selectOneChoice::content { -tr-rule-ref: selector(".CBSelectItemChoiceBox:alias"); } af|selectOneRadio af|selectOneRadio::content br { -tr-rule-ref: selector(".CBSelectItemChoiceBoxElementsSpacing:alias"); } /* Select Many CheckBox component ----------------------------------------------------------------------------------- */ /* CasaBlanca styles */ .CBSelectManyCheckBox:alias { -tr-rule-ref: selector(".CBCheckBox:alias"); } .CBSelectManyCheckBoxMainLabel:alias { -tr-rule-ref: selector(".CBCheckBoxMainLabel:alias"); } .CBSelectManyChechBoxCheckLabel:alias { -tr-rule-ref: selector(".CBChechBoxCheckLabel:alias"); } /* Inject CasaBlanca styles */ af|selectManyCheckbox { -tr-rule-ref: selector(".CBSelectManyCheckBox:alias"); } af|selectManyCheckbox af|selectManyCheckbox::label { -tr-rule-ref: selector(".CBSelectManyCheckBoxMainLabel:alias"); } af|selectManyCheckbox af|selectManyCheckbox::content label { -tr-rule-ref: selector(".CBSelectManyChechBoxCheckLabel:alias"); } /* Select Many ListBox ---------------------------------------------------------------------------------------------- */ /* CasaBlanca styles */ .CBSelectManyListBox:alias { -tr-rule-ref: selector(".CBListBox:alias"); } .CBSelectManyListBoxMainLabel:alias { -tr-rule-ref: selector(".CBListBoxMainLabel:alias"); } .CBSelectManyListBoxOptionBox:alias { -tr-rule-ref: selector(".CBListBoxOptionBox:alias"); } .CBSelectManyListBoxOptionText:alias { -tr-rule-ref: selector(".CBListBoxOptionText:alias"); } /* Inject CasaBlanca styles */ af|selectManyListbox { -tr-rule-ref: selector(".CBSelectManyListBox:alias"); } af|selectManyListbox af|selectManyListbox::label { -tr-rule-ref: selector(".CBSelectManyListBoxMainLabel:alias"); } af|selectManyListbox af|selectManyListbox::content { -tr-rule-ref: selector(".CBSelectManyListBoxOptionBox:alias"); } af|selectManyListbox af|selectManyListbox::content option { -tr-rule-ref: selector(".CBSelectManyListBoxOptionText:alias"); } /* Select Many Shuttle ---------------------------------------------------------------------------------------------- */ /* CasaBlanca styles */ .CBSelectManyShuttle:alias { -tr-rule-ref: selector(".CBShuttle:alias"); } .CBSelectManyShuttleButton:alias { -tr-rule-ref: selector(".CBShuttleButton:alias"); } .CBSelectManyShuttleButtonHover:alias { -tr-rule-ref: selector(".CBShuttleButtonHover:alias"); } .CBSelectManyShuttleListBox:alias { -tr-rule-ref: selector(".CBShuttleListBox:alias"); } .CBSelectManyShuttleListBoxContainer:alias { -tr-rule-ref: selector(".CBShuttleListBoxContainer:alias"); } .CBSelectManyShuttleButtonSpacer:alias { -tr-rule-ref: selector(".CBShuttleButtonSpacer:alias"); } .CBSelectManyShuttleDisplayBox:alias { -tr-rule-ref: selector(".CBShuttleDisplayBox:alias"); } .CBSelectManyShuttleLabel:alias { -tr-rule-ref: selector(".CBShuttleLabel:alias"); } /* Clear some legacy stuff */ af|selectManyShuttle::box-content af|selectManyListbox::content option[value=""] { display: none; } /* Inject CasaBlanca styles */ af|selectManyShuttle a.OraLink { -tr-rule-ref: selector(".CBSelectManyShuttleButton:alias"); } @agent (touchScreen:none) { af|selectManyShuttle a.OraLink:hover { -tr-rule-ref: selector(".CBSelectManyShuttleButtonHover:alias"); } } af|selectManyShuttle::box-content af|selectManyListbox { -tr-rule-ref: selector(".CBSelectManyShuttleListBoxContainer:alias"); } af|selectManyShuttle::box-content af|selectManyListbox::content { -tr-rule-ref: selector(".CBSelectManyShuttleListBox:alias"); } af|selectManyShuttle div { -tr-rule-ref: selector(".CBSelectManyShuttleButtonSpacer:alias"); } af|selectManyShuttle af|selectManyShuttle::box-content { -tr-rule-ref: selector(".CBSelectManyShuttleDisplayBox:alias"); } af|selectManyShuttle .OraShuttleHeader { -tr-rule-ref: selector(".CBSelectManyShuttleLabel:alias"); } /* Select One Choice ------------------------------------------------------------------------------------------------ */ /* CasaBlanca styles */ .CBSelectOneChoice:alias { -tr-rule-ref: selector(".CBChoice:alias"); } .CBSelectOneChoiceLabel:alias { -tr-rule-ref: selector(".CBChoiceLabel:alias"); } .CBSelectOneChoiceOptionText:alias { -tr-rule-ref: selector(".CBChoiceOptionText:alias"); } /* Inject CasaBlanca styles */ af|selectOneChoice { -tr-rule-ref: selector(".CBSelectOneChoice:alias"); } af|selectOneChoice af|selectOneChoice::label label { -tr-rule-ref: selector(".CBSelectOneChoiceLabel:alias"); } af|selectOneChoice af|selectOneChoice::content, af|selectOneChoice af|selectOneChoice::content option { -tr-rule-ref: selector(".CBSelectOneChoiceOptionText:alias"); } /* Select One ListBox ----------------------------------------------------------------------------------------------- */ /* CasaBlanca styles */ .CBSelectOneListBox:alias { -tr-rule-ref: selector(".CBListBox:alias"); } .CBSelectOneListBoxLabel:alias { -tr-rule-ref: selector(".CBListBoxMainLabel:alias"); } .CBSelectOneListBoxOptionBox:alias { -tr-rule-ref: selector(".CBListBoxOptionBox:alias"); } .CBSelectOneListBoxOptionText:alias { -tr-rule-ref: selector(".CBListBoxOptionText:alias"); } .CBSelectOneListBoxElementsSpacing:alias { -tr-rule-ref: selector(".CBFormVerticalSpacingLook:alias"); } /* Inject CasaBlanca styles */ af|selectOneListbox { -tr-rule-ref: selector(".CBSelectOneListBox:alias"); } af|selectOneListbox af|selectOneListbox::label label { -tr-rule-ref: selector(".CBSelectOneListBoxLabel:alias"); } af|selectOneListbox af|selectOneListbox::content { -tr-rule-ref: selector(".CBSelectOneListBoxOptionBox:alias"); } af|selectOneListbox af|selectOneListbox::content option { -tr-rule-ref: selector(".CBSelectOneListBoxOptionText:alias"); } /* Select One Radio ------------------------------------------------------------------------------------------------- */ /* CasaBlanca styles */ .CBSelectOneRadio:alias { -tr-rule-ref: selector(".CBRadio:alias"); } .CBSelectOneRadioMainLabel:alias { -tr-rule-ref: selector(".CBRadioMainLabel:alias"); } .CBSelectOneRadioRadioLabel:alias { -tr-rule-ref: selector(".CBRadioRadioLabel:alias"); } /* Inject CasaBlanca styles */ af|selectOneRadio { -tr-rule-ref: selector(".CBSelectOneRadio:alias"); } af|selectOneRadio af|selectOneRadio::label { -tr-rule-ref: selector(".CBSelectOneRadioMainLabel:alias"); } af|selectOneRadio af|selectOneRadio::content label { -tr-rule-ref: selector(".CBSelectOneRadioRadioLabel:alias"); } /* Select Order Shuttle --------------------------------------------------------------------------------------------- */ /* Inject CasaBlanca styles */ .CBSelectOrderShuttle:alias { -tr-rule-ref: selector(".CBShuttle:alias"); } .CBSelectOrderShuttleButton:alias { -tr-rule-ref: selector(".CBShuttleButton:alias"); } .CBSelectOrderShuttleButtonHover:alias { -tr-rule-ref: selector(".CBShuttleButtonHover:alias"); } .CBSelectOrderShuttleListBox:alias { -tr-rule-ref: selector(".CBShuttleListBox:alias"); } .CBSelectOrderShuttleListBoxContainer:alias { -tr-rule-ref: selector(".CBShuttleListBoxContainer:alias"); } .CBSelectOrderShuttleButtonSpacer:alias { -tr-rule-ref: selector(".CBShuttleButtonSpacer:alias"); } .CBSelectOrderShuttleDisplayBox:alias { -tr-rule-ref: selector(".CBShuttleDisplayBox:alias"); } .CBSelectOrderShuttleLabel:alias { -tr-rule-ref: selector(".CBShuttleLabel:alias"); } /* Clear some legacy stuff */ af|selectOrderShuttle::box-content af|selectManyListbox::content option[value=""] { display: none; } /* Inject CasaBlanca styles */ af|selectOrderShuttle::box-content a { -tr-rule-ref: selector(".CBSelectOrderShuttleButton:alias"); } @agent (touchScreen:none) { af|selectOrderShuttle::box-content a:hover { -tr-rule-ref: selector(".CBSelectOrderShuttleButtonHover:alias"); } } af|selectOrderShuttle::box-content af|selectManyListbox { -tr-rule-ref: selector(".CBSelectOrderShuttleListBoxContainer:alias"); } af|selectOrderShuttle::box-content af|selectManyListbox::content { -tr-rule-ref: selector(".CBSelectOrderShuttleListBox:alias"); } af|selectOrderShuttle::box-content br, af|selectOrderShuttle::box-content img { -tr-rule-ref: selector(".CBSelectOrderShuttleButtonSpacer:alias"); } af|selectManyShuttle af|selectOrderShuttle::box-content { -tr-rule-ref: selector(".CBSelectOrderShuttleDisplayBox:alias"); } /* Select Range ChoiceBar ------------------------------------------------------------------------------------------- */ /* No any class hooks for some particular overwritings, we will go on the default formatting for each subcomponent.-- */ /* Separator component ---------------------------------------------------------------------------------------------- */ /* CasaBlanca styles */ .CBSeparator:alias { height: auto; margin: 15px 0 0; border-width: 1px 0 0 0; color: #CBC3BE; background-color: #CBC3BE; -tr-rule-ref: selector(".CBBorderNormalSolidLook:alias"); } /* Inject CasaBlanca styles */ .af|separator, .p_OraContentFooterRule, af|panelFormLayout::separator { -tr-rule-ref: selector(".CBSeparator:alias"); } /* Show Detail Header component ------------------------------------------------------------------------------------- */ /* CasaBlanca styles */ .CBShowDetailHeader:alias { -tr-rule-ref: selector(".CBHeaderLevel1Look:alias"); } .CBShowDetailHeaderExpandCollapseItem:alias { -tr-rule-ref: selector(".CBLinkLook:alias"); } .CBShowDetailHeaderExpandCollapseItemHover:alias { -tr-rule-ref: selector(".CBLinkLookHover:alias"); text-decoration: none; } /* Inject CasaBlanca styles */ h1.af|showDetailHeader { -tr-rule-ref: selector(".CBShowDetailHeader:alias"); } h1.af|showDetailHeader af|showDetail::disclosure-icon-link span { -tr-rule-ref: selector(".CBShowDetailHeaderExpandCollapseItem:alias"); } @agent (touchScreen:none) { h1.af|showDetailHeader af|showDetail::disclosure-icon-link:hover, h1.af|showDetailHeader af|showDetail::disclosure-icon-link span:hover { -tr-rule-ref: selector(".CBShowDetailHeaderExpandCollapseItemHover:alias"); } } /* Show Detail Item component --------------------------------------------------------------------------------------- */ /* CasaBlanca styles */ .CBShowDetailItem:alias { } .CBShowDetailTitle:alias { -tr-rule-ref: selector(".CBLinkLook:alias"); } .CBShowDetailTitleHover:alias { -tr-rule-ref: selector(".CBLinkLookHover:alias"); } .CBShowDetailExpandCollapseItem:alias { -tr-rule-ref: selector(".CBLinkLook:alias"); } .CBShowDetailExpandCollapseItemHover:alias { -tr-rule-ref: selector(".CBLinkLookHover:alias"); text-decoration: none; } /* Inject CasaBlanca styles */ af|showDetail::disclosure-icon-link .p_OraHideShowDisclosedSymbol { -tr-rule-ref: selector(".CBShowDetailExpandCollapseItem:alias"); } @agent (touchScreen:none) { af|showDetail::prompt-undisclosed af|showDetail::disclosure-icon-link:hover, af|showDetail::prompt-disclosed af|showDetail::disclosure-icon-link:hover { -tr-rule-ref: selector(".CBShowDetailExpandCollapseItemHover:alias"); } af|showDetail::prompt-undisclosed af|showDetail::prompt-link:hover, af|showDetail::prompt-disclosed af|showDetail::prompt-link:hover { -tr-rule-ref: selector(".CBShowDetailTitleHover:alias"); } } af|showDetail::prompt-undisclosed af|showDetail::prompt-link, af|showDetail::prompt-disclosed af|showDetail::prompt-link { -tr-rule-ref: selector(".CBShowDetailTitle:alias"); } /* Single step Button Bar component --------------------------------------------------------------------------------- */ /* CasaBlanca styles */ .CBSingleStepButtonBar:alias { } .CBSingleStepButtonBarButton:alias { -tr-rule-ref: selector(".CBButton:alias"); } .CBSingleStepButtonBarButtonHover:alias { -tr-rule-ref: selector(".CBButtonHover:alias"); } .CBSingleStepButtonBarButtonDisabled:alias { -tr-rule-ref: selector(".CBButtonDisabled:alias"); } .CBSingleStepButtonBarLabel:alias { -tr-rule-ref: selector(".CBLabel:alias"); } /* Inject CasaBlanca styles */ af|singleStepButtonBar { -tr-rule-ref: selector(".CBSingleStepButtonBar:alias"); } af|singleStepButtonBar af|commandButton { -tr-rule-ref: selector(".CBSingleStepButtonBarButton:alias"); } @agent (touchScreen:none) { af|singleStepButtonBar af|commandButton:hover { -tr-rule-ref: selector(".CBSingleStepButtonBarButtonHover:alias"); } } af|singleStepButtonBar af|singleStepButtonBar::label { -tr-rule-ref: selector(".CBSingleStepButtonBarLabel:alias"); } /* Spacer component ------------------------------------------------------------------------------------------------- */ /* Not applicable yet */ /* Status Indicator component --------------------------------------------------------------------------------------- */ /* No any specific overwriting for the moment */ /* StyleSheet component --------------------------------------------------------------------------------------------- */ /* Not applicable yet */ /* Train component -------------------------------------------------------------------------------------------------- */ /* CasaBlanca styles */ .CBTrainTrain:alias { -tr-rule-ref: selector(".CBTrain:alias"); } .CBTrainStop:alias { padding-right: 5px; } .CBTrainTrainStopUnvisited:alias { -tr-rule-ref: selector(".CBTrainStopUnvisited:alias"); } .CBTrainTrainStopUnvisitedHover:alias { -tr-rule-ref: selector(".CBTrainStopUnvisitedHover:alias"); } .CBTrainTrainStopVisited:alias { -tr-rule-ref: selector(".CBTrainStopVisited:alias"); } .CBTrainTrainStopVisitedHover:alias { -tr-rule-ref: selector(".CBTrainStopVisitedHover:alias"); } .CBTrainTrainStopSelected:alias { -tr-rule-ref: selector(".CBTrainStopSelected:alias"); } .CBTrainTrainStopSelectedHover:alias { -tr-rule-ref: selector(".CBTrainStopSelectedHover:alias"); } /* Inject CasaBlanca styles */ af|train { -tr-rule-ref: selector(".CBTrainTrain:alias"); } af|train::stop { -tr-rule-ref: selector(".CBTrainStop:alias"); } .p_AFSelected af|train::link { -tr-rule-ref: selector(".CBTrainTrainStopSelected:alias"); } @agent (touchScreen:none) { .p_AFSelected af|train::link:hover { -tr-rule-ref: selector(".CBTrainTrainStopSelectedHover:alias"); } .p_AFVisited af|train::link:hover { -tr-rule-ref: selector(".CBTrainTrainStopVisitedHover:alias"); } .p_AFUnvisited af|train::link:hover { -tr-rule-ref: selector(".CBTrainTrainStopUnvisitedHover:alias"); } } .p_AFVisited af|train::link { -tr-rule-ref: selector(".CBTrainTrainStopVisited:alias"); } .p_AFUnvisited af|train::link { -tr-rule-ref: selector(".CBTrainTrainStopUnvisited:alias"); } /* Clear some legacy stuff */ af|train::join { display: none ! important; } af|train::stop-icon-cell { display: none ! important; } af|train table { width: auto ! important; } /* Table component -------------------------------------------------------------------------------------------------- */ /* CasaBlanca styles */ .CBTableTableCell:alias { -tr-rule-ref: selector(".CBTableCell:alias"); } .CBTableTableCellInside:alias { -tr-rule-ref: selector(".CBTableCellInside:alias"); } .CBTableTableCellAll:alias { -tr-rule-ref: selector(".CBTableCellAll:alias"); } .CBTableTableCellTopLine:alias { -tr-rule-ref: selector(".CBTableCellTopLine:alias"); } .CBTableTableCellTopRighCorner:alias { -tr-rule-ref: selector(".CBTableCellTopRighCorner:alias"); } .CBTableTableCellRightLine:alias { -tr-rule-ref: selector(".CBTableCellRightLine:alias"); } .CBTableTableCellBottomRightCorner:alias { -tr-rule-ref: selector(".CBTableCellBottomRightCorner:alias"); } .CBTableTableCellBottomLine:alias { -tr-rule-ref: selector(".CBTableCellBottomLine:alias"); } .CBTableTableCellBottomLeftCorner:alias { -tr-rule-ref: selector(".CBTableCellBottomLeftCorner:alias"); } .CBTableTableCellLeftLine:alias { -tr-rule-ref: selector(".CBTableCellLeftLine:alias"); } .CBTableTableCellTopLeftCorner:alias { -tr-rule-ref: selector(".CBTableCellTopLeftCorner:alias"); } .CBTableTableCellHorizontalLines:alias { -tr-rule-ref: selector(".CBTableCellHorizontalLines:alias"); } .CBTableTableCellVerticalLines:alias { -tr-rule-ref: selector(".CBTableCellVerticalLines:alias"); } .CBTableTableHeadCell:alias { -tr-rule-ref: selector(".CBTableHeadCell:alias"); } .CBTableTableFooterCell:alias { -tr-rule-ref: selector(".CBTableFooterCell:alias"); } .CBTableTableControlBarTop:alias { -tr-rule-ref: selector(".CBTableControlBarTop:alias"); } .CBTableTableControlBarBottom:alias { -tr-rule-ref: selector(".CBTableControlBarBottom:alias"); } .CBTableTableSubControlBar:alias { -tr-rule-ref: selector(".CBTableSubControlBar:alias"); } .CBTableTablePathBar:alias { -tr-rule-ref: selector(".CBTablePathBar:alias"); } .CBTableTableBody:alias { -tr-rule-ref: selector(".CBTableBody:alias"); } .CBTableBarButton:alias { -tr-rule-ref: selector(".CBButton:alias") ; display: inline; } .CBTableBarButtonHover:alias { -tr-rule-ref: selector(".CBButtonHover:alias"); display: inline; } .CBTableBarButtonDisabled:alias { -tr-rule-ref: selector(".CBButtonLookDisabled:alias"); -tr-rule-ref: selector(".CBRoundedAllCornersLook:alias"); } /* Inject CasaBlanca styles */ af|table::control-bar-top { -tr-rule-ref: selector(".CBTableTableControlBarTop:alias"); } af|table::control-bar-bottom { -tr-rule-ref: selector(".CBTableTableControlBarBottom:alias"); } af|table::sub-control-bar { -tr-rule-ref: selector(".CBTableTableSubControlBar:alias"); } .OraHGridLocatorHeader { -tr-rule-ref: selector(".CBTableTablePathBar:alias"); padding: 0; } /* active navigation buttons */ af|table::sub-control-bar .OraLink, af|table::sub-control-bar af|showDetail::prompt-link { -tr-rule-ref: selector(".CBTableBarButton:alias") ; } /* active hover navigation buttons */ @agent (touchScreen:none) { af|table::sub-control-bar .OraLink:hover, af|table::sub-control-bar af|showDetail::prompt-link:hover { -tr-rule-ref: selector(".CBTableBarButtonHover:alias"); } af|table::sub-control-bar .OraNavBarActiveLink:hover, af|table::sub-control-bar af|showDetail::prompt-link:hover { -tr-rule-ref: selector(".CBTableBarButtonHover:alias"); } } /* inactive navigation buttons */ af|table::control-bar-top table td span, af|table::control-bar-bottom table td span, af|table::sub-control-bar table td span { -tr-rule-ref: selector(".CBTableBarButtonDisabled:alias"); } /* header */ af|column::header-text { -tr-rule-ref: selector(".CBTableTableHeadCell:alias"); display: table-cell; } /* sub control bar link like buttons */ af|table::sub-control-bar .OraNavBarActiveLink, af|table::sub-control-bar af|showDetail::prompt-link { -tr-rule-ref: selector(".CBTableBarButton:alias"); } af|table::sub-control-bar .OraNavBarActiveLink { float: left; display: block; margin-right: 2px; } af|table::select-all-icon { content:url(/adf/images/casablanca/icons/selectAll.png); } @agent ie and (version: 5), ie and (version: 6) { af|table::select-all-icon { content:url(/adf/images/casablanca/icons/selectAll_8bit.png); } } af|table::select-none-icon { content:url(/adf/images/casablanca/icons/selectNone.png); } @agent ie and (version: 5), ie and (version: 6) { af|table::select-none-icon { content:url(/adf/images/casablanca/icons/selectNone_8bit.png); } } .AFTableCellDataBorderColor:alias, TableCellHeaderBorderColor, af|column::header-text, af|table::content { -tr-rule-ref: selector(".CBTableTableBody:alias"); } af|table::content af|column::cell-text, af|table::content af|column::cell-number, af|table::content af|column::cell-icon-format, af|table::content af|tableSelectOne::cell-icon-format, af|table::content af|tableSelectMany::cell-icon-format { -tr-rule-ref: selector(".CBTableTableCell:alias"); -tr-rule-ref: selector(".CBTableTableCellInside:alias"); } /* borders types */ af|table::content .OraTableBorder1111 { -tr-rule-ref: selector(".CBTableTableCellAll:alias"); } af|table::content .OraTableBorder1000 { -tr-rule-ref: selector(".CBTableTableCellTopLine:alias"); } af|table::content .OraTableBorder1010 { -tr-rule-ref: selector(".CBTableTableCellHorizontalLines:alias"); } af|table::content .OraTableBorder1100 { -tr-rule-ref: selector(".CBTableTableCellTopRighCorner:alias"); } af|table::content .OraTableBorder0100 { -tr-rule-ref: selector(".CBTableTableCellRightLine:alias"); } af|table::content .OraTableBorder0101 { -tr-rule-ref: selector(".CBTableTableCellVerticalLines:alias"); } af|table::content .OraTableBorder0110 { -tr-rule-ref: selector(".CBTableTableCellBottomRightCorner:alias"); } af|table::content .OraTableBorder0010 { -tr-rule-ref: selector(".CBTableTableCellBottomLine:alias"); } af|table::content .OraTableBorder0011 { -tr-rule-ref: selector(".CBTableTableCellBottomLeftCorner:alias"); } af|table::content .OraTableBorder0001 { -tr-rule-ref: selector(".CBTableTableCellLeftLine:alias"); } af|table::content .OraTableBorder1001 { -tr-rule-ref: selector(".CBTableTableCellTopLeftCorner:alias"); } /* Force bottom line for headers */ af|table::content af|column::header-text { -tr-rule-ref: selector(".CBTableTableCellBottomLine:alias"); } /* footer cells */ af|table::content af|table::column-footer, af|table::content af|column::total-text { display: table-cell; -tr-rule-ref: selector(".CBTableTableFooterCell:alias"); } /* Clear some legacy stuff */ af|table::control-bar-top tbody tr td, af|table::control-bar-bottom tbody tr td, af|table::sub-control-bar tbody tr td { font-size: 0px; line-height: 0px; color: transparent; /* Fix a WebKit problem */ } /* Tree table component --------------------------------------------------------------------------------------------- */ /* CasaBlanca styles */ .CBTreeTableCell:alias { -tr-rule-ref: selector(".CBTableCell:alias"); } .CBTreeTableCellInside:alias { -tr-rule-ref: selector(".CBTableCellInside:alias"); } .CBTreeTableCellAll:alias { -tr-rule-ref: selector(".CBTableCellAll:alias"); } .CBTreeTableCellTopLine:alias { -tr-rule-ref: selector(".CBTableCellTopLine:alias"); } .CBTreeTableCellTopRighCorner:alias { -tr-rule-ref: selector(".CBTableCellTopRighCorner:alias"); } .CBTreeTableCellRightLine:alias { -tr-rule-ref: selector(".CBTableCellRightLine:alias"); } .CBTreeTableCellBottomRightCorner:alias { -tr-rule-ref: selector(".CBTableCellBottomRightCorner:alias"); } .CBTreeTableCellBottomLine:alias { -tr-rule-ref: selector(".CBTableCellBottomLine:alias"); } .CBTreeTableCellBottomLeftCorner:alias { -tr-rule-ref: selector(".CBTableCellBottomLeftCorner:alias"); } .CBTreeTableCellLeftLine:alias { -tr-rule-ref: selector(".CBTableCellLeftLine:alias"); } .CBTreeTableCellTopLeftCorner:alias { -tr-rule-ref: selector(".CBTableCellTopLeftCorner:alias"); } .CBTreeTableCellHorizontalLines:alias { -tr-rule-ref: selector(".CBTableCellHorizontalLines:alias"); } .CBTreeTableCellVerticalLines:alias { -tr-rule-ref: selector(".CBTableCellVerticalLines:alias"); } .CBTreeTableHeadCell:alias { -tr-rule-ref: selector(".CBTableHeadCell:alias"); } .CBTreeTableFooterCell:alias { -tr-rule-ref: selector(".CBTableFooterCell:alias"); } .CBTreeTableControlBarTop:alias { -tr-rule-ref: selector(".CBTableControlBarTop:alias"); } .CBTreeTableControlBarBottom:alias { -tr-rule-ref: selector(".CBTableControlBarBottom:alias"); } .CBTreeTableSubControlBar:alias { -tr-rule-ref: selector(".CBTableSubControlBar:alias"); } .CBTreeTablePathBar:alias { -tr-rule-ref: selector(".CBTablePathBar:alias"); } .CBTreeTableBody:alias { -tr-rule-ref: selector(".CBTableBody:alias"); } .CBTreeTableExpansionButton:alias { top: -2px; /* overwrite the default position */ } .CBTreeTableBarButton:alias { -tr-rule-ref: selector(".CBButton:alias") ; display: inline; } .CBTreeTableBarButtonHover:alias { -tr-rule-ref: selector(".CBButtonHover:alias"); display: inline; } .CBTreeTableBarButtonDisabled:alias { -tr-rule-ref: selector(".CBButtonLookDisabled:alias"); -tr-rule-ref: selector(".CBRoundedAllCornersLook:alias"); } /* Inject CasaBlanca styles */ af|treeTable::control-bar-top { -tr-rule-ref: selector(".CBTreeTableControlBarTop:alias"); } af|treeTable::control-bar-bottom { -tr-rule-ref: selector(".CBTreeTableControlBarBottom:alias"); } af|treeTable::sub-control-bar { -tr-rule-ref: selector(".CBTreeTableSubControlBar:alias"); padding: 4px; } /* inactive navigation like buttons */ af|treeTable::control-bar-top table td span, af|treeTable::control-bar-bottom table td span, af|treeTable::sub-control-bar table td span { -tr-rule-ref: selector(".CBTreeTableBarButtonDisabled:alias"); } /* sub control bar link like buttons */ af|treeTable::sub-control-bar .OraNavBarActiveLink, af|treeTable::sub-control-bar af|showDetail::prompt-link { -tr-rule-ref: selector(".CBTreeTableBarButton:alias"); } af|treeTable::sub-control-bar .OraNavBarActiveLink { float: left; display: block; margin-right: 2px; } @agent (touchScreen:none) { af|treeTable::sub-control-bar .OraNavBarActiveLink:hover, af|treeTable::sub-control-bar af|showDetail::prompt-link:hover { -tr-rule-ref: selector(".CBTreeTableBarButtonHover:alias"); } } af|treeTable::select-all-icon { content:url(/adf/images/casablanca/icons/selectAll.png); } @agent ie and (version: 5), ie and (version: 6) { af|treeTable::select-all-icon { content:url(/adf/images/casablanca/icons/selectAll_8bit.png); } } af|treeTable::select-none-icon { content:url(/adf/images/casablanca/icons/selectNone.png); } @agent ie and (version: 5), ie and (version: 6) { af|treeTable::select-none-icon { content:url(/adf/images/casablanca/icons/selectNone_8bit.png); } } af|treeTable::collapse-all-icon { content:url(/adf/images/casablanca/icons/collapseAll.png); } @agent ie and (version: 5), ie and (version: 6) { af|treeTable::collapse-all-icon { content:url(/adf/images/casablanca/icons/collapseAll_8bit.png); } } af|treeTable::expand-all-icon { content:url(/adf/images/casablanca/icons/expandAll.png); } @agent ie and (version: 5), ie and (version: 6) { af|treeTable::expand-all-icon { content:url(/adf/images/casablanca/icons/expandAll_8bit.png); } } af|treeTable::expanded-icon { content:url(/adf/images/casablanca/icons/nav-minus.png); } @agent ie and (version: 5), ie and (version: 6) { af|treeTable::expanded-icon { content:url(/adf/images/casablanca/icons/nav-minus_8bit.png); } } af|treeTable::collapsed-icon { content:url(/adf/images/casablanca/icons/nav-plus.png); } @agent ie and (version: 5), ie and (version: 6) { af|treeTable::collapsed-icon { content:url(/adf/images/casablanca/icons/nav-plus_8bit.png); } } af|treeTable::content { -tr-rule-ref: selector(".CBTreeTableBody:alias"); } af|treeTable::expansion { -tr-rule-ref: selector(".CBTreeTableExpansionButton:alias"); } af|treeTable::content af|column::cell-text, af|treeTable::content af|column::cell-number, af|treeTable::content af|column::cell-icon-format, af|treeTable::content af|tableSelectOne::cell-icon-format, af|treeTable::content af|tableSelectMany::cell-icon-format { -tr-rule-ref: selector(".CBTreeTableCell:alias"); -tr-rule-ref: selector(".CBTreeTableCellInside:alias"); } /* borders types */ af|treeTable::content .OraTableBorder1111 { -tr-rule-ref: selector(".CBTreeTableCellAll:alias"); } af|treeTable::content .OraTableBorder1000 { -tr-rule-ref: selector(".CBTreeTableCellTopLine:alias"); } af|treeTable::content .OraTableBorder1010 { -tr-rule-ref: selector(".CBTreeTableCellHorizontalLines:alias"); } af|treeTable::content .OraTableBorder1100 { -tr-rule-ref: selector(".CBTreeTableCellTopRighCorner:alias"); } af|treeTable::content .OraTableBorder0100 { -tr-rule-ref: selector(".CBTreeTableCellRightLine:alias"); } af|treeTable::content .OraTableBorder0101 { -tr-rule-ref: selector(".CBTreeTableCellVerticalLines:alias"); } af|treeTable::content .OraTableBorder0110 { -tr-rule-ref: selector(".CBTreeTableCellBottomRightCorner:alias"); } af|treeTable::content .OraTableBorder0010 { -tr-rule-ref: selector(".CBTreeTableCellBottomLine:alias"); } af|treeTable::content .OraTableBorder0011 { -tr-rule-ref: selector(".CBTreeTableCellBottomLeftCorner:alias"); } af|treeTable::content .OraTableBorder0001 { -tr-rule-ref: selector(".CBTreeTableCellLeftLine:alias"); } af|treeTable::content .OraTableBorder1001 { -tr-rule-ref: selector(".CBTreeTableCellTopLeftCorner:alias"); } /* Force bottom line for headers */ af|treeTable::content af|column::header-text { -tr-rule-ref: selector(".CBTreeTableCellBottomLine:alias"); } /* footer cells */ af|treeTable::content af|treeTable::column-footer, af|treeTable::content af|column::total-text { display: table-cell; -tr-rule-ref: selector(".CBTreeTableFooterCell:alias"); } /* Clear some legacy stuff */ af|treeTable::control-bar-top tbody tr td, af|treeTable::control-bar-bottom tbody tr td, af|treeTable::sub-control-bar tbody tr td { font-size: 0px; line-height: 0px; color: transparent; /* Fix a WebKit problem */ } /* Tree component --------------------------------------------------------------------------------------------------- */ /* No any class hooks for some particular overwritings. /* We will go on the Navigation Tree component styles */ af|tree::expanded-icon { content:url(/adf/images/casablanca/icons/nav-minus.png); } @agent ie and (version: 5), ie and (version: 6) { af|tree::expanded-icon { content:url(/adf/images/casablanca/icons/nav-minus_8bit.png); } } af|tree::collapsed-icon { content:url(/adf/images/casablanca/icons/nav-plus.png); } @agent ie and (version: 5), ie and (version: 6) { af|tree::collapsed-icon { content:url(/adf/images/casablanca/icons/nav-plus_8bit.png); } } /* Layouts ---------------------------------------------------------------------------------------------------------- */ /* Define styles used in: /* - Forms controls layouts /* ------------------------------------------------------------------------------------------------------------------ */ /* Tree table component --------------------------------------------------------------------------------------------- */ /* CasaBlanca styles */ .CBFormControlSpacing:alias { -tr-rule-ref: selector(".CBFormVerticalSpacingLook:alias"); } /* Inject CasaBlanca styles */ af|panelFormLayout::content-cell { -tr-rule-ref: selector(".CBFormControlSpacing:alias"); } /* Dialog window component ------------------------------------------------------------------------------------------ */ .CBDialogDialog:alias { -tr-rule-ref: selector(".CBDialog:alias"); } .CBDialogDialogHead:alias { -tr-rule-ref: selector(".CBDialogHead:alias"); } .CBDialogDialogHeadCloseIconStyle:alias { -tr-rule-ref: selector(".CBDialogHeadCloseIconStyle:alias"); } .CBDialogDialogHeadCloseIconHover:alias { -tr-rule-ref: selector(".CBDialogHeadCloseIconHover:alias"); } af|dialog::title-bar { -tr-rule-ref: selector(".CBDialogDialogHead:alias"); } af|dialog::close-icon { -tr-rule-ref: selector(".CBDialogDialogHeadCloseIconStyle:alias"); } af|dialog::container { -tr-rule-ref: selector(".CBDialogDialog:alias"); } /* IE hacks --------------------------------------------------------------------------------------------------------- */ @agent ie and (version: 5), ie and (version: 6) { .ie6BlockBahaviour { height: 1%; } } /* ------------------------------------------------------------------------------------------------------------------ */ /* Browser normalization ---------------------------------------------------------------------------------------------*/ ul { padding: 0; list-style-type: none; }