META-INF.adf.styles.simple-portlet.css Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of trinidad-impl Show documentation
Private implementation of the Apache MyFaces Trinidad project
The newest version!
/**
  Copyright 2006 The Apache Software Foundation.

  Licensed under the Apache License, Version 2.0 (the "License");
  you may not use this file except in compliance with the License.
  You may obtain a copy of the License at

      http://www.apache.org/licenses/LICENSE-2.0

  Unless required by applicable law or agreed to in writing, software
  distributed under the License is distributed on an "AS IS" BASIS,
  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  See the License for the specific language governing permissions and
  limitations under the License.
**/
/**

  simple-portlet.css defines the styles used by the  
  implementation of the Portlet Skin.  The styles defined
  here are layered on top of the styles defined by the Base 
  Skin (simple-desktop.css).
  In this file we take out the portlet styles defined in 
  base-desktop.css.
  We also clear out the font information so that
  we can use portlet-font style class instead, 
  and we keep our padding/borders for alignment so the component
  still renders properly.

**/
/** This may well be changed to import simple-base.css or
       something. **/
@import "simple-desktop.css";

/* start main stylesheet */
/** clear out portlet styles that are defined in base-desktop**/
.PortletBodyColor
{
  -tr-inhibit: all;
}

.PortletHeaderColor
{
  -tr-inhibit: all;
}

.PortletHeaderLink
{
  -tr-inhibit: all;
}

.PortletHeaderStyle
{
  -tr-inhibit: all;
}

.PortletHeaderText
{
  -tr-inhibit: all;
}

.PortletHeading1
{
  -tr-inhibit: all;
}

.PortletHeading2
{
  -tr-inhibit: all;
}

.PortletHeading3
{
  -tr-inhibit: all;
}

.PortletHeading4
{
  -tr-inhibit: all;
}

.PortletSubHeaderColor
{
  -tr-inhibit: all;
}

.PortletSubHeaderLink
{
  -tr-inhibit: all;
}

.PortletSubHeaderText
{
  -tr-inhibit: all;
}

.PortletText1
{
  -tr-inhibit: all;
}

.PortletText2
{
  -tr-inhibit: all;
}

.PortletText3
{
  -tr-inhibit: all;
}

.PortletText4
{
  -tr-inhibit: all;
}

.portlet-font
{
  -tr-inhibit: all;
}

.portlet-font-dim
{
  -tr-inhibit: all;
}

.portlet-msg-info
{
  -tr-inhibit: all;
}

.portlet-msg-error
{
  -tr-inhibit: all;
}

.portlet-section-header
{
  -tr-inhibit: all;
}

.portlet-section-body
{
  -tr-inhibit: all;
}

.portlet-section-alternate
{
  -tr-inhibit: all;
}

.portlet-section-selected
{
  -tr-inhibit: all;
}

.portlet-section-subheader
{
  -tr-inhibit: all;
}

.portlet-section-footer
{
  -tr-inhibit: all;
}

.portlet-section-text
{
  -tr-inhibit: all;
}

.portlet-table-header
{
  -tr-inhibit: all;
}

.portlet-table-body
{
  -tr-inhibit: all;
}

.portlet-table-alternate
{
  -tr-inhibit: all;
}

.portlet-table-selected
{
  -tr-inhibit: all;
}

.portlet-table-subheader
{
  -tr-inhibit: all;
}

.portlet-table-subheader
{
  -tr-inhibit: all;
}

.portlet-table-footer
{
  -tr-inhibit: all;
}

.portlet-table-text
{
  -tr-inhibit: all;
}

.portlet-form-label
{
  -tr-inhibit: all;
}

.portlet-form-input-field
{
  -tr-inhibit: all;
}

.portlet-form-button
{
  -tr-inhibit: all;
}

.portlet-icon-label
{
  -tr-inhibit: all;
}

.portlet-dlg-icon-label
{
  -tr-inhibit: all;
}

.portlet-form-field-label
{
  -tr-inhibit: all;
}

.portlet-form-field
{
  -tr-inhibit: all;
}
/** clear out font information. We'll map to portlet-font instead for 
       the styles that include these font selectors **/
.AFDefaultFontFamily:alias
{
  -tr-inhibit: all;
}

.AFTextForeground:alias
{
  -tr-inhibit: all;
}

.AFDefaultFont:alias
{
  -tr-inhibit: all;
}

.AFVerySmallFont:alias
{
  -tr-inhibit: all;
}

.AFSmallFont:alias
{
  -tr-inhibit: all;
}

.AFMediumFont:alias
{
  -tr-inhibit: all;
}

.AFLargeFont:alias
{
  -tr-inhibit: all;
}

.AFVeryLargeFont:alias
{
  -tr-inhibit: all;
}

.AFActiveLinkForeground:alias
{
  -tr-inhibit: all;
}

.AFVisitedLinkForeground:alias
{
  -tr-inhibit: all;
}

.AFDisabledLinkForeground:alias
{
  -tr-inhibit: all;
}

.AFLinkForeground:alias
{
  -tr-inhibit: all;
}
/** reset the 'disabled' gray color **/
.MediumExtraAccentForeground:alias
{
  -tr-inhibit: all;
}

.AFDarkBackground:alias { background-color : #606060; }
/** for now, we keep the default colors, but we might want to change **/
/** our background-color/border-color scheme from green to something **/
/** else. If we do that, we override AFDarkBackground, etc. The accent **/
/** colors are grey, so they are ok. **/
/**
Table Styles. Clear out everything except text-alignment for 
number and icon cells
**/
.AFTableCellDataText:alias
{
  -tr-inhibit: all;
}

.AFTableCellDataBackgroundColor:alias
{
  -tr-inhibit: all;
}

.AFTableCellDataBandedBackgroundColor:alias
{
  -tr-inhibit: all;
}

.AFTableCellDataBorderColor:alias
{
  -tr-inhibit: all;
}

.AFTableCellDataVerticalAlign:alias
{
  -tr-inhibit: all;
}
/** we clear these out simply so that they won't render in the generated
css file. We map these to portlet styles in the PortletDesktopSkinExtension file **/
af|column::header-text
{
  -tr-inhibit: all;
}

af|column::row-header-text
{
  -tr-inhibit: all;
}

af|table::detail
{
  -tr-inhibit: all;
}

af|table::column-footer
{
  -tr-inhibit: all;
}
/** clear out borders, since portlet styles will add those **/
.OraTableBorder0001
{
  -tr-inhibit: all;
}

.OraTableBorder0010
{
  -tr-inhibit: all;
}

.OraTableBorder0011
{
  -tr-inhibit: all;
}

.OraTableBorder0100
{
  -tr-inhibit: all;
}

.OraTableBorder0101
{
  -tr-inhibit: all;
}

.OraTableBorder0110
{
  -tr-inhibit: all;
}

.OraTableBorder0111
{
  -tr-inhibit: all;
}

.OraTableBorder1000
{
  -tr-inhibit: all;
}

.OraTableBorder1001
{
  -tr-inhibit: all;
}

.OraTableBorder1010
{
  -tr-inhibit: all;
}

.OraTableBorder1011
{
  -tr-inhibit: all;
}

.OraTableBorder1100
{
  -tr-inhibit: all;
}

.OraTableBorder1101
{
  -tr-inhibit: all;
}

.OraTableBorder1110
{
  -tr-inhibit: all;
}

.OraTableBorder1111
{
  -tr-inhibit: all;
}
/** for cells containing a total, keep text-align **/
af|column::total-number { 
  -tr-inhibit:border-color;
  -tr-inhibit:font-weight;
  -tr-inhibit:background-color;
  -tr-inhibit:color;}
  
/** for cells containing a total **/
af|column::total-text
{
  -tr-inhibit: all;
}

af|column::sortable-header-text
{
  -tr-inhibit: all;
}
/** make the color picker's borders look ok **/
.p_OraColorFieldSwatch
{
  border-color: #ffffff;
}

.p_OraColorPalette
{
  background-color: #000000;
}

.p_OraColorPaletteEmptyCell
{
  background-color: #ffffff;
}

.AFHeaderText:alias
{
  -tr-inhibit: all;
}
/** get rid of color; keep padding **/
af|menuButtons::text-selected
{
  -tr-inhibit: color;
  font-weight: bold;
}

af|menuButtons::text-disabled
{
  -tr-inhibit: color;
}
/** keep borders and padding only, portlet-menu-item(-selected) can
add styles **/
af|menuTabs::enabled
{
  -tr-inhibit: background-color;
}

af|menuTabs::selected
{
  -tr-inhibit: background-color;
}

af|menuTabs::disabled
{
  -tr-inhibit: background-color;
}

af|menuTabs::separator
{
  -tr-inhibit: all;
}

af|menuBar
{
  -tr-inhibit: all;
}

af|menuBar::body
{
  -tr-inhibit: all;
}

af|menuBar::title
{
  -tr-inhibit: all;
}

af|menuBar::empty
{
  -tr-inhibit: all;
}

af|menuBar::selected-link
{
  -tr-inhibit: all;
}

af|menuBar::enabled-link
{
  -tr-inhibit: all;
}

af|menuBar::separator
{
  -tr-inhibit: all;
}
/** styles taken from minimal-desktop **/
/** ********************************* **/
/** ********************************* **/
/** 
Train Styles
**/
/** We override the AFTrainStation named 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;
}

af|processTrain::visited-link {
  -tr-inhibit: all;
}


af|processTrain::unvisited-link{
  -tr-inhibit: all;
}

/** panelBox has pretty mellow background colors, so we'll keep them. **/
/** another possibility is to inhibit the background-color and use also render a portlet-table
style to pick up the background color for that **/
.AFPanelBox:alias
{
  -tr-rule-ref: selector(".AFMediumBorder:alias");
  border-style: solid;
  border-width: 1px;
  margin: 2px;
}
/** Use darker border for dark content containers **/
af|panelBox::dark
{
  -tr-rule-ref: selector(".AFDarkBorder:alias");
}
/* This was a 'named' style in the xss file. I fixed this during the xss to css port */
af|panelBox::content
{
  -tr-rule-ref: selector(".AFMediumBorder:alias");
  border-style: solid;
  border-width: 1px;
  margin: 2px;
}
/** Use darker border for dark content containers **/
af|panelBox::content-dark
{
  -tr-rule-ref: selector(".AFDarkBorder:alias");
}
/** Adjust the header padding and text size/weight **/
af|panelBox::header
{
  padding: 0px 3px;
  -tr-rule-ref: selector(".AFMediumFont:alias");
  /**  TODO inhibit font **/

  font-weight: bold;
}
/** inhibit medium background and text **/
af|panelBox::light af|panelBox::header
{
  -tr-inhibit: color;
  -tr-inhibit: background-color;
}
/** Add padding around the body of all content containers **/
af|panelBox::body
{
  padding: 5px;
  /** Add a minimum height so that empty content containers
 occupy some space **/

  height: 20px;
}
/** panelForm **/
af|panelForm::cell
{
  padding: 1px 0px;
}
/**
Footer Styles
**/
.AFFooterMessageText:alias
{
  padding: 5px;
}
/**
menuButtons Styles
**/
.AFMenuButtons:alias
{
  padding: 0px 2px 2px 2px;
}
/** 
menuBar Styles
**/
/** 
Fix up the padding around the MenuBar items and
disable word wrapping 
**/
.AFMenuBarItem:alias
{
  padding: 0px 0px 0px 5px;
  white-space: nowrap;
}
/**
PanelHeader Styles
**/
af|panelHeader
{
  -tr-rule-ref: selector(".AFDarkAccentBorder:alias");
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  vertical-align: bottom;
  margin-bottom: 3px;
  padding: 0px 3px;
}

af|showDetailHeader
{
  -tr-rule-ref: selector(".AFDarkAccentBorder:alias");
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  vertical-align: bottom;
  margin-bottom: 3px;
  padding: 0px 3px;
}

af|messages::header
{
  -tr-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
{
  -tr-rule-ref: selector(".AFDarkForeground:alias");
  font-weight: bold;
  padding: 0px;
  margin: 0px;
}
/** if the user sets the icon attribute on panelHeader, **/
/** this is the style for that icon **/
af|panelHeader::icon-style
{
  margin-right: 3px;
}
/**
af:messages Styles
**/
af|messages
{
  -tr-rule-ref: selector(".AFVeryDarkAccentBorder:alias");
  -tr-rule-ref: selector(".AFMediumAccentBackground:alias");
  border-style: solid;
  border-width: 1px;
  padding: 0px;
  margin: 5px 0px 0px;
}
/**
objectSeparator Styles
**/
af|objectSeparator
{
  -tr-rule-ref: selector(".AFDarkBorder:alias");
  border-style: dashed none none;
  border-width: 1px 0px 0px;
  height: 1px;
  margin: -3px 0px -3px 0px;
  padding: 0px;
}
/**
panelSideBar styles. adds borders.
**/
af|panelSideBar
{
  border-width: 0px 1px 1px;
  border-style: solid;
  padding: 0px;
  margin: 0px 5px 0px 0px;
}
/**
SortableHeader Styles
**/
.AFSortableHeaderSortIcon
{
  padding-left: 4px;
  text-decoration: none;
}
/**
TabBar Styles
**/
/** Add a border and padding to all tabBar items **/
.AFTabBarItem:alias
{
  -tr-rule-ref: selector(".AFVeryDarkAccentBorder:alias");
  border-style: solid;
  border-width: 1px 1px 0px 1px;
  padding: 2px 6px;
}
/** showOneTab styles **/
.AFShowOneTab:alias
{
  -tr-rule-ref: selector(".AFLightAccentBackground:alias");
  -tr-rule-ref: selector(".AFMediumBorder:alias");
  border-style: solid;
  -tr-rule-ref: selector(".AFCenterTextAlign:alias");
  padding: 2px 0px;
  margin: 4px 0px;
}

af|showOneTab::orientation-top
{
  -tr-rule-ref: selector(".AFShowOneTab:alias");
  border-width: 1px 0px 0px;
}

af|showOneTab::orientation-bottom
{
  -tr-rule-ref: selector(".AFShowOneTab:alias");
  border-width: 0px 0px 1px;
}
/** 
showOnePanel Styles
**/
af|showOnePanel::header-disabled
{
  padding-left: 18px;
  -tr-rule-ref: selector(".AFDefaultBoldFont:alias");
}

af|showOnePanel::header-collapsed
{
  -tr-rule-ref: selector(".AFDefaultBoldFont:alias");
}

af|showOnePanel::header-expanded
{
  -tr-rule-ref: selector(".AFDefaultBoldFont:alias");
}
/* end main stylesheet */
/* rtl */
af|panelHeader::icon-style:rtl
{
  margin-left: 3px;
}

.AFSortableHeaderSortIcon:rtl
{
  padding-right: 4px;
}
/* end rtl */
@agent gecko{
  af|objectSeparator {
    -tr-inhibit: margin;
  }
}