[richfaces-svn-commits] JBoss Rich Faces SVN: r17735 - in management/design-4x/boxes: images and 1 other directory.

Author: admitriev Date: 2010-07-06 08:33:13 -0400 (Tue, 06 Jul 2010) New Revision: 17735 Modified: management/design-4x/boxes/combo_box.html management/design-4x/boxes/images/bg_shadow.png management/design-4x/boxes/suggestion_box.html Log: Modified: management/design-4x/boxes/combo_box.html =================================================================== --- management/design-4x/boxes/combo_box.html 2010-07-06 12:29:02 UTC (rev 17734) +++ management/design-4x/boxes/combo_box.html 2010-07-06 12:33:13 UTC (rev 17735) @@ -6,8 +6,8 @@ <style> * {font-size : 11px; font-family : verdana; color : #000000} -.cb_field_width{ width : 150px;} -.cb_list_width{ width : 250px;} +.cb_field_width{ width : 100px;} +.cb_list_width{ width : 200px;} .cb_list_height{ height : 100px;} .cb_font{color : #000000/*generalTextColor*/} @@ -19,13 +19,16 @@ .cb_button_arrow{ background : url(images/down.gif) center no-repeat; cursor : pointer;} .cb_list_cord{ position : relative; font-size : 0px;d@isplay : none}/*DDL is hidden!!!!!*/ -.cb_list_position{ position : absolute; top: 0px; left: -1px; } .cb_list_decoration{ border : 1px solid #A6A6A6 /*panelBorderColor*/; padding : 0px; background : #FFFFFF; /*tableBackgroundColor*/} .cb_list_scroll{ overflow : auto; overflow-x : hidden;} .cb_option{ padding : 2px; white-space : nowrap; cursor : default;} .cb_select{ padding : 1px; width : 100%; background-color: #DFE8F6; border : 1px dotted #a3bae9;/*generalTextColor*/} -.cb_list_shadow{ position : absolute; width : 260px; height : 109px; margin-left : -4px; margin-top : -2px;} +.cb_shadow {border: 0px solid red; display: inline-block; position: absolute; float : left; padding : 6px 6px 6px 6px; top : -6px; left : -7px;} +.cb_shadow_t {background: url(images/bg_shadow.png) top left; position: absolute; width: 6px; top: 0px; bottom: 6px; left : 0px} +.cb_shadow_l {background: url(images/bg_shadow.png) bottom left; position: absolute; height: 6px; bottom: 0px; left: 0px; right: 6px;} +.cb_shadow_r {background: url(images/bg_shadow.png) bottom right; position: absolute; width: 6px; top: 6px; bottom: 0px; right: 0px;} +.cb_shadow_b {background: url(images/bg_shadow.png) right top; position: absolute; height: 6px; top: 0px; left: 6px; right: 0px;} </style> </head> @@ -43,10 +46,15 @@ </div> <div class="cb_list_cord"> - <img src="images/bg_shadow.png" class="cb_list_shadow"> - <div class="cb_list_position cb_list_width"> + + <div class="cb_shadow"> + <div class="cb_shadow_t"></div> + <div class="cb_shadow_l"></div> + <div class="cb_shadow_r"></div> + <div class="cb_shadow_b"></div> + <div class="cb_list_decoration"> - <div class="cb_list_scroll cb_list_height"> + <div class="cb_list_scroll cb_list_width cb_list_height"> <div class="cb_option cb_font">Option 1</div> <div class="cb_option cb_font">Option 2</div> <div class="cb_option cb_font">Option 3</div> @@ -59,8 +67,8 @@ </div> </div> </div> + </div> - </div> &nbsp;text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block text block Modified: management/design-4x/boxes/images/bg_shadow.png =================================================================== (Binary files differ) Modified: management/design-4x/boxes/suggestion_box.html =================================================================== --- management/design-4x/boxes/suggestion_box.html 2010-07-06 12:29:02 UTC (rev 17734) +++ management/design-4x/boxes/suggestion_box.html 2010-07-06 12:33:13 UTC (rev 17735) @@ -13,14 +13,17 @@ .sb_font{color : #000000/*generalTextColor*/} -.sb_list_cord{ position : relative; font-size : 0px;d@isplay : none;}/*DDL is not hidden!!!!!*/ -.sb_list_position{ position : absolute; top: 0px; left: -1px; } -.sb_list_decoration{ border : 1px solid #A6A6A6 /*panelBorderColor*/; position : absolute; padding : 0px; background : #FFFFFF; /*tableBackgroundColor*/} +.sb_list_cord{ position : relative; font-size : 0px;d@isplay : none}/*DDL is hidden!!!!!*/ +.sb_list_decoration{ border : 1px solid #A6A6A6 /*panelBorderColor*/; padding : 0px; background : #FFFFFF; /*tableBackgroundColor*/} .sb_list_scroll{ overflow : auto; overflow-x : hidden;} .sb_option{ padding : 2px; white-space : nowrap; cursor : default;} .sb_select{ padding : 1px; width : 100%; background-color: #DFE8F6; border : 1px dotted #a3bae9;/*generalTextColor*/} -.sb_shadow{ position : absolute; width : 260px; height : 109px; margin-left : -4px; margin-top : -2px;} +.sb_shadow {border: 0px solid red; display: inline-block; position: absolute; float : left; padding : 6px 6px 6px 6px; top : -8px; left : -5px;} +.sb_shadow_t {background: url(images/bg_shadow.png) top left; position: absolute; width: 6px; top: 0px; bottom: 6px; left : 0px} +.sb_shadow_l {background: url(images/bg_shadow.png) bottom left; position: absolute; height: 6px; bottom: 0px; left: 0px; right: 6px;} +.sb_shadow_r {background: url(images/bg_shadow.png) bottom right; position: absolute; width: 6px; top: 6px; bottom: 0px; right: 0px;} +.sb_shadow_b {background: url(images/bg_shadow.png) right top; position: absolute; height: 6px; top: 0px; left: 6px; right: 0px;} </style> </head> @@ -33,10 +36,15 @@ <input type="Text" value="Parent element"> <div class="sb_list_cord"> - <div class="sb_list_position sb_list_width"> - <img src="images/bg_shadow.png" class="sb_shadow"> + + <div class="sb_shadow"> + <div class="sb_shadow_t"></div> + <div class="sb_shadow_l"></div> + <div class="sb_shadow_r"></div> + <div class="sb_shadow_b"></div> + <div class="sb_list_decoration"> - <div class="sb_list_scroll sb_list_height sb_list_width"> + <div class="sb_list_scroll sb_list_width sb_list_height"> <div class="sb_option sb_font">Option 1</div> <div class="sb_option sb_font">Option 2</div> <div class="sb_option sb_font">Option 3</div> @@ -49,6 +57,7 @@ </div> </div> </div> + </div> </div>