JSF Renderer und ADF Faces Skinning

#
$
% & '
!" #
&
$
%
'
&
0
!"
0
1# - 2334
7&&
'
)8 1
"
1
)$#
! :
#
)
9
%
/
*
)
%
'
, - ."
, -. )
& (
(
! 4, +5""
7
%
8
.
& /
'
& //
5
) 6'2
$ %&
&
*
/
#
0
)
)
'
)
)
$
* /
&
'
$$
)
'
)
*
&
5
;
#
*
%
) # "5
'
)
<) % $
)
< )# $)
%
&
5
&
* /
'
!
&
%#$ #
)
'
< )# $)
% ')
% , 0
*
'
(
+ (
)
!
,
*
+
8
(
)#
&
&
<
%
/
&
)
*+ "
, - ./
##
#
0
'
%
'
)
< )# $)
!
*
&
() #
))
"
&
)
'
&
) #
, - ./
!
%
0
&
& //
' +,
&
,
'
-
$
##
&
) < )# $)
#$ #
=
+
(
#
:
.!/ /
(
12
+ (3 0
)
"6 0
3 0 !
.!/ /
%
& 0
' 0 '
0 ( '%
' +, , 8 0
8
.!/ - +
/
(%
&
9 ,
(
+
%
' 0
8
!
"
:
.!; $
+
.!/ 0
'
'
< $
,
%
5
(
-
+
.!; !
+
< $
+
7 '
.
-
!
=
,
-
+
'
*
*
'
,
,
1 ( + %
'
( + 4> 1 ?) @ 1 ?) 31 ? 6) 0,9 ' '
1
Component
Render Kits
-
+
A+
:
'
$
Clients
Skins
Mövenpick
HTML
Trivadis
RIA
…
Xkins
…
Mobile
Telnet
ASK
3
0
'
/
'
:
&
+
-
•
? A
,
,
,
+
(
,
(
C
+
D
0
%
(2+ )
%
B
& //
! +
1
8
4
&
/
(
,
!+
D0
'
%
•
•
*
'
9%
*
/
8
)(
,
!(
0
%
:
!(
0
- +
&
'
,
,% 9
$ !!) 0
!(
/
'
'
> 1? '
%
B
%
'
%
)
B +
0
%
- +
5 0
0
'
0
!+
%
! (
7
,
> 1?
'
:
(
- +
5 0
!(
' 0
!(
*
6 :
0
,
0
)
+ %
9
+ ,
&
'
'
/
/
5
'
!
)
(2
)
!(
8
D
< 4B
&
?
'
(
/
B?& /6
(
!
"
(
) &
<
,
&
!(
!(
0
'
%
'
% (2
)
'
D
,
=
%
,
(
&
0
! ,
% =
+ 0
=
%
,
%
,
(
)
(
B
+
!(
0'
'
5
E,
'
(
+ (
'
0 ( E
'
E
'
' '
'
F
+ (
'
0 ( E
'
E
'
D
0
!(
' '
'
F
:
%
,
,
, B
'
:
• :
$ !!
!A , )
• B
&
B
)
3
B
' + , )
•
G
- +
0
(2
0
(
0
C
'
0
= %
$ !!
%
,
%
!(
'
% ' 9,
9, )
7
:
!(
%
'
,
5
/
'
!A
(
,
0
!(
'
= % ,
%
B +
- +
G
!(
-
+
% 0
%
%)
)
'
,
0
(
' 0
= % ,
= % ,
'
,
(
5 0
*
? (
? (
' 9
G 4H , ' I) I
'
*
G
G
I6
' 9
!
"
(
9 ,
! ,
( G
0
,
)
%
'9 % )
!(
%
= % ,
(
3:B C /
%
'5
<?xml version="1.0" encoding="ISO-8859-1"?>
<skins xmlns="http://xmlns.oracle.com/adf/view/faces/skin">
<skin>
<id>moevenpick.desktop</id>
<family>moevenpick</family>
<render-kit-id>oracle.adf.desktop</render-kit-id>
<style-sheet-name>skins/moevenpick/moevenpick.css</style-sheet-name>
</skin>
<skin>
<id>trivadis.desktop</id>
<family>trivadis</family>
<render-kit-id>oracle.adf.desktop</render-kit-id>
<style-sheet-name>skins/trivadis/trivadis.css</style-sheet-name>
</skin>
</skins>
,
J
:
, 0
'
B
(
, !(
!(
D
,
'5
K
3
%
&
AK
!(
J
0
B
+
,
6
J
9 ,
K
(
%)
,
/
*
( +
J
A
;
$$
)
(2
$ !! ! A
(
)
'
%
/
!(
& //
*
4B
D + 2
,&
C
? ' ' 4:?6 &
% ' ++ 4&
' ++
%
B
*
5
6
4; & 6
,
) &
<
'G
!
*
+
K
,
'
.!/ :G+
,
, B
!(
'
(
&
' %
0
0
,
% )
= %
,
!(
3:B C /5
<?xml version="1.0" encoding="windows-1252"?>
<adf-faces-config xmlns="http://xmlns.oracle.com/adf/view/faces/config">
<skin-family>moevenpick</skin-family>
</adf-faces-config>
:
,
)
:
&
&
%
3
C
(
'
D
J
AK
!( C
C
!( 0
,
(
!(
C
(
!(
% ' 0
:? &
' 0
&
,
9,
D
!+ ,
+ %
!( 0
:? &
(
!(
A
,
!(
0,9 ' '
!+ ,
)
(
,
:? &
,
(
2 ' 4% B
' 9,
'
B
,
G
?
%
'
!(
B
0
&
%
(
(
3
G 6)
'
,
(
B
+
5
<skin-family>
#{facesContext.viewRoot.locale.language=='de' ? 'moevenpickDE' : 'moevenpickEN'}
</skin-family>
!
"
-
'
(
, , +
4, +5""
.
! (
D
: '0
!
• M 0
N
& + (
, 0
" "6
"
!(
(
+
'
%
&
(
'
:
!(
& //
:
+
A+
-
!(
'
$ !! !A
,
! +
& + (
)
'
%
' 9
$ !!
G
(
,
)
5
& + (
,
-
+
,5
0
.AFDefaultFont:alias {font-family: verdana, arial, helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
color: #000000;
}
•
B
& //
(
B
: '0 (
1 2' ,(
M B
6
,
, %
/
0 ,
B
+ %
,
B
&
: (
B
'
&
,
'
-
,
+
+
!
(2
+ % %
!
,
!
(
4% B $
(
(
/
!A %
B
'
'
(
%
/ 0
B
O
)
5
.AFButtonStartIcon:alias
.AFButtonEndIcon:alias
.AFButtonTopBackgroundIcon:alias
.AFButtonBottomBackgroundIcon:alias
/
•
$
+
(
(
!
0
& //
9,
' )
B
%
?
!
=
0
0
)O
-
(
+
-
+
)
0
(2
+
,
-
%
& /
+
,
B
7
0
%
)
'
'
+
(
'
B
+
0
& /
5
af|table::header-text {background-color: #ff0000;
color: #ffffff;
font-size: 11px;
font-weight: bold;
padding-left: 2px;
padding-right: 2px;
border-style: none;
}
9
.
+
' ?
,
, +5""
?
!(
(
-
%
.!/ /
+
!
(
0
,
>
)
"
,
'A"+
?
+
! ,
%
%
%
0
,
,
"O
",
,
(
)
,)
.!; !
"+
"
)
"G ,
, 0 0
%
-
% +
' "O "
"(
,
<
> 1?
,
7
)
'
'
%
-
'
> 1 ?!
% +
.!/
,
!
L"
80
!
(
? (
,
:
( '
.!/ !
, 9,
, !
'
!
'
.
+
'
!
,
, (
'
!
'
'
-
+
0
%)
% (2
!
+ ,
,' D,
(
G
)
(
G
: '0 %
?2
' )
!
(
& / /
- +
B
$
+
!A
!
- +
A $
.!; $
!A ,
!
(
0
:
.
D
,
)
&
;
2'
,)
&
!
(
8,
!
-
+ %
!
! +
?2
&> $
+
,9
? A
-
D
%
!(
'
% 0
%
'
%
& ,
,
'
& 3
D & / /
= ' ,
% (
1
'
!
'
'
+ G )
,5
, 5
,
,
N
'
'
5
!A
'% 0
!
+
(
*
,
!
)
&
-
(
4M 0 )
(
0
+
&
!
)
0
(
(
0
?!
' '0
/
. ,' '
,% D,
+
<af:inputText>
(
(
6)
!
' 0
' ' 0
% ) '
0
%
.!/ !
-
,
?
&
) &
'
(
.!/ $
!(
&
,
& / /
:
( '
, % ( + G )
+ ,
'
B
3
!
(
(
)
'
B +
,
!
B
%
!
(
/
/D
)
: ' 0
!
!
,
,(
,
5
.AFFieldText {text-decoration:none;
font-size: 12px;
font-family: verdana, arial, helvetica, sans-serif;
color: black;
font-weight: normal;
border-top: #666666 1px solid;
border-bottom: #666666 1px solid;
border-left: #666666 1px solid;
border-right: #666666 1px solid;
}
!
"
.
)
&
3
*
!
8,
+ %
!
! +
&>
,
& -
!
+
,9
? A
@
&
+
(
)
!
' '0
! ,
&
<af:selectOneChoice> 0
D
%
!(
7
M
!
'
!A
,
,
3
%
- +
!A ,
5
.selectSearch {text-decoration:none;
font-size: 12px;
font-family: verdana, arial, helvetica, sans-serif;
color: black;
width: 20em;
border-top: #666666 1px solid;
border-bottom: #666666 1px solid;
border-left: #666666 1px solid;
border-right: #666666 1px solid;
}
!
(
&
0
A $
'
' ' 0
5
<af:selectOneChoice required="false" styleClass="selectSearch">
.
)
&>
!
'
J
7
5 0 K
9% , (
,
,
8,
- +
!
!
,
0
- +
,,
,
'
+
J
:' 0
-
5 0 K
) 7
'
)
! (
D
% + %
,9
? A
!( ! +
, !+
1
/
+
0
,
,
0
,
'
'
!
(
!+
5
5
af|column::header-text, af|column::sortable-header-text
{background-color: #ff0000;
color: #ffffff;
font-size: 11px;
font-weight: bold;
padding-left: 2px;
padding-right: 2px;
border-style: none;
}
/
'
0
,
7
0
5
.AFTableCellDataBackgroundColor:alias {backgroundcolor: #ccffff;}
.AFTableCellDataBandedBackgroundColor:alias{backgroundcolor: #00ffff;}
/
'
C
'
5
af|table::control-bar-top {font-size: 9px;
text-decoration: none;
background-color: #ffffff;
}
!
"
af|selectRangeChoiceBar::prev-icon {content:
url(/skins/trivadis/images/previous.gif);}
af|selectRangeChoiceBar::next-icon {content:
url(/skins/trivadis/images/next.gif);}
af|selectRangeChoiceBar::prev-disabled-icon {content:
url(/skins/trivadis/images/previous_disable.gif);}
af|selectRangeChoiceBar::next-disabled-icon {content:
url(/skins/trivadis/images/next_disable.gif);}
.
)
=
(
'
-
+
B
)
!(
0,9 ' '
, B
; 0
,
> 1?
, '
M
'
!(
'J
?
'0
9,
K ' 2 5
, -.
<div id="imgBasket"></div>
-
> 1?
+
)
B
'J
K
5 0
%
+
<f:verbatim><div id="imgBasket"></div></f:verbatim>
!
'
(
B
,
$ !!
1 ,
,
:'
(
% '
,
,
' +
.!/
> 1?$
!(
! (
, !(
;
5
div#imgBasket {background-image: url(../../../skins/trivadis/images/basket_small.gif);
background-repeat: no-repeat;
width: 16px;
height: 17px;
padding: 0;
margin: 0;
}
C
,
0 D (
,
,
'
0
?2
'
'
, '
(
(
.!/
,
B
/
,
,
'
)$
B
)
'
'
,
% (
'
'
.
, 0%
D
!
+
B
-
,
%
0
+
'D '
/
0 ,
,
'
> 1?
%
)
'
)
)
!
"
3
'
%
'
,
!(
'
9, )
%
3 0 !
B
!(
D
&
' +
/
12
+ ( 4, +5""
3 0 ! 4, +5""
6
'
5
!(
"6
:' 0
+ (
,
+
!
"
%
,
!(
/
:
(
'
(
'
3
7
,
,
'
3
; G
'
:
' 0
? (P /
0
' '
8
!
)
,
B
,(
+
% +D
,
:
'
(
<
%
2'
)
&
,
%
'
'
'
'
B
- % +
,
, '
(
% & / !(
'
% ( ++
0
- +
, ' D'
(9 8
- +
! (
(
' (9 ) 0 D
- +
,
B
!
- +
0
0'%
7
B +
- +
J 5 0 K
%
)
(
* ,
.!/
'
.
+
, %
; 0
' ( + G
1
,
'
%
! ,
!+
-
Q
!
,
(
9
D
D0
)
&
(
D'0
+
,
#
'
' Q
D0 + D
, !
0
/
,
'"
& //
:
+
,
(
;
,
!(
)
,
, )
0
! (
,
'
:
,
, 0 ,
(
,
)
, 2' ,
+
7
' % ,
.!/ !
(
(
%
'
.
+
0
9
9, )
& /
C
0
+
(
+
? (P /
)
%
+
'
: '9 %
%
) 0
)
Q
:
'
(
&
B
'
%
'
D0 ' 0
& //
"
G, 6
1 A/
; O(
& !/ ? % %
8+ !
'
'
D
,
$
%
&M
D,
; +
&+
4, +5""
!
0
!
8
, 0
!(
% & //
!(
; O(0 '
%
(2
& //
C
.
"
% +
,
+
0,9 ' '
-
, % ,)
+
%
'
;
B
0
, B
! , 0
'
'
&
& //
,
)
(
+
8
,
3 0
,
'
&
+ ,
- % +
,)
,
B
5 , +5""
=
' D'
.!/
5
/ G5
1 5
8
& //
!(
'
,
'
R
R
!
"