[richfaces-svn-commits] JBoss Rich Faces SVN: r21410 - management/design-4x/panelMenu.

Author: Ochikvina Date: 2011-02-03 04:54:05 -0500 (Thu, 03 Feb 2011) New Revision: 21410 Modified: management/design-4x/panelMenu/panelMenu_new.html Log: RF-10392 - component markup update. Modified: management/design-4x/panelMenu/panelMenu_new.html =================================================================== --- management/design-4x/panelMenu/panelMenu_new.html 2011-02-03 05:16:58 UTC (rev 21409) +++ management/design-4x/panelMenu/panelMenu_new.html 2011-02-03 09:54:05 UTC (rev 21410) @@ -29,6 +29,14 @@ padding:2px; position:relative; } + .rf-pm-top-gr-hov{ + color:#000000; /*headerTextColor*/ + } + .rf-pm-top-gr-dis{ + background:#ECF4FE url("images/gr2.png") left top repeat-x;/*from additionalBackgroundColor (top) to headerGradientColor (bottom), background-color - additionalBackgroundColor*/ + color:#8DB7F3;/*tabDisabledTextColor*/ + cursor:default; + } .rf-pm-top-gr-ic{ display:inline-block; white-space:nowrap; @@ -58,6 +66,16 @@ padding:2px 0 2px 15px; position:relative; } + .rf-pm-itm-hov{ + background:#ECF4FE; /*additionalBackgroundColor*/ + } + .rf-pm-itm-dis{ + color:#8DB7F3; /*tabDisabledTextColor*/ + cursor:default; + } + .rf-pm-itm-sel{ + font-style:italic; + } .rf-pm-itm-ic{ display:inline-block; white-space:nowrap; @@ -87,11 +105,16 @@ font-weight:bold; padding:2px 0 2px 15px; } - .rf-top-gr-dis{ - background:#ECF4FE url("images/gr2.png") left top repeat-x;/*from additionalBackgroundColor (top) to headerGradientColor (bottom), background-color - additionalBackgroundColor*/ - color:#8DB7F3;/*tabDisabledTextColor*/ + .rf-pm-gr-hov{ + background:#ECF4FE; /*additionalBackgroundColor*/ + } + .rf-pm-gr-dis{ + color:#8DB7F3; /*tabDisabledTextColor*/ cursor:default; } + .rf-pm-gr-sel{ + font-style:italic; + } .rf-pm-gr-ic{ white-space:nowrap; } @@ -102,16 +125,6 @@ vertical-align:middle; white-space:nowrap; } - .rf-pm-hov-el{ - background:#ECF4FE;/*additionalBackgroundColor*/ - } - .rf-pm-sel-el { - font-style:italic; - } - .rf-pm-dis-el { - color:#8DB7F3;/*tabDisabledTextColor*/ - cursor:default; - } /* Indent for subgroup's items */ .rf-pm-gr .rf-pm-itm{ @@ -129,17 +142,17 @@ <span class="rf-pm-top-gr-lbl">Group 1</span> <span class="rf-pm-top-gr-tgl"><img width="16" height="16" alt="Menu group icon" src="images/tgl_up.gif"></span> </div> - <div class="rf-pm-itm" onmouseover="this.className='rf-pm-itm rf-pm-hov-el'" onmouseout="this.className='rf-pm-itm'" onclick="this.className='rf-pm-itm rf-pm-sel-el'"> + <div class="rf-pm-itm" onmouseover="this.className='rf-pm-itm rf-pm-itm-hov'" onmouseout="this.className='rf-pm-itm'" onclick="this.className='rf-pm-itm rf-pm-itm-sel'"> <span class="rf-pm-itm-ic"><img width="16" height="16" alt="Menu item icon" src="images/item_icon.gif"/></span> <span class="rf-pm-itm-lbl">Item 1.1</span> <span class="rf-pm-itm-tgl"><img width="16" height="16" alt="Menu item icon" src="images/spacer.gif"/></span> </div> - <div class="rf-pm-itm" onmouseover="this.className='rf-pm-itm rf-pm-hov-el'" onmouseout="this.className='rf-pm-itm'" onclick="this.className='rf-pm-itm rf-pm-sel-el'"> + <div class="rf-pm-itm" onmouseover="this.className='rf-pm-itm rf-pm-itm-hov'" onmouseout="this.className='rf-pm-itm'" onclick="this.className='rf-pm-itm rf-pm-itm-sel'"> <span class="rf-pm-itm-ic"><img width="16" height="16" alt="Menu item icon" src="images/item_icon.gif"/></span> <span class="rf-pm-itm-lbl">Item 1.2</span> <span class="rf-pm-itm-tgl"><img width="16" height="16" alt="Menu item icon" src="images/spacer.gif"/></span> </div> - <div class="rf-pm-itm rf-pm-dis-el" onmouseover="this.className='rf-pm-itm rf-pm-dis-el rf-pm-hov-el'" onmouseout="this.className='rf-pm-itm rf-pm-dis-el'"> + <div class="rf-pm-itm rf-pm-itm-dis" onmouseover="this.className='rf-pm-itm rf-pm-itm-dis rf-pm-itm-hov'" onmouseout="this.className='rf-pm-itm rf-pm-itm-dis'"> <span class="rf-pm-itm-ic"><img width="16" height="16" alt="Menu item icon" src="images/item_icon.gif"/></span> <span class="rf-pm-itm-lbl">Item 1.3</span> <span class="rf-pm-itm-tgl"><img width="16" height="16" alt="Menu item icon" src="images/spacer.gif"/></span> @@ -151,42 +164,42 @@ <span class="rf-pm-top-gr-lbl">Group 2</span> <span class="rf-pm-top-gr-tgl"><img width="16" height="16" alt="Menu group icon" src="images/tgl_up.gif"/></span> </div> - <div class="rf-pm-itm" onmouseover="this.className='rf-pm-itm rf-pm-hov-el'" onmouseout="this.className='rf-pm-itm'" onclick="this.className='rf-pm-itm rf-pm-sel-el'"> + <div class="rf-pm-itm" onmouseover="this.className='rf-pm-itm rf-pm-itm-hov'" onmouseout="this.className='rf-pm-itm'" onclick="this.className='rf-pm-itm rf-pm-itm-sel'"> <span class="rf-pm-itm-ic"><img width="16" height="16" alt="Menu item icon" src="images/item_icon.gif"/></span> <span class="rf-pm-itm-lbl">Item 2.1</span> <span class="rf-pm-itm-tgl"><img width="16" height="16" alt="Menu item icon" src="images/spacer.gif"/></span> </div> - <div class="rf-pm-itm" onmouseover="this.className='rf-pm-itm rf-pm-hov-el'" onmouseout="this.className='rf-pm-itm'" onclick="this.className='rf-pm-itm rf-pm-sel-el'"> + <div class="rf-pm-itm" onmouseover="this.className='rf-pm-itm rf-pm-itm-hov'" onmouseout="this.className='rf-pm-itm'" onclick="this.className='rf-pm-itm rf-pm-itm-sel'"> <span class="rf-pm-itm-ic"><img width="16" height="16" alt="Menu item icon" src="images/item_icon.gif"/></span> <span class="rf-pm-itm-lbl">Item 2.2</span> <span class="rf-pm-itm-tgl"><img width="16" height="16" alt="Menu item icon" src="images/spacer.gif"/></span> </div> - <div class="rf-pm-itm" onmouseover="this.className='rf-pm-itm rf-pm-hov-el'" onmouseout="this.className='rf-pm-itm'" onclick="this.className='rf-pm-itm rf-pm-sel-el'"> + <div class="rf-pm-itm" onmouseover="this.className='rf-pm-itm rf-pm-itm-hov'" onmouseout="this.className='rf-pm-itm'" onclick="this.className='rf-pm-itm rf-pm-itm-sel'"> <span class="rf-pm-itm-ic"><img width="16" height="16" alt="Menu item icon" src="images/item_icon.gif"/></span> <span class="rf-pm-itm-lbl">Item 2.3</span> <span class="rf-pm-itm-tgl"><img width="16" height="16" alt="Menu item icon" src="images/spacer.gif"/></span> </div> <div class="rf-pm-gr"> - <div class="rf-pm-gr-hdr" onmouseover="this.className='rf-pm-gr-hdr rf-pm-hov-el'" onmouseout="this.className='rf-pm-gr-hdr'" onclick="this.className='rf-pm-gr-hdr rf-pm-sel-el'"> + <div class="rf-pm-gr-hdr" onmouseover="this.className='rf-pm-gr-hdr rf-pm-gr-hov'" onmouseout="this.className='rf-pm-gr-hdr'" onclick="this.className='rf-pm-gr-hdr rf-pm-gr-sel'"> <span class="rf-pm-gr-ic"><img width="16" height="16" alt="Menu group icon" src="images/group_icon.gif"/></span> <span class="rf-pm-gr-lbl">Group 2.4</span> <span class="rf-pm-itm-tgl"><img width="16" height="16" alt="Menu group icon" src="images/spacer.gif"/></span> </div> - <div class="rf-pm-itm" onmouseover="this.className='rf-pm-itm rf-pm-hov-el'" onmouseout="this.className='rf-pm-itm'" onclick="this.className='rf-pm-itm rf-pm-sel-el'"> + <div class="rf-pm-itm" onmouseover="this.className='rf-pm-itm rf-pm-itm-hov'" onmouseout="this.className='rf-pm-itm'" onclick="this.className='rf-pm-itm rf-pm-itm-sel'"> <span class="rf-pm-itm-ic"> <img width="16" height="16" alt="Menu item icon" src="images/item_icon.gif"/> </span> <span class="rf-pm-itm-lbl">Item 2.4.1</span> <span class="rf-pm-itm-tgl"><img width="16" height="16" alt="Menu item icon" src="images/spacer.gif"/></span> </div> - <div class="rf-pm-itm" onmouseover="this.className='rf-pm-itm rf-pm-hov-el'" onmouseout="this.className='rf-pm-itm'" onclick="this.className='rf-pm-itm rf-pm-sel-el'"> + <div class="rf-pm-itm" onmouseover="this.className='rf-pm-itm rf-pm-itm-hov'" onmouseout="this.className='rf-pm-itm'" onclick="this.className='rf-pm-itm rf-pm-itm-sel'"> <span class="rf-pm-itm-ic"> <img width="16" height="16" alt="Menu item icon" src="images/item_icon.gif"/> </span> <span class="rf-pm-itm-lbl">Item 2.4.2</span> <span class="rf-pm-itm-tgl"><img width="16" height="16" alt="Menu item icon" src="images/spacer.gif"/></span> </div> - <div class="rf-pm-itm" onmouseover="this.className='rf-pm-itm rf-pm-hov-el'" onmouseout="this.className='rf-pm-itm'" onclick="this.className='rf-pm-itm rf-pm-sel-el'"> + <div class="rf-pm-itm" onmouseover="this.className='rf-pm-itm rf-pm-itm-hov'" onmouseout="this.className='rf-pm-itm'" onclick="this.className='rf-pm-itm rf-pm-itm-sel'"> <span class="rf-pm-itm-ic"> <img width="16" height="16" alt="Menu item icon" src="images/item_icon.gif"/> </span> @@ -194,14 +207,14 @@ <span class="rf-pm-itm-tgl"><img width="16" height="16" alt="Menu item icon" src="images/spacer.gif"/></span> </div> </div> - <div class="rf-pm-itm" onmouseover="this.className='rf-pm-itm rf-pm-hov-el'" onmouseout="this.className='rf-pm-itm'" onclick="this.className='rf-pm-itm rf-pm-sel-el'"> + <div class="rf-pm-itm" onmouseover="this.className='rf-pm-itm rf-pm-itm-hov'" onmouseout="this.className='rf-pm-itm'" onclick="this.className='rf-pm-itm rf-pm-itm-sel'"> <span class="rf-pm-itm-ic"><img width="16" height="16" alt="Menu item icon" src="images/item_icon.gif"/></span> <span class="rf-pm-itm-lbl">Item 2.5</span> <span class="rf-pm-itm-tgl"><img width="16" height="16" alt="Menu item icon" src="images/spacer.gif"/></span> </div> </div> <div class="rf-pm-top-gr"> - <div class="rf-pm-top-gr-hdr rf-top-gr-dis"> + <div class="rf-pm-top-gr-hdr rf-pm-top-gr-dis"> <span class="rf-pm-top-gr-ic"><img width="18" height="18" alt="Menu group icon" src="images/spacer.gif"/></span> <span class="rf-pm-top-gr-lbl">Group 3</span> <span class="rf-pm-top-gr-tgl"><img width="16" height="16" alt="Menu group icon" src="images/tgl_down_dis.gif"/></span>