You are viewing a plain text version of this content. The canonical link for it is here.
Posted to adffaces-commits@incubator.apache.org by ma...@apache.org on 2006/07/25 05:31:00 UTC
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
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