8:40 a.m.
Author: nbelaevski
Date: 2010-11-19 09:40:14 -0500 (Fri, 19 Nov 2010)
New Revision: 20121
Added:
management/design-4x/dropDownMenu-new/
management/design-4x/dropDownMenu-new/dropDownMenu_new.html
management/design-4x/dropDownMenu-new/images/
management/design-4x/dropDownMenu-new/images/copy.gif
management/design-4x/dropDownMenu-new/images/ico1.gif
management/design-4x/dropDownMenu-new/images/ico2.gif
management/design-4x/dropDownMenu-new/images/input_bg.png
management/design-4x/dropDownMenu-new/images/menu_item_bg.gif
management/design-4x/dropDownMenu-new/images/menu_list_bg.gif
management/design-4x/dropDownMenu-new/images/node.gif
management/design-4x/dropDownMenu-new/images/spacer.gif
Log:
Updated DDM design committed
Added: management/design-4x/dropDownMenu-new/dropDownMenu_new.html
===================================================================
--- management/design-4x/dropDownMenu-new/dropDownMenu_new.html
(rev 0)
+++ management/design-4x/dropDownMenu-new/dropDownMenu_new.html 2010-11-19 14:40:14 UTC
(rev 20121)
@@ -0,0 +1,233 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
+<html>
+ <head>
+ <title>DropDownMenu</title>
+ <style type="text/css">
+ body{
+ font:normal 12px Verdana, sans-serif;
+ }
+ input[type="text"]{
+ background-color:#FFFFFF;
+ background-image:url("images/input_bg.png");
+ border-color:#BED6F8;
+ color:#000000;
+ font-family:Arial,Verdana,sans-serif;
+ font-size:11px;
+ }
+ input[type="text"]{
+ background-position:1px 1px;
+ background-repeat:no-repeat;
+ border-style:inset;
+ border-width:1px;
+ }
+
+ /*--- RF DropDownMenu styles ---*/
+ .rf-ddm-lbl, .rf-ddm-lbl-dis {
+ font-family:Arial, Verdana, sans-serif;
+ font-size:11px;
+ position:relative;
+ }
+ .rf-ddm-lbl-unsel {
+ border:0 solid transparent;
+ padding:3px 6px;
+ }
+ .rf-ddm-lbl, .rf-ddm-lbl-dis {
+ height:auto;
+ padding:2px 5px;
+ white-space:nowrap;
+ width:auto;
+ }
+ .rf-ddm-pos{
+ top:20px;
+ left:0;
+ position:absolute;
+ }
+ .rf-ddm-lbl-dec {
+ font-weight:bold;
+ }
+ .rf-ddm-lst {
+ border:1px solid #bfbfc0; /*panelBorderColor*/
+ background-color: #e7f2fb; /*additionalBackgroundColor*/
+ position:absolute;
+ }
+ .rf-ddm-sublst {
+ position:absolute;
+ top:-8px;
+ left:13px;
+ }
+ .rf-ddm-lst-bg {
+ border: 1px solid #e7f2fb; /*additionalBackgroundColor*/
+ border-bottom:0;
+ background: url(images/menu_list_bg.gif) repeat-y left; /*from
additionalBackgroundColor (left) to tabBackgroundColor (right)*/
+ }
+ .rf-ddm-itm {
+ padding : 1px 35px 1px 1px;
+ white-space : nowrap;
+ font-family : verdana; /*generalFamilyFont*/
+ font-size : 12px; /*generalSizeFont*/
+ position : relative;
+ }
+ .rf-ddm-itm-unsel {
+ border : 1px solid transparent;
+ padding : 1px 36px 2px 2px;
+ }
+ .rf-ddm-itm-sel {
+ border : 1px solid #4a70ab; /*headerBackgroundColor*/
+ cursor : pointer;
+ padding : 1px 36px 2px 2px;
+ background : url(menu_item_bg.gif) /*from additionalBackgroundColor (top) to
tabBackgroundColor (bottom)*/ repeat-x top #a9c5e7;
+ z-index:10;
+ }
+ .rf-ddm-itm-dis {
+ border : 1px solid transparent;
+ cursor : default;
+ color : #839eca; /*tabDisabledTextColor*/
+ }
+ .rf-ddm-itm-ic {
+ display:inline-block;
+ margin: 0 10px 0 0;
+ vertical-align:middle;
+ }
+ .rf-ddm-itm-lbl {
+ color : #000000; /*generalTextColor*/
+ display:inline-block;
+ text-decoration : none;
+ z-index:2;
+ }
+ .rf-ddm-sep {
+ font-size : 0px;
+ border-top: 1px solid #bfbfc0; /*panelBorderColor*/
+ margin : 2px 0px 2px 24px;
+ }
+ .rf-ddm-nd {
+ background : url(images/node.gif) no-repeat top;
+ font-size: 1px;
+ width: 7px;
+ height: 7px;
+ top: 7px;
+ right: 6px;
+ position : absolute;
+ }
+ .rf-ddm-itm-dis .rf-ddm-nd {
+ background-position : bottom;
+ }
+ .rf-ddm-strut{
+ font-size: 0px;
+ border: 0px;
+ margin: 0px;
+ width: 250px;
+ background: #e7f2fb; /*additionalBackgroundColor*/
+ }
+
+ /*--- styleClass ---*/
+ .icon{
+ vertical-align:middle;
+ }
+ .menuCkeckbox{
+ margin:0;
+ width:16px;
+ }
+ </style>
+ </head>
+
+ <body>
+ <h1>DropDownMenu</h1>
+ <div class="rf-ddm-lbl rf-ddm-lbl-unsel">
+ <div class="rf-ddm-lbl-dec">
+ <img width="16" height="16" class="icon"
src="images/copy.gif" alt="Menu icon"/> File
+ </div>
+ <div class="rf-ddm-pos">
+ <div class="rf-ddm-lst">
+ <div class="rf-ddm-lst-bg">
+ <div class="rf-ddm-itm rf-ddm-itm-unsel"
onmouseover="this.className='rf-ddm-itm rf-ddm-itm-sel'"
onmouseout="this.className='rf-ddm-itm rf-ddm-itm-unsel'">
+ <span class="rf-ddm-itm-ic">
+ <input type="checkbox" class="menuCkeckbox"/>
+ </span>
+ <span class="rf-ddm-itm-lbl">testString 1.1</span>
+ </div>
+ <div class="rf-ddm-sep"></div>
+ <div class="rf-ddm-itm rf-ddm-itm-unsel"
onmouseover="this.className='rf-ddm-itm rf-ddm-itm-sel'"
onmouseout="this.className='rf-ddm-itm rf-ddm-itm-unsel'">
+ <span class="rf-ddm-itm-ic"><img width="16"
height="16" src="images/ico1.gif" alt="Menu item
icon"/></span>
+ <span class="rf-ddm-itm-lbl">testString 1.2</span>
+ </div>
+ <div class="rf-ddm-itm rf-ddm-itm-unsel"
onmouseover="this.className='rf-ddm-itm rf-ddm-itm-sel'"
onmouseout="this.className='rf-ddm-itm rf-ddm-itm-unsel'">
+ <span class="rf-ddm-itm-ic"><img width="16"
height="16" src="images/ico2.gif" alt="Menu item
icon"/></span>
+ <span class="rf-ddm-itm-lbl">testString 1.3</span>
+ <div class="rf-ddm-nd">
+ <div class="rf-ddm-lst rf-ddm-sublst">
+ <div class="rf-ddm-lst-bg">
+ <div class="rf-ddm-itm rf-ddm-itm-unsel"
onmouseover="this.className='rf-ddm-itm rf-ddm-itm-sel'"
onmouseout="this.className='rf-ddm-itm rf-ddm-itm-unsel'">
+ <span class="rf-ddm-itm-ic"><img width="16"
height="16" src="images/spacer.gif" alt="Menu item
icon"></span>
+ <span class="rf-ddm-itm-lbl">testString 2.1</span>
+ </div>
+ <div class="rf-ddm-itm rf-ddm-itm-unsel"
onmouseover="this.className='rf-ddm-itm rf-ddm-itm-sel'"
onmouseout="this.className='rf-ddm-itm rf-ddm-itm-unsel'">
+ <span class="rf-ddm-itm-ic"><img width="16"
height="16" src="images/ico1.gif" alt="Menu item
icon"/></span>
+ <span class="rf-ddm-itm-lbl">testString 2.2</span>
+ </div>
+ <div class="rf-ddm-sep"></div>
+ <div class="rf-ddm-itm rf-ddm-itm-unsel"
onmouseover="this.className='rf-ddm-itm rf-ddm-itm-sel'"
onmouseout="this.className='rf-ddm-itm rf-ddm-itm-unsel'">
+ <span class="rf-ddm-itm-ic"><img width="16"
height="16" src="images/ico2.gif" alt="Menu item
icon"/></span>
+ <span class="rf-ddm-itm-lbl">
+ <input type="text"/>
+ </span>
+ <div class="rf-ddm-nd">
+ <div class="rf-ddm-lst rf-ddm-sublst">
+ <div class="rf-ddm-lst-bg">
+ <div class="rf-ddm-itm rf-ddm-itm-unsel"
onmouseover="this.className='rf-ddm-itm rf-ddm-itm-sel'"
onmouseout="this.className='rf-ddm-itm rf-ddm-itm-unsel'">
+ <span class="rf-ddm-itm-ic"><img width="16"
height="16" src="images/spacer.gif" alt="Menu item
icon"></span>
+ <span class="rf-ddm-itm-lbl">testString 3.1</span>
+ </div>
+ <div class="rf-ddm-itm rf-ddm-itm-unsel"
onmouseover="this.className='rf-ddm-itm rf-ddm-itm-sel'"
onmouseout="this.className='rf-ddm-itm rf-ddm-itm-unsel'">
+ <span class="rf-ddm-itm-ic"><img width="16"
height="16" src="images/ico1.gif" alt="Menu item
icon"/></span>
+ <span class="rf-ddm-itm-lbl">testString 3.2</span>
+ </div>
+ <div class="rf-ddm-itm rf-ddm-itm-unsel"
onmouseover="this.className='rf-ddm-itm rf-ddm-itm-sel'"
onmouseout="this.className='rf-ddm-itm rf-ddm-itm-unsel'">
+ <span class="rf-ddm-itm-ic"><img width="16"
height="16" src="images/ico2.gif" alt="Menu item
icon"/></span>
+ <span class="rf-ddm-itm-lbl">testString 3.3</span>
+ </div>
+ <div class="rf-ddm-sep"></div>
+ <div class="rf-ddm-itm rf-ddm-itm-dis">
+ <span class="rf-ddm-itm-ic"><img width="16"
height="16" src="images/spacer.gif" alt="Menu item
icon"></span>
+ testString 3.4
+ </div>
+ <div class="rf-ddm-itm rf-ddm-itm-unsel"
onmouseover="this.className='rf-ddm-itm rf-ddm-itm-sel'"
onmouseout="this.className='rf-ddm-itm rf-ddm-itm-unsel'">
+ <span class="rf-ddm-itm-ic"><img width="16"
height="16" src="images/spacer.gif" alt="Menu item
icon"></span>
+ <span class="rf-ddm-itm-lbl"><a
href="#">testString 3.5 testString 3.5 testString 3.5</a></span>
+ </div>
+ <div class="rf-ddm-strut"><img
src="images/spacer.gif" width="1" height="1"
alt="" border="0"/></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="rf-ddm-sep"></div>
+ <div class="rf-ddm-itm rf-ddm-itm-dis">
+ <span class="rf-ddm-itm-ic"><img width="16"
height="16" src="images/spacer.gif" alt="Menu item
icon"></span>
+ testString 2.4
+ <div class="rf-ddm-nd"></div>
+ </div>
+ <div class="rf-ddm-itm rf-ddm-itm-unsel"
onmouseover="this.className='rf-ddm-itm rf-ddm-itm-sel'"
onmouseout="this.className='rf-ddm-itm rf-ddm-itm-unsel'">
+ <span class="rf-ddm-itm-ic"><img width="16"
height="16" src="images/spacer.gif" alt="Menu item
icon"></span>
+ <span class="rf-ddm-itm-lbl">testString 2.5</span>
+ </div>
+ <div class="rf-ddm-strut"><img
src="images/spacer.gif" width="1" height="1"
alt="" border="0"/></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="rf-ddm-sep"></div>
+ <div class="rf-ddm-itm rf-ddm-itm-dis">
+ <span class="rf-ddm-itm-ic"><img width="16"
height="16" src="images/spacer.gif" alt="Menu item
icon"></span>
+ testString 1.4
+ <div class="rf-ddm-nd"></div>
+ </div>
+ <div class="rf-ddm-itm rf-ddm-itm-unsel"
onmouseover="this.className='rf-ddm-itm rf-ddm-itm-sel'"
onmouseout="this.className='rf-ddm-itm rf-ddm-itm-unsel'">
+ <span class="rf-ddm-itm-ic"><img width="16"
height="16" src="images/spacer.gif" alt="Menu item
icon"></span>
+ <span class="rf-ddm-itm-lbl">testString 1.5</span>
+ </div>
+ </div>
+ <div class="rf-ddm-strut"><img src="images/spacer.gif"
width="1" height="1" alt=""
border="0"/></div>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
Added: management/design-4x/dropDownMenu-new/images/copy.gif
===================================================================
(Binary files differ)
Property changes on: management/design-4x/dropDownMenu-new/images/copy.gif
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design-4x/dropDownMenu-new/images/ico1.gif
===================================================================
(Binary files differ)
Property changes on: management/design-4x/dropDownMenu-new/images/ico1.gif
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design-4x/dropDownMenu-new/images/ico2.gif
===================================================================
(Binary files differ)
Property changes on: management/design-4x/dropDownMenu-new/images/ico2.gif
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design-4x/dropDownMenu-new/images/input_bg.png
===================================================================
(Binary files differ)
Property changes on: management/design-4x/dropDownMenu-new/images/input_bg.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design-4x/dropDownMenu-new/images/menu_item_bg.gif
===================================================================
(Binary files differ)
Property changes on: management/design-4x/dropDownMenu-new/images/menu_item_bg.gif
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design-4x/dropDownMenu-new/images/menu_list_bg.gif
===================================================================
(Binary files differ)
Property changes on: management/design-4x/dropDownMenu-new/images/menu_list_bg.gif
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design-4x/dropDownMenu-new/images/node.gif
===================================================================
(Binary files differ)
Property changes on: management/design-4x/dropDownMenu-new/images/node.gif
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design-4x/dropDownMenu-new/images/spacer.gif
===================================================================
(Binary files differ)
Property changes on: management/design-4x/dropDownMenu-new/images/spacer.gif
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream