Author: admitriev Date: 2010-10-29 12:00:55 -0400 (Fri, 29 Oct 2010) New Revision: 19784 Modified: management/design-4x/panel_menu/panel_menu.html Log: Modified: management/design-4x/panel_menu/panel_menu.html =================================================================== --- management/design-4x/panel_menu/panel_menu.html 2010-10-29 15:57:44 UTC (rev 19783) +++ management/design-4x/panel_menu/panel_menu.html 2010-10-29 16:00:55 UTC (rev 19784) @@ -8,14 +8,7 @@ width : 300px; } -.rf_pm_txt{ - display : inline-block; - padding : 2px 3px 3px 3px; - font-size : 11px; /*generalSizeFont*/ - font-family : verdana; /*generalFamilyFont*/ -} - .rf_pm_lbl{ border : 1px solid #BED6F8; /*panelBorderColor*/ margin-bottom : 3px @@ -29,6 +22,8 @@ padding-top : 2px; margin-top : 1px; cursor : pointer; + white-space : nowrap; + //white-space : normal; } .rf_pm_1{ @@ -76,6 +71,14 @@ float : right; } +.rf_pm_icon{ + width : 16px; + height : 16px; + display : inline-block; + background : url(icon.gif) center center no-repeat; + margin : 0px 3px; +} + .rf_pm_dis{ color : #BED6F8; /*panelBorderColor*/ } @@ -85,6 +88,11 @@ border-top : 1px solid #FFFFFF; /*panelBorderColor*/ } +.rf_pm_gr_sel{ + background-image : url(pmenu_bg.gif); /*from additionalBackgroundColor to headerGradientColor*/ + border-top : 1px solid #FFFFFF; /*panelBorderColor*/ +} + .rf_pm_vis{ display : block; } @@ -93,7 +101,17 @@ display : none; } +.rf_pm_txt{ + display : inline-block; + padding : 2px 0px 3px 0px; + margin : 0px 50px 0px 0px; + //margin : 0px 0px 0px 0px; + font-size : 11px; /*generalSizeFont*/ + font-family : verdana; /*generalFamilyFont*/ + white-space: normal !important; +} + </style> </head> @@ -104,188 +122,94 @@ <div class="rf_pm_size"> <div class="rf_pm_lbl"> - <div class="rf_pm_itm rf_pm_1"> - <img src="icon.gif" width="16" height="16" class="rf_pm_ico_lft"> - <img src="icon.gif" width="16" height="16" class="rf_pm_ico_rgt"> - <span class="rf_pm_txt"> - Display item name - </span> - </div> + + <div id="1"> - <div class="rf_pm_2 rf_pm_vis"> - <div class="rf_pm_itm"> - <img src="icon.gif" width="16" height="16" class="rf_pm_ico_lft"> - <img src="icon.gif" width="16" height="16" class="rf_pm_ico_rgt"> + <div class="rf_pm_itm rf_pm_1"> + <span class="rf_pm_ico_lft rf_pm_icon"></span> + <span class="rf_pm_ico_rgt rf_pm_icon"></span> <span class="rf_pm_txt"> - Display item name + Display item name 1 </span> + <br clear="all"> </div> - <div class="rf_pm_itm"> - <img src="icon.gif" width="16" height="16" class="rf_pm_ico_lft"> - <img src="icon.gif" width="16" height="16" class="rf_pm_ico_rgt"> - <span class="rf_pm_txt"> - Display item name - </span> - </div> - - <div class="rf_pm_3 rf_pm_vis "> - <div class="rf_pm_itm"> - <img src="icon.gif" width="16" height="16" class="rf_pm_ico_lft"> - <img src="icon.gif" width="16" height="16" class="rf_pm_ico_rgt"> - <span class="rf_pm_txt"> - Display item name - </span> - </div> - <div class="rf_pm_itm rf_pm_sel"> - <img src="icon.gif" width="16" height="16" class="rf_pm_ico_lft"> - <img src="icon.gif" width="16" height="16" class="rf_pm_ico_rgt"> - <span class="rf_pm_txt"> - Display item name - </span> - </div> - </div> - - <div class="rf_pm_itm rf_pm_dis"> - <img src="icon.gif" width="16" height="16" class="rf_pm_ico_lft"> - <img src="icon.gif" width="16" height="16" class="rf_pm_ico_rgt"> - <span class="rf_pm_txt"> - Display item name - </span> - </div> - <div class="rf_pm_itm rf_pm_dis"> - <img src="icon.gif" width="16" height="16" class="rf_pm_ico_lft"> - <img src="icon.gif" width="16" height="16" class="rf_pm_ico_rgt"> - <span class="rf_pm_txt"> - Display item name - </span> - </div> - - </div> - </div> + <div class="rf_pm_2 rf_pm_vis"> + <div id="1.1"> + <div class="rf_pm_itm"> + <span class="rf_pm_ico_lft rf_pm_icon"></span> + <span class="rf_pm_ico_rgt rf_pm_icon"></span> + <span class="rf_pm_txt"> + Display item 1.1 + </span> + <br clear="all"> + </div> + </div> - <div class="rf_pm_lbl"> - <div class="rf_pm_itm rf_pm_1"> - <img src="icon.gif" width="16" height="16" class="rf_pm_ico_lft"> - <img src="icon.gif" width="16" height="16" class="rf_pm_ico_rgt"> - <span class="rf_pm_txt"> - Display item name - </span> - </div> - - <div class="rf_pm_2 rf_pm_hid"> - <div class="rf_pm_itm"> - <img src="icon.gif" width="16" height="16" class="rf_pm_ico_lft"> - <img src="icon.gif" width="16" height="16" class="rf_pm_ico_rgt"> - <span class="rf_pm_txt"> - Display item name - </span> - </div> - <div class="rf_pm_itm"> - <img src="icon.gif" width="16" height="16" class="rf_pm_ico_lft"> - <img src="icon.gif" width="16" height="16" class="rf_pm_ico_rgt"> - <span class="rf_pm_txt"> - Display item name - </span> - </div> - - <div class="rf_pm_3 rf_pm_hid "> - <div class="rf_pm_itm"> - <img src="icon.gif" width="16" height="16" class="rf_pm_ico_lft"> - <img src="icon.gif" width="16" height="16" class="rf_pm_ico_rgt"> - <span class="rf_pm_txt"> - Display item name - </span> + <div id="1.2"> + <div class="rf_pm_itm"> + <span class="rf_pm_ico_lft rf_pm_icon"></span> + <span class="rf_pm_ico_rgt rf_pm_icon"></span> + <span class="rf_pm_txt"> + Display item name 1.2 + </span> + <br clear="all"> + </div> + + <div class="rf_pm_3 rf_pm_vis "> + + <div id="1.2.1"> + <div class="rf_pm_itm"> + <span class="rf_pm_ico_lft rf_pm_icon"></span> + <span class="rf_pm_ico_rgt rf_pm_icon"></span> + <span class="rf_pm_txt"> + Display item name 1.2.1 + </span> + <br clear="all"> + </div> + </div> + + <div id="1.2.2"> + <div class="rf_pm_itm rf_pm_sel"> + <span class="rf_pm_ico_lft rf_pm_icon"></span> + <span class="rf_pm_ico_rgt rf_pm_icon"></span> + <span class="rf_pm_txt"> + Display item name 1.2.2 + </span> + <br clear="all"> + </div> + </div> + + </div> </div> - <div class="rf_pm_itm rf_pm_sel"> - <img src="icon.gif" width="16" height="16" class="rf_pm_ico_lft"> - <img src="icon.gif" width="16" height="16" class="rf_pm_ico_rgt"> - <span class="rf_pm_txt"> - Display item name - </span> + + <div id="1.3"> + <div class="rf_pm_itm rf_pm_dis"> + <span class="rf_pm_ico_lft rf_pm_icon"></span> + <span class="rf_pm_ico_rgt rf_pm_icon"></span> + <span class="rf_pm_txt"> + Display item name 1.3 + </span> + <br clear="all"> + </div> </div> - </div> - - <div class="rf_pm_itm"> - <img src="icon.gif" width="16" height="16" class="rf_pm_ico_lft"> - <img src="icon.gif" width="16" height="16" class="rf_pm_ico_rgt"> - <span class="rf_pm_txt"> - Display item name - </span> - </div> - <div class="rf_pm_itm"> - <img src="icon.gif" width="16" height="16" class="rf_pm_ico_lft"> - <img src="icon.gif" width="16" height="16" class="rf_pm_ico_rgt"> - <span class="rf_pm_txt"> - Display item name - </span> - </div> - - </div> - - </div> - - <div class="rf_pm_lbl"> - <div class="rf_pm_itm rf_pm_1"> - <img src="icon.gif" width="16" height="16" class="rf_pm_ico_lft"> - <img src="icon.gif" width="16" height="16" class="rf_pm_ico_rgt"> - <span class="rf_pm_txt"> - Display item name - </span> - </div> - - <div class="rf_pm_2 rf_pm_hid"> - <div class="rf_pm_itm"> - <img src="icon.gif" width="16" height="16" class="rf_pm_ico_lft"> - <img src="icon.gif" width="16" height="16" class="rf_pm_ico_rgt"> - <span class="rf_pm_txt"> - Display item name - </span> - </div> - <div class="rf_pm_itm"> - <img src="icon.gif" width="16" height="16" class="rf_pm_ico_lft"> - <img src="icon.gif" width="16" height="16" class="rf_pm_ico_rgt"> - <span class="rf_pm_txt"> - Display item name - </span> - </div> - - <div class="rf_pm_3 rf_pm_hid "> - <div class="rf_pm_itm"> - <img src="icon.gif" width="16" height="16" class="rf_pm_ico_lft"> - <img src="icon.gif" width="16" height="16" class="rf_pm_ico_rgt"> - <span class="rf_pm_txt"> - Display item name - </span> + <div id="1.4"> + <div class="rf_pm_itm rf_pm_dis"> + <span class="rf_pm_ico_lft rf_pm_icon"></span> + <span class="rf_pm_ico_rgt rf_pm_icon"></span> + <span class="rf_pm_txt"> + Display item name 1.4 + </span> + <br clear="all"> + </div> </div> - <div class="rf_pm_itm rf_pm_sel"> - <img src="icon.gif" width="16" height="16" class="rf_pm_ico_lft"> - <img src="icon.gif" width="16" height="16" class="rf_pm_ico_rgt"> - <span class="rf_pm_txt"> - Display item name - </span> - </div> + </div> - <div class="rf_pm_itm"> - <img src="icon.gif" width="16" height="16" class="rf_pm_ico_lft"> - <img src="icon.gif" width="16" height="16" class="rf_pm_ico_rgt"> - <span class="rf_pm_txt"> - Display item name - </span> - </div> - <div class="rf_pm_itm"> - <img src="icon.gif" width="16" height="16" class="rf_pm_ico_lft"> - <img src="icon.gif" width="16" height="16" class="rf_pm_ico_rgt"> - <span class="rf_pm_txt"> - Display item name - </span> - </div> - </div> - + </div>