From adffaces-commits-return-270-apmail-incubator-adffaces-commits-archive=incubator.apache.org@incubator.apache.org Tue Jul 25 05:31:22 2006 Return-Path: Delivered-To: apmail-incubator-adffaces-commits-archive@locus.apache.org Received: (qmail 46039 invoked from network); 25 Jul 2006 05:31:22 -0000 Received: from hermes.apache.org (HELO mail.apache.org) (209.237.227.199) by minotaur.apache.org with SMTP; 25 Jul 2006 05:31:22 -0000 Received: (qmail 85204 invoked by uid 500); 25 Jul 2006 05:31:22 -0000 Delivered-To: apmail-incubator-adffaces-commits-archive@incubator.apache.org Received: (qmail 85181 invoked by uid 500); 25 Jul 2006 05:31:22 -0000 Mailing-List: contact adffaces-commits-help@incubator.apache.org; run by ezmlm Precedence: bulk List-Help: List-Unsubscribe: List-Post: List-Id: Reply-To: adffaces-dev@incubator.apache.org Delivered-To: mailing list adffaces-commits@incubator.apache.org Received: (qmail 85172 invoked by uid 99); 25 Jul 2006 05:31:22 -0000 Received: from asf.osuosl.org (HELO asf.osuosl.org) (140.211.166.49) by apache.org (qpsmtpd/0.29) with ESMTP; Mon, 24 Jul 2006 22:31:22 -0700 X-ASF-Spam-Status: No, hits=-9.4 required=10.0 tests=ALL_TRUSTED,NO_REAL_NAME X-Spam-Check-By: apache.org Received-SPF: pass (asf.osuosl.org: local policy) Received: from [140.211.166.113] (HELO eris.apache.org) (140.211.166.113) by apache.org (qpsmtpd/0.29) with ESMTP; Mon, 24 Jul 2006 22:31:20 -0700 Received: by eris.apache.org (Postfix, from userid 65534) id B64B71A981A; Mon, 24 Jul 2006 22:31:00 -0700 (PDT) Content-Type: text/plain; charset="utf-8" MIME-Version: 1.0 Content-Transfer-Encoding: 7bit Subject: svn commit: r425295 - in /incubator/adffaces/branches/matzew-repackaging-trinidad/trinidad/trinidad-demo/src/main/webapp/skins: beach/CustomStyles.css beach/beach.css purple/purpleSkin.css Date: Tue, 25 Jul 2006 05:31:00 -0000 To: adffaces-commits@incubator.apache.org From: matzew@apache.org X-Mailer: svnmailer-1.0.8 Message-Id: <20060725053100.B64B71A981A@eris.apache.org> X-Virus-Checked: Checked by ClamAV on apache.org X-Spam-Rating: minotaur.apache.org 1.6.2 0/1000/N Author: matzew Date: Mon Jul 24 22:30:59 2006 New Revision: 425295 URL: http://svn.apache.org/viewvc?rev=425295&view=rev Log: more ...... Modified: incubator/adffaces/branches/matzew-repackaging-trinidad/trinidad/trinidad-demo/src/main/webapp/skins/beach/CustomStyles.css (contents, props changed) incubator/adffaces/branches/matzew-repackaging-trinidad/trinidad/trinidad-demo/src/main/webapp/skins/beach/beach.css (contents, props changed) incubator/adffaces/branches/matzew-repackaging-trinidad/trinidad/trinidad-demo/src/main/webapp/skins/purple/purpleSkin.css (props changed) Modified: incubator/adffaces/branches/matzew-repackaging-trinidad/trinidad/trinidad-demo/src/main/webapp/skins/beach/CustomStyles.css URL: http://svn.apache.org/viewvc/incubator/adffaces/branches/matzew-repackaging-trinidad/trinidad/trinidad-demo/src/main/webapp/skins/beach/CustomStyles.css?rev=425295&r1=425294&r2=425295&view=diff ============================================================================== --- incubator/adffaces/branches/matzew-repackaging-trinidad/trinidad/trinidad-demo/src/main/webapp/skins/beach/CustomStyles.css (original) +++ incubator/adffaces/branches/matzew-repackaging-trinidad/trinidad/trinidad-demo/src/main/webapp/skins/beach/CustomStyles.css Mon Jul 24 22:30:59 2006 @@ -13,15 +13,15 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -/*** - the beach skin is defined in beach.css. If you want to add your own - custom style classes, you can add it to beach.css or to your own css - file, like what we demo here in CustomStyles.css. (this is for example purposes) -***/ - - -/* I set this on the outputText's styleClass attribute */ -.mainContentText -{ - font-family: verdana,arial,helvetica,sans-serif; font-size: small; +/*** + the beach skin is defined in beach.css. If you want to add your own + custom style classes, you can add it to beach.css or to your own css + file, like what we demo here in CustomStyles.css. (this is for example purposes) +***/ + + +/* I set this on the outputText's styleClass attribute */ +.mainContentText +{ + font-family: verdana,arial,helvetica,sans-serif; font-size: small; } Propchange: incubator/adffaces/branches/matzew-repackaging-trinidad/trinidad/trinidad-demo/src/main/webapp/skins/beach/CustomStyles.css ------------------------------------------------------------------------------ svn:eol-style = native Modified: incubator/adffaces/branches/matzew-repackaging-trinidad/trinidad/trinidad-demo/src/main/webapp/skins/beach/beach.css URL: http://svn.apache.org/viewvc/incubator/adffaces/branches/matzew-repackaging-trinidad/trinidad/trinidad-demo/src/main/webapp/skins/beach/beach.css?rev=425295&r1=425294&r2=425295&view=diff ============================================================================== --- incubator/adffaces/branches/matzew-repackaging-trinidad/trinidad/trinidad-demo/src/main/webapp/skins/beach/beach.css (original) +++ incubator/adffaces/branches/matzew-repackaging-trinidad/trinidad/trinidad-demo/src/main/webapp/skins/beach/beach.css Mon Jul 24 22:30:59 2006 @@ -13,435 +13,435 @@ * See the License for the specific language governing permissions and * limitations under the License. */ - -/** Change the colors to blue/tan like beach's site **/ - -/** All these styles/icons/properties are overrides of the simple skin */ - -/** :alias means that this class or icon is not used directly. It is included -in other component's style selectors or other component's icons. It is -meant to be a fast way to change styles. The alternative is to style each -component. **/ - -.adfFacesDemoSearchPanelGroup .AFLabelText -{ - font-weight:bold; - font-size:small; - color:#ffffff; -} -.AFInstructionText -{ - font-family: verdana,arial,helvetica,sans-serif; - font-size: small; -} -.AFDefaultFontFamily:alias -{ - font-family:Tahoma,Arial,Helvetica,Geneva,sans-serif; -} -.AFVeryDarkForeground:alias {color:black;} -.AFDarkForeground:alias {color:blue;} -.AFDarkBackground:alias {background-color:blue;} -/** In the base styles, AFDarkBorder uses the background-color of - AFDarkBackground for its border color, so no need to set it directly. */ - -/* make up a color for hovering over menuTabs and menuBars */ -/* put the extension :alias so it won't get written out to the final css file, - cuz I know it won't be used directly. Instead it will be included in - other style definions using the -ora-rule-ref property. */ -.MyLinkHoverColor:alias { color: #E08D3C; } - - -.AFLinkForeground:alias {color:#003399} - -/** BUTTON STYLES. Notice the right to left icons are specified with the -:rtl pseudo-class. If :rtl icons are not specified, we default to non-:rtl icons. **/ - -/** use this to color the button background and text **/ -/* bg-color: bluish; color: deep blue */ -.AFButtonServerText:alias {color:#25009E; background-image:url(/skins/purple/images/menuTabsEnabledEnd.gif);} -/* antialias the text for our disabled buttons */ -.AFButtonServerTextDisabled:alias {background-color:#F0F0F0; color:Gray;-ora-text-antialias:true} - - -.AFButtonStartIcon:alias {content:url(/skins/beach/images/btnStart.gif); width:7px; height:18px} - -.AFButtonStartIcon:alias:rtl {content:url(/skins/beach/images/btnEnd.gif); width:7px; height:18px} - -.AFButtonEndIcon:alias {content:url(/skins/beach/images/btnEnd.gif); width:7px; height:18px} -.AFButtonEndIcon:alias:rtl {content:url(/skins/beach/images/btnStart.gif); width:7px; height:18px} - -.AFButtonTopBackgroundIcon:alias {content:url(/skins/beach/images/btnTop-bg.gif); width:1px; height:2px} -.AFButtonTopBackgroundIcon:alias:rtl {content:url(/skins/beach/images/btnTop-bg.gif); width:1px; height:2px} - -.AFButtonBottomBackgroundIcon:alias {content:url(/skins/beach/images/btnBottom-bg.gif); width:1px; height:2px} -.AFButtonBottomBackgroundIcon:alias:rtl {content:url(/skins/beach/images/btnBottom-bg.gif); width:1px; height:2px} - -.AFButtonDisabledStartIcon:alias {content:url(/skins/beach/images/btnDisabledStart.gif); width:7px; height:18px} -.AFButtonDisabledStartIcon:alias:rtl {content:url(/skins/beach/images/btnDisabledEnd.gif); width:7px; height:18px} -.AFButtonDisabledEndIcon:alias {content:url(/skins/beach/images/btnDisabledEnd.gif); width:7px; height:18px} -.AFButtonDisabledEndIcon:alias:rtl {content:url(/skins/beach/images/btnDisabledStart.gif); width:7px; height:18px} - -.AFButtonDisabledTopBackgroundIcon:alias {content:url(/skins/beach/images/btnDisabledTop-bg.gif); width:1px; height:2px} - -.AFButtonDisabledBottomBackgroundIcon:alias {content:url(/skins/beach/images/btnDisabledBottom-bg.gif); width:1px; height:2px} - - - -/** showOneTab **/ -/** ---------- **/ -/** .AFShowOneTab:alias is included in af|showOneTab::orientation-top and - af|showOneTab::orientation-bottom which are the styles on the table. **/ -.AFShowOneTab:alias { - background-color:#A4CACA; - text-align:center; -} -/** make the top tab bar have a solid border underneath **/ -af|showOneTab::orientation-top -{ - border-bottom:3px solid #367FA8;border-top:3px solid #367FA8; -} -/** make the bottom tab bar have a solid border on top **/ -af|showOneTab::orientation-bottom -{ - border-bottom:3px solid #367FA8;border-top:3px solid #367FA8; -} - -af|showOneTab::separator { - margin-width:4px; - border-top: #ADBCC5; solid 4pt ; - border-bottom: #ADBCC5; solid 4pt ; - BACKGROUND-COLOR: white; - PADDING-LEFT: 1px;} - -af|showOneTab::tab { - font-weight:bold; - font-family:Tahoma; - padding:6px 8px; -} - -af|showOneTab::tab-selected { - font-family:Tahoma; - padding:6px 8px; - text-decoration: none; - background-color:white -} - -af|showOneTab::tab-link { - color:white; - text-decoration: none; -} - -af|showOneTab::tab-link:hover -{ - -ora-rule-ref:selector(".MyLinkHoverColor:alias"); -} - -/* put some space in the -first cell */ -af|showOneTab::cell-start { - background-color:transparent; - padding-left:10px; - width:50%; -} -af|showOneTab::cell-end { - width:50%; -} -/** put some space between the tabs and the body */ -af|showOneTab::body -{ - padding: 10px; -} - -/** panelPage's footer area **/ -/** ----------------------- **/ -.AFFooterMessageText:alias -{ - padding:2px 6px; -} - -/** menuTabs **/ -/** -------- **/ - - -.AFTabBarItem:alias -{ - line-height:100%; - text-align:center; -} - -af|menuTabs::enabled -{ - border-style:solid; - border-color:#EDEDC5; - border-width:3px 2px 0px 2px; - padding:9px 9px; - background-image:url(/adf-faces-demo-context-root/skins/beach/images/menuTabsEnabledBackground.gif); -} - -af|menuTabs::selected -{ - border-style:solid; - border-color:#066867; - border-width:3px 4px 0px 4px; - padding:9px 12px; - background-image:url(/adf-faces-demo-context-root/skins/beach/images/menuTabsSelectedBackground.gif); - background-color: #008080; -} - - - - - -/* Remove the text decoration from all tabBar links */ -.AFTabBarLink:alias -{ - text-decoration:none; - text-align:center; - FONT-SIZE: 11px; - LINE-HEIGHT: 11px; - FONT-FAMILY: tahoma,sans-serif; - COLOR: black; -} -af|menuTabs::selected-link -{ - COLOR: black; -} -af|menuTabs::enabled-link:hover, af|menuTabs::selected-link:hover -{ - -ora-rule-ref:selector(".MyLinkHoverColor:alias"); -} - - - -/** menuBar **/ -/** ------- **/ -af|menuBar -{ - - -ora-rule-ref:selector(".AFDarkBorder:alias"); - padding: 6px; -} -af|menuBar::enabled-link, af|menuBar::selected-link -{ - text-decoration:none; - text-align:center; - FONT-SIZE: 11px; LINE-HEIGHT: 11px; FONT-FAMILY: tahoma,sans-serif; -} - -af|menuBar::body -{ - text-align:center; - background-image:url(/adf-faces-demo-context-root/skins/beach/images/menuBar-bg.gif); - background-color:#02B0AE; -} - -af|menuBar::enabled-link:hover -{ - -ora-rule-ref:selector(".MyLinkHoverColor:alias"); -} -af|menuBar::separator -{ - padding: 0px 2px 0px 2px; - color: black; -} -.AFTabBarItem:alias -{ - border-style:solid; - border-color:blue; - border-width: 3px 2px 0px 2px; - padding:2px 6px; - background-image:url(/adf-faces-demo-context-root/skins/beach/images/menuBar-bg.gif); -} - - -/** menuButtons **/ -/** ----------- **/ -.AFMenuButtons:alias -{ - padding:0px 2px 2px 4px; - text-decoration:none; -} - -af|menuButtons::text:hover -{ - -ora-rule-ref:selector(".MyLinkHoverColor:alias"); -} -af|menuButtons::text-selected:hover -{ - -ora-rule-ref:selector(".MyLinkHoverColor:alias"); -} -af|menuButtons::text-disabled:hover -{ - -ora-rule-ref:selector(".MyLinkHoverColor:alias"); -} - - -/** panelBox **/ -/* ------------ */ -/* for panelBox with a header */ -.AFPanelBoxBody:alias -{ - background-color: white; - border-color: #006699; - border-style:solid; - border-width:1px; - margin:2px; - -} -/* for panelBox without a header and shuttles */ -.AFBoxContentBody:alias -{ - background-color: white; - border-color: #006699; - border-style:solid; - border-width:1px; - margin:2px; - padding:5px; -} - -af|panelBox::header -{ - padding: 0px 3px; - font-weight: bold; - font-family: verdana,arial,helvetica,sans-serif; - font-size: 10px; - text-transform: uppercase; - text-decoration: none; - color: #FFFFFF; - background-color:#008484; - -} - - -/** panelHeader **/ -/** ----------- **/ -af|panelHeader -{ - margin-bottom:3px; - padding:0px 3px; - -} -.AFHeaderLevelOne -{ - font-weight:bold; - font-size:large; - font-family: verdana,arial,helvetica,sans-serif; - color: #266D9A; - padding: 10px 2px; -} - - -/** processTrain **/ -/** ------------ **/ -/** We override the AFTrainStation alias style to add some - padding, and also to display the station indicator - using a top border **/ -.AFTrainStation:alias -{ - border-style:solid; - border-width:3px 0px 0px 0px; - padding:3pt; -} - -/** selectBooleanCheckbox **/ -/** --------------------- **/ -af|selectBooleanCheckbox::read-only-unchecked-icon -{ - content:url(/skins/beach/images/checkrn.gif); -} -af|selectBooleanCheckbox::read-only-checked-icon -{ - content:url(/skins/beach/images/checkrc.gif); -} - -af|selectBooleanCheckbox::disabled-only-unchecked-icon -{ - content:url(/skins/beach/images/checkdn.gif); -} -af|selectBooleanCheckbox::disabled-only-checked-icon -{ - content:url(/skins/beach/images/checkdc.gif); -} - -/* use special properties to change the ui **/ -/* don't show the last item in navigationPath (the default is to show it)*/ -af|navigationPath {-ora-show-last-item:false} - -/** if, for some reason, you don't want an icon to show up, you - can hide it like this (this feature will be more useful when skins can - extends other skins besides simple) - -af|navigationPath::separator-icon {content:inhibit} -*/ - -.AFHeaderErrorIcon:alias -{ - content:url(/skins/beach/images/errorl.gif); width:18px; height: 18px; - -} - -af|messages -{ - -ora-rule-ref: selector(".AFVeryDarkAccentBorder:alias"); - border-style:solid; - border-width:1px; - padding:5px; - margin:5px 0px 0px; -} - -af|messages::header -{ - -ora-rule-ref: selector(".AFDarkAccentBorder:alias"); - border-width:0px 0px 1px 0px; - border-style:solid; - vertical-align:bottom; - margin-bottom:3px; - padding:0px 3px; -} - -.AFHeaderText:alias -{ - -ora-rule-ref: selector(".AFDarkForeground:alias"); - font-weight:bold; - padding: 0px; - margin: 0px; -} - -/* custom styles that I made up and set on the styleClass attribute of various -adf faces components */ -.adfFacesDemoSearchPanelGroup -{ - width:100%; - background-image:url(/adf-faces-demo-context-root/skins/beach/images/searchPanelGroup-bg.gif); - padding:6px 6px 6px 26px; - background-color: #a4caca; -} - -.welcomePanel -{ - padding-left:50px; - width:100%; - background-color:#EDEDC5; - margin-bottom:10px; - padding-bottom:5px; padding-top:5px; - background-image:url(/adf-faces-demo-context-root/skins/beach/images/menuTabsEnabledBackground.gif); - - -} -.tabsPanelGroup -{ - text-align:right; - width:90%; -} -.panelBoxHeader -{ - font-family: verdana,arial,helvetica,sans-serif; - color:brown; - font-weight:bold; - font-size:small; -} - -af|panelForm::label-cell -{ - -ora-rule-ref: selector(".AFStartTextAlign:alias"); + +/** Change the colors to blue/tan like beach's site **/ + +/** All these styles/icons/properties are overrides of the simple skin */ + +/** :alias means that this class or icon is not used directly. It is included +in other component's style selectors or other component's icons. It is +meant to be a fast way to change styles. The alternative is to style each +component. **/ + +.adfFacesDemoSearchPanelGroup .AFLabelText +{ + font-weight:bold; + font-size:small; + color:#ffffff; +} +.AFInstructionText +{ + font-family: verdana,arial,helvetica,sans-serif; + font-size: small; +} +.AFDefaultFontFamily:alias +{ + font-family:Tahoma,Arial,Helvetica,Geneva,sans-serif; +} +.AFVeryDarkForeground:alias {color:black;} +.AFDarkForeground:alias {color:blue;} +.AFDarkBackground:alias {background-color:blue;} +/** In the base styles, AFDarkBorder uses the background-color of + AFDarkBackground for its border color, so no need to set it directly. */ + +/* make up a color for hovering over menuTabs and menuBars */ +/* put the extension :alias so it won't get written out to the final css file, + cuz I know it won't be used directly. Instead it will be included in + other style definions using the -ora-rule-ref property. */ +.MyLinkHoverColor:alias { color: #E08D3C; } + + +.AFLinkForeground:alias {color:#003399} + +/** BUTTON STYLES. Notice the right to left icons are specified with the +:rtl pseudo-class. If :rtl icons are not specified, we default to non-:rtl icons. **/ + +/** use this to color the button background and text **/ +/* bg-color: bluish; color: deep blue */ +.AFButtonServerText:alias {color:#25009E; background-image:url(/skins/purple/images/menuTabsEnabledEnd.gif);} +/* antialias the text for our disabled buttons */ +.AFButtonServerTextDisabled:alias {background-color:#F0F0F0; color:Gray;-ora-text-antialias:true} + + +.AFButtonStartIcon:alias {content:url(/skins/beach/images/btnStart.gif); width:7px; height:18px} + +.AFButtonStartIcon:alias:rtl {content:url(/skins/beach/images/btnEnd.gif); width:7px; height:18px} + +.AFButtonEndIcon:alias {content:url(/skins/beach/images/btnEnd.gif); width:7px; height:18px} +.AFButtonEndIcon:alias:rtl {content:url(/skins/beach/images/btnStart.gif); width:7px; height:18px} + +.AFButtonTopBackgroundIcon:alias {content:url(/skins/beach/images/btnTop-bg.gif); width:1px; height:2px} +.AFButtonTopBackgroundIcon:alias:rtl {content:url(/skins/beach/images/btnTop-bg.gif); width:1px; height:2px} + +.AFButtonBottomBackgroundIcon:alias {content:url(/skins/beach/images/btnBottom-bg.gif); width:1px; height:2px} +.AFButtonBottomBackgroundIcon:alias:rtl {content:url(/skins/beach/images/btnBottom-bg.gif); width:1px; height:2px} + +.AFButtonDisabledStartIcon:alias {content:url(/skins/beach/images/btnDisabledStart.gif); width:7px; height:18px} +.AFButtonDisabledStartIcon:alias:rtl {content:url(/skins/beach/images/btnDisabledEnd.gif); width:7px; height:18px} +.AFButtonDisabledEndIcon:alias {content:url(/skins/beach/images/btnDisabledEnd.gif); width:7px; height:18px} +.AFButtonDisabledEndIcon:alias:rtl {content:url(/skins/beach/images/btnDisabledStart.gif); width:7px; height:18px} + +.AFButtonDisabledTopBackgroundIcon:alias {content:url(/skins/beach/images/btnDisabledTop-bg.gif); width:1px; height:2px} + +.AFButtonDisabledBottomBackgroundIcon:alias {content:url(/skins/beach/images/btnDisabledBottom-bg.gif); width:1px; height:2px} + + + +/** showOneTab **/ +/** ---------- **/ +/** .AFShowOneTab:alias is included in af|showOneTab::orientation-top and + af|showOneTab::orientation-bottom which are the styles on the table. **/ +.AFShowOneTab:alias { + background-color:#A4CACA; + text-align:center; +} +/** make the top tab bar have a solid border underneath **/ +af|showOneTab::orientation-top +{ + border-bottom:3px solid #367FA8;border-top:3px solid #367FA8; +} +/** make the bottom tab bar have a solid border on top **/ +af|showOneTab::orientation-bottom +{ + border-bottom:3px solid #367FA8;border-top:3px solid #367FA8; +} + +af|showOneTab::separator { + margin-width:4px; + border-top: #ADBCC5; solid 4pt ; + border-bottom: #ADBCC5; solid 4pt ; + BACKGROUND-COLOR: white; + PADDING-LEFT: 1px;} + +af|showOneTab::tab { + font-weight:bold; + font-family:Tahoma; + padding:6px 8px; +} + +af|showOneTab::tab-selected { + font-family:Tahoma; + padding:6px 8px; + text-decoration: none; + background-color:white +} + +af|showOneTab::tab-link { + color:white; + text-decoration: none; +} + +af|showOneTab::tab-link:hover +{ + -ora-rule-ref:selector(".MyLinkHoverColor:alias"); +} + +/* put some space in the +first cell */ +af|showOneTab::cell-start { + background-color:transparent; + padding-left:10px; + width:50%; +} +af|showOneTab::cell-end { + width:50%; +} +/** put some space between the tabs and the body */ +af|showOneTab::body +{ + padding: 10px; +} + +/** panelPage's footer area **/ +/** ----------------------- **/ +.AFFooterMessageText:alias +{ + padding:2px 6px; +} + +/** menuTabs **/ +/** -------- **/ + + +.AFTabBarItem:alias +{ + line-height:100%; + text-align:center; +} + +af|menuTabs::enabled +{ + border-style:solid; + border-color:#EDEDC5; + border-width:3px 2px 0px 2px; + padding:9px 9px; + background-image:url(/adf-faces-demo-context-root/skins/beach/images/menuTabsEnabledBackground.gif); +} + +af|menuTabs::selected +{ + border-style:solid; + border-color:#066867; + border-width:3px 4px 0px 4px; + padding:9px 12px; + background-image:url(/adf-faces-demo-context-root/skins/beach/images/menuTabsSelectedBackground.gif); + background-color: #008080; +} + + + + + +/* Remove the text decoration from all tabBar links */ +.AFTabBarLink:alias +{ + text-decoration:none; + text-align:center; + FONT-SIZE: 11px; + LINE-HEIGHT: 11px; + FONT-FAMILY: tahoma,sans-serif; + COLOR: black; +} +af|menuTabs::selected-link +{ + COLOR: black; +} +af|menuTabs::enabled-link:hover, af|menuTabs::selected-link:hover +{ + -ora-rule-ref:selector(".MyLinkHoverColor:alias"); +} + + + +/** menuBar **/ +/** ------- **/ +af|menuBar +{ + + -ora-rule-ref:selector(".AFDarkBorder:alias"); + padding: 6px; +} +af|menuBar::enabled-link, af|menuBar::selected-link +{ + text-decoration:none; + text-align:center; + FONT-SIZE: 11px; LINE-HEIGHT: 11px; FONT-FAMILY: tahoma,sans-serif; +} + +af|menuBar::body +{ + text-align:center; + background-image:url(/adf-faces-demo-context-root/skins/beach/images/menuBar-bg.gif); + background-color:#02B0AE; +} + +af|menuBar::enabled-link:hover +{ + -ora-rule-ref:selector(".MyLinkHoverColor:alias"); +} +af|menuBar::separator +{ + padding: 0px 2px 0px 2px; + color: black; +} +.AFTabBarItem:alias +{ + border-style:solid; + border-color:blue; + border-width: 3px 2px 0px 2px; + padding:2px 6px; + background-image:url(/adf-faces-demo-context-root/skins/beach/images/menuBar-bg.gif); +} + + +/** menuButtons **/ +/** ----------- **/ +.AFMenuButtons:alias +{ + padding:0px 2px 2px 4px; + text-decoration:none; +} + +af|menuButtons::text:hover +{ + -ora-rule-ref:selector(".MyLinkHoverColor:alias"); +} +af|menuButtons::text-selected:hover +{ + -ora-rule-ref:selector(".MyLinkHoverColor:alias"); +} +af|menuButtons::text-disabled:hover +{ + -ora-rule-ref:selector(".MyLinkHoverColor:alias"); +} + + +/** panelBox **/ +/* ------------ */ +/* for panelBox with a header */ +.AFPanelBoxBody:alias +{ + background-color: white; + border-color: #006699; + border-style:solid; + border-width:1px; + margin:2px; + +} +/* for panelBox without a header and shuttles */ +.AFBoxContentBody:alias +{ + background-color: white; + border-color: #006699; + border-style:solid; + border-width:1px; + margin:2px; + padding:5px; +} + +af|panelBox::header +{ + padding: 0px 3px; + font-weight: bold; + font-family: verdana,arial,helvetica,sans-serif; + font-size: 10px; + text-transform: uppercase; + text-decoration: none; + color: #FFFFFF; + background-color:#008484; + +} + + +/** panelHeader **/ +/** ----------- **/ +af|panelHeader +{ + margin-bottom:3px; + padding:0px 3px; + +} +.AFHeaderLevelOne +{ + font-weight:bold; + font-size:large; + font-family: verdana,arial,helvetica,sans-serif; + color: #266D9A; + padding: 10px 2px; +} + + +/** processTrain **/ +/** ------------ **/ +/** We override the AFTrainStation alias style to add some + padding, and also to display the station indicator + using a top border **/ +.AFTrainStation:alias +{ + border-style:solid; + border-width:3px 0px 0px 0px; + padding:3pt; +} + +/** selectBooleanCheckbox **/ +/** --------------------- **/ +af|selectBooleanCheckbox::read-only-unchecked-icon +{ + content:url(/skins/beach/images/checkrn.gif); +} +af|selectBooleanCheckbox::read-only-checked-icon +{ + content:url(/skins/beach/images/checkrc.gif); +} + +af|selectBooleanCheckbox::disabled-only-unchecked-icon +{ + content:url(/skins/beach/images/checkdn.gif); +} +af|selectBooleanCheckbox::disabled-only-checked-icon +{ + content:url(/skins/beach/images/checkdc.gif); +} + +/* use special properties to change the ui **/ +/* don't show the last item in navigationPath (the default is to show it)*/ +af|navigationPath {-ora-show-last-item:false} + +/** if, for some reason, you don't want an icon to show up, you + can hide it like this (this feature will be more useful when skins can + extends other skins besides simple) + +af|navigationPath::separator-icon {content:inhibit} +*/ + +.AFHeaderErrorIcon:alias +{ + content:url(/skins/beach/images/errorl.gif); width:18px; height: 18px; + +} + +af|messages +{ + -ora-rule-ref: selector(".AFVeryDarkAccentBorder:alias"); + border-style:solid; + border-width:1px; + padding:5px; + margin:5px 0px 0px; +} + +af|messages::header +{ + -ora-rule-ref: selector(".AFDarkAccentBorder:alias"); + border-width:0px 0px 1px 0px; + border-style:solid; + vertical-align:bottom; + margin-bottom:3px; + padding:0px 3px; +} + +.AFHeaderText:alias +{ + -ora-rule-ref: selector(".AFDarkForeground:alias"); + font-weight:bold; + padding: 0px; + margin: 0px; +} + +/* custom styles that I made up and set on the styleClass attribute of various +adf faces components */ +.adfFacesDemoSearchPanelGroup +{ + width:100%; + background-image:url(/adf-faces-demo-context-root/skins/beach/images/searchPanelGroup-bg.gif); + padding:6px 6px 6px 26px; + background-color: #a4caca; +} + +.welcomePanel +{ + padding-left:50px; + width:100%; + background-color:#EDEDC5; + margin-bottom:10px; + padding-bottom:5px; padding-top:5px; + background-image:url(/adf-faces-demo-context-root/skins/beach/images/menuTabsEnabledBackground.gif); + + +} +.tabsPanelGroup +{ + text-align:right; + width:90%; +} +.panelBoxHeader +{ + font-family: verdana,arial,helvetica,sans-serif; + color:brown; + font-weight:bold; + font-size:small; +} + +af|panelForm::label-cell +{ + -ora-rule-ref: selector(".AFStartTextAlign:alias"); } Propchange: incubator/adffaces/branches/matzew-repackaging-trinidad/trinidad/trinidad-demo/src/main/webapp/skins/beach/beach.css ------------------------------------------------------------------------------ svn:eol-style = native Propchange: incubator/adffaces/branches/matzew-repackaging-trinidad/trinidad/trinidad-demo/src/main/webapp/skins/purple/purpleSkin.css ------------------------------------------------------------------------------ svn:eol-style = native