7:04 p.m.
Author: nbelaevski
Date: 2010-12-02 13:04:58 -0500 (Thu, 02 Dec 2010)
New Revision: 20316
Added:
management/design-4x/panelMenu/images/
management/design-4x/panelMenu/images/gr.png
management/design-4x/panelMenu/images/group_icon.gif
management/design-4x/panelMenu/images/item_icon.gif
management/design-4x/panelMenu/images/spacer.gif
management/design-4x/panelMenu/images/tgl_down.gif
management/design-4x/panelMenu/images/tgl_up.gif
management/design-4x/panelMenu/panelMenu_new.html
Log:
Panel menu markup committed
Added: management/design-4x/panelMenu/images/gr.png
===================================================================
(Binary files differ)
Property changes on: management/design-4x/panelMenu/images/gr.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design-4x/panelMenu/images/group_icon.gif
===================================================================
(Binary files differ)
Property changes on: management/design-4x/panelMenu/images/group_icon.gif
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design-4x/panelMenu/images/item_icon.gif
===================================================================
(Binary files differ)
Property changes on: management/design-4x/panelMenu/images/item_icon.gif
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design-4x/panelMenu/images/spacer.gif
===================================================================
(Binary files differ)
Property changes on: management/design-4x/panelMenu/images/spacer.gif
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design-4x/panelMenu/images/tgl_down.gif
===================================================================
(Binary files differ)
Property changes on: management/design-4x/panelMenu/images/tgl_down.gif
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design-4x/panelMenu/images/tgl_up.gif
===================================================================
(Binary files differ)
Property changes on: management/design-4x/panelMenu/images/tgl_up.gif
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design-4x/panelMenu/panelMenu_new.html
===================================================================
--- management/design-4x/panelMenu/panelMenu_new.html (rev 0)
+++ management/design-4x/panelMenu/panelMenu_new.html 2010-12-02 18:04:58 UTC (rev 20316)
@@ -0,0 +1,212 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+ <title>PanelMenu</title>
+
+ <style type="text/css">
+ body{
+ font:normal 11px Verdana, sans-serif;
+ margin:30px;
+ }
+
+ /*--- RF PanelMenu styles ---*/
+ .rf-pm {
+ overflow:hidden;
+ width:200px;
+ }
+ .rf-pm-top-gr{
+ border:1px solid #BED6F8;/*panelBorderColor*/
+ margin-bottom:3px;
+ padding:1px;
+ }
+ .rf-pm-top-gr-hdr{
+ background:#BED6F8 url("images/gr.png") left top repeat-x;/*from
headerGradientColor (top) to headerBackgroundColor (bottom), background-color -
headerBackgroundColor*/
+ color:#000000;/*headerTextColor*/
+ cursor:pointer;
+ font-family:Arial,Verdana,sans-serif;/*headerFamilyFont*/
+ font-size:11px;/*headerSizeFont*/
+ font-weight:bold;
+ padding:2px;
+ position:relative;
+ }
+ .rf-pm-top-gr-ic{
+ display:inline-block;
+ white-space:nowrap;
+ }
+ .rf-pm-top-gr-ic img{
+ vertical-align:middle;
+ }
+ .rf-pm-top-gr-lbl{
+ display:inline-block;
+ vertical-align:middle;
+ white-space:nowrap;
+ }
+ .rf-pm-top-gr-tgl{
+ display:inline-block;
+ position:absolute;
+ right:2px;
+ top:2px;
+ white-space:nowrap;
+ }
+ .rf-pm-itm {
+ border-top:1px solid #BED6F8;/*panelBorderColor*/
+ color:#000000;
+ cursor:pointer;
+ font-family:Arial,Verdana,sans-serif;/*generalFamilyFont*/
+ font-size:11px;/*generalSizeFont*/
+ margin-top:1px;
+ padding:2px 0 2px 15px;
+ position:relative;
+ }
+ .rf-pm-itm-ic{
+ display:inline-block;
+ white-space:nowrap;
+ }
+ .rf-pm-itm-ic img{
+ vertical-align:middle;
+ }
+ .rf-pm-itm-lbl{
+ display:inline-block;
+ vertical-align:middle;
+ white-space:nowrap;
+ }
+ .rf-pm-itm-tgl{
+ vertical-align:middle;
+ position:absolute;
+ right:2px;
+ top:2px;
+ }
+ .rf-pm-gr{
+ border-top:1px solid #BED6F8;/*panelBorderColor*/
+ }
+ .rf-pm-gr-hdr{
+ color:#000000;
+ cursor:pointer;
+ font-family:Arial,Verdana,sans-serif;/*generalFamilyFont*/
+ font-size:11px;/*generalSizeFont*/
+ font-weight:bold;
+ padding:2px 0 2px 15px;
+ }
+ .rf-pm-gr-ic{
+ white-space:nowrap;
+ }
+ .rf-pm-gr-ic img{
+ vertical-align:middle;
+ }
+ .rf-pm-gr-lbl{
+ 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{
+ padding-left:30px;
+ }
+ </style>
+</head>
+<body>
+ <h1>PanelMenu</h1>
+
+ <div class="rf-pm">
+ <div class="rf-pm-top-gr">
+ <div class="rf-pm-top-gr-hdr">
+ <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 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'">
+ <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'">
+ <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'">
+ <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>
+ </div>
+ </div>
+ <div class="rf-pm-top-gr">
+ <div class="rf-pm-top-gr-hdr">
+ <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 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'">
+ <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'">
+ <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'">
+ <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'">
+ <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'">
+ <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'">
+ <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'">
+ <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.3</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-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'">
+ <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">
+ <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.gif"/></span>
+ </div>
+ <div class="rf-pm-itm" style="display: none;">
+ <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 3.1</span>
+ <span class="rf-pm-itm-tgl"><img width="16"
height="16" alt="Menu item icon"
src="images/spacer.gif"/></span>
+ </div>
+ </div>
+ </div>
+</body>
+</html>
\ No newline at end of file
5146
days inactive
5146
days old
richfaces-svn-commits@lists.jboss.org
0 comments
1 participants
participants (1)
-
richfaces-svn-commits＠lists.jboss.org