Author: atsebro Date: 2009-09-10 09:43:01 -0400 (Thu, 10 Sep 2009) New Revision: 15527 Modified: branches/community/3.3.X/ui/modal-panel/src/main/resources/org/richfaces/renderkit/html/css/modalPanel.xcss Log: RF-7804: Rich Output component group description review --> rich:modalPanel Modified: branches/community/3.3.X/ui/modal-panel/src/main/resources/org/richfaces/renderkit/html/css/modalPanel.xcss =================================================================== --- branches/community/3.3.X/ui/modal-panel/src/main/resources/org/richfaces/renderkit/html/css/modalPanel.xcss 2009-09-10 13:41:53 UTC (rev 15526) +++ branches/community/3.3.X/ui/modal-panel/src/main/resources/org/richfaces/renderkit/html/css/modalPanel.xcss 2009-09-10 13:43:01 UTC (rev 15527) @@ -4,16 +4,50 @@ xmlns:u="http://jsf.exadel.com/template/util" xmlns="http://www.w3.org/1999/xhtml"> + <u:selector name=".rich-mpnl-body"> + <u:style name="font-size" skin="generalSizeFont" /> + <u:style name="color" skin="generalTextColor" /> + <u:style name="font-family" skin="generalFamilyFont" /> + </u:selector> + + <u:selector name=".rich-mpnl-content"> + <u:style name="background-color" skin="generalBackgroundColor" /> + <u:style name="border-color" skin="panelBorderColor" /> + </u:selector> + + <u:selector name=".rich-mpnl-header"> + <u:style name="background-color" skin="headerBackgroundColor" /> + <u:style name="border-color" skin="headerBackgroundColor" /> + <u:style name="background-image" > + <f:resource f:key="org.richfaces.renderkit.html.GradientA"/> + </u:style> + </u:selector> + + <u:selector name=".rich-mpnl-shadow"> + <u:style name="background-color" skin="shadowBackgroundColor" /> + </u:selector> + + <u:selector name=".rich-mpnl-spacer, .rich-mpnl-resizer"> + <u:style name="background-image"> + <f:resource f:key="/org/richfaces/renderkit/html/images/spacer.gif"/> + </u:style> + </u:selector> + + <u:selector name=".rich-mpnl-text"> + <u:style name="font-size" skin="headerSizeFont" /> + <u:style name="color" skin="headerTextColor" /> + <u:style name="font-weight" skin="headerWeightFont" /> + <u:style name="font-family" skin="headerFamilyFont" /> + </u:selector> + <f:verbatim> .rich-mpnl-ovf-hd { overflow: hidden; } - .rich-mpnl-trim { position: relative; z-index: 0; } - .rich-mpnl-iframe { position: absolute; left: 0px; @@ -22,7 +56,6 @@ overflow-y: hidden; z-index: -1; } - .rich-mpnl-mask-div { position: fixed; top: 0; @@ -35,16 +68,13 @@ border-style: none; background-color: #d0d0d0; } - .rich-mpnl-mask-div-opaque { filter: alpha(opacity=50); opacity: 0.5; } - .rich-mpnl-mask-div-transparent { background-color: transparent; } - .rich-mpnl-panel { position: fixed; margin: 0px; @@ -54,7 +84,6 @@ left: 0px; top: 0px; } - .rich-mpnl-resizer { line-height: 1px; font-size: 1px; @@ -63,14 +92,12 @@ filter: alpha(opacity=50); opacity: 0.5;*/ } - .rich-mpnl-header-cell { height: 20px; width: 100%; vertical-align: middle; z-index: 5; } - .rich-mpnl-button { outline-style: none; position: absolute; @@ -83,90 +110,52 @@ top: 0px; z-index: -300; } - .rich-mpnl-controls { position: absolute; top: 3px; right: 3px; z-index: 1; } - .rich-modalpanel { left: 0px; top: 0px; } </f:verbatim> - - <u:selector name=".rich-mpnl-spacer, .rich-mpnl-resizer"> - <u:style name="background-image"> - <f:resource f:key="/org/richfaces/renderkit/html/images/spacer.gif"/> - </u:style> - </u:selector> -<f:verbatim> -<![CDATA[ -.rich-mpnl-content { - border-width: 1px; - border-style: solid; - padding : 1px; - background-color: inherit; -} + <f:verbatim> + + <![CDATA[ + .rich-mpnl-content { + border-width: 1px; + border-style: solid; + padding : 1px; + background-color: inherit; + } -.rich-mpnl-header{ - padding : 2px; - border-width: 1px; - border-style: solid; - background-position : top left; - background-repeat : repeat-x; -} + .rich-mpnl-header{ + padding : 2px; + border-width: 1px; + border-style: solid; + background-position : top left; + background-repeat : repeat-x; + } -.rich-mpnl-body{ - padding : 10px; -} + .rich-mpnl-body{ + padding : 10px; + } -.rich-mpnl-shadow { - position: absolute; - height: 100%; - width: 100%; - z-index: -1; - top: 4px; - left: 4px; - filter:alpha(opacity=10); - opacity: 0.1; -} - + .rich-mpnl-shadow { + position: absolute; + height: 100%; + width: 100%; + z-index: -1; + top: 4px; + left: 4px; + filter:alpha(opacity=10); + opacity: 0.1; + } ]]> </f:verbatim> -<u:selector name=".rich-mpnl-content"> - <u:style name="background-color" skin="generalBackgroundColor" /> - <u:style name="border-color" skin="panelBorderColor" /> -</u:selector> -<u:selector name=".rich-mpnl-header"> - <u:style name="background-color" skin="headerBackgroundColor" /> - <u:style name="border-color" skin="headerBackgroundColor" /> - <u:style name="background-image" > - <f:resource f:key="org.richfaces.renderkit.html.GradientA"/> - </u:style> -</u:selector> - - -<u:selector name=".rich-mpnl-text"> - <u:style name="font-size" skin="headerSizeFont" /> - <u:style name="color" skin="headerTextColor" /> - <u:style name="font-weight" skin="headerWeightFont" /> - <u:style name="font-family" skin="headerFamilyFont" /> -</u:selector> - -<u:selector name=".rich-mpnl-body"> - <u:style name="font-size" skin="generalSizeFont" /> - <u:style name="color" skin="generalTextColor" /> - <u:style name="font-family" skin="generalFamilyFont" /> -</u:selector> - -<u:selector name=".rich-mpnl-shadow"> - <u:style name="background-color" skin="shadowBackgroundColor" /> -</u:selector> - </f:template>