incubator-adffaces-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From mat...@apache.org
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 GMT
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



Mime
View raw message