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>
Show replies by date