META-INF.adf.styles.minimal-desktop.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
Show all versions of trinidad-impl Show documentation
Private implementation of the Apache MyFaces Trinidad project
The newest version!
/**
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.
**/
/**
minimal-desktop.xss defines the styles used by the desktop
implementation of the Minimal Look And Feel. The styles defined
here are layered on top of the styles defined by the Base
Look And Feel (simple-desktop.xss).
**/
/**
Button Styles
**/
button {
-tr-rule-ref: selector(".AFLightAccentBackground:alias");
padding: 0px;
margin: 1px;
}
/**
ContentContainer Styles
**/
/** Add a 1 pixel border around the entire content container **/
.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");
}
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");
font-weight: bold;
}
/** 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;
}
/** panelPage **/
af|panelPage::branding {
padding: 4px;
}
/** panelForm **/
af|panelFormLayout::column {
vertical-align: top;
}
af|panelFormLayout::separator {
background-color: gray;
height: 1px;
font-size: 1px;
margin-top: 3px;
margin-bottom: 3px;
}
af|panelFormLayout::cell {
padding: 1px 0px;
}
/**
Footer Styles
**/
.AFFooterMessageText:alias {
padding: 5px;
}
/**
menuButtons Styles
**/
.AFMenuButtons:alias {
padding: 0px 2px 2px 2px;
}
/**
menuBar Styles
**/
/** Add some padding around the edges **/
af|menuBar {
padding: 0px;
}
/**
Fix up the padding around the MenuBar items and
disable word wrapping
**/
.AFMenuBarItem:alias {
padding: 0px 0px 0px 5px;
white-space: nowrap;
}
/** Remove the text decoration from all MenuBar links **/
.AFMenuBarLink:alias {
text-decoration: none;
}
/** Make the selected link bold **/
af|menuBar::selected-link {
font-weight: bold;
}
/**
train Styles
**/
.AFTrainContent:alias {
border-top-style: solid;
border-top-width: 2px;
}
af|train::stop.p_AFVisited {
border-color: -tr-property-ref(".MediumExtraAccentBackground:alias","background-color");
}
af|train::stop:selected {
-tr-rule-ref: selector(".AFDarkBorder:alias");
}
af|train::stop:disabled {
border-color: -tr-property-ref(".LightExtraAccentBackground:alias","background-color");
}
af|train::stop:unvisited {
-tr-rule-ref: selector(".AFDarkBorder:alias");
}
/**
treeTable Styles
**/
af|treeTable::expansion {
text-decoration: none;
}
af|treeTable::focus {
text-decoration: none;
}
/**
PanelHeader Styles
**/
/** jmw @todo, the three styles below are the same. Make it share?
this can wait. Could I have styled AFHeaderText this way instead? This
is more straightforward. **/
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;
}
/**
tr: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. minimal 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;
}
/** Remove the text decoration from all tabBar links **/
.AFTabBarLink:alias {
text-decoration: none;
}
/** Make the selected tab bold **/
af|menuTabs::selected-link {
font-weight: bold;
}
/**
Table Styles
**/
af|table::content {
-tr-rule-ref: selector(".AFVeryDarkAccentBorder:alias");
-tr-rule-ref: selector(".OraTableBorder1111");
}
af|treeTable::content {
-tr-rule-ref: selector(".AFVeryDarkAccentBorder:alias");
-tr-rule-ref: selector(".OraTableBorder1111");
}
/**
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;
}
/** panelTabbed styles **/
.AFPanelTabbed: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|panelTabbed::orientation-top {
-tr-rule-ref: selector(".AFPanelTabbed:alias");
border-width: 1px 0px 0px;
}
af|panelTabbed::orientation-bottom {
-tr-rule-ref: selector(".AFPanelTabbed:alias");
border-width: 0px 0px 1px;
}
/**
showOnePanel Styles
**/
af|showOnePanel::header-disabled {
padding-left: 18px;
}
af|showOnePanel::title-link {
-tr-rule-ref: selector(".AFDefaultBoldFont:alias");
}
af|showOnePanel::title-disabled-link {
-tr-rule-ref: selector(".AFDefaultBoldFont:alias");
}
af|panelHeader::icon-style:rtl {
margin-left: 3px;
}
.AFSortableHeaderSortIcon:rtl {
padding-right: 4px;
}
@agent gecko {
af|objectSeparator {
-tr-inhibit: margin;
}
}