Author: admitriev
Date: 2008-01-18 08:53:55 -0500 (Fri, 18 Jan 2008)
New Revision: 5465
Added:
management/design/comboBox/markup/ComboBox_Strict.html
management/design/comboBox/markup/images/bg_shadow.png
Log:
Added: management/design/comboBox/markup/ComboBox_Strict.html
===================================================================
--- management/design/comboBox/markup/ComboBox_Strict.html (rev
0)
+++ management/design/comboBox/markup/ComboBox_Strict.html 2008-01-18 13:53:55 UTC (rev
5465)
@@ -0,0 +1,87 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
+<html>
+<head>
+ <title>Untitled</title>
+<style>
+.cb_width_field{ width : 250px;}
+.cb_width_list{ width : 248px;}
+.cb_font{ font-size : 11px/*generalSizeFont*/; font-family : arial/*generalFamilyFont*/;
color : #000000/*generalTextColor*/}
+.cb_shell{ position : relative;}
+.cb_field{ width : 225px;position : absolute; top : 0px; left : 0; padding-right :20px;
padding-left :3px; margin : 0px; border : 1px solid #c0c0c0; background-image:
url(SpinnerFieldGradient.gif); background-position:left top;
+background-repeat:repeat-x; border-color: #BED6F8 rgb(255, 255, 255) #BED6F8 rgb(190,
214, 248); } /*panelBorderColor*/
+.cb_strut{ position : relative; visibility : hidden; padding-right :20px; padding-top
:0px; padding-bottom :0px; padding-left :3px; margin : 0px; border : 1px solid #c0c0c0;
margin : 0px; border : 1px solid #c0c0c0;}
+.cb_button{ position : absolute; top : 0px; right : 0; width : 17px;padding-left : 0px;
padding-right : 0px; margin : 0px; border : 1px solid #c0c0c0; border-color: #BED6F8
rgb(190, 214, 248) #BED6F8 rgb(190, 214, 248); } /*panelBorderColor*/
+.cb_button_bg{ background : url(images/bg_btn.png) top repeat-x #C7D7EC;} /*gradient -
from generalBackgroundColor to tabBackgroundColor, background-color -
tabBackgroundColor*/
+.cb_button_bg_press{ background : url(images/bg_press.png) repeat-x bottom #C7D7EC}
/*gradient - from tabBackgroundColor to generalBackgroundColor, background-color -
tabBackgroundColor*/
+.cb_button_arrow{ background : url(images/down.gif) center no-repeat; cursor :
pointer;}
+.cb_button_select{ border : 1px solid #E79A00;} /*selectControlColor*/
+
+.cb_list_cord{ position : relative; font-size : 0px;d!isplay : none}/*DDL is
hidden!!!!!*/
+.cb_list_position{ position : absolute; top:0px; left:0px;}
+.cb_list_decoration{border : 1px solid #BED6F8 /*panelBorderColor*/; padding : 0px;
background : #FFFFFF; /*tableBackgroundColor*/}
+.cb_list_scroll{ overflow : auto; overflow-x : hidden; height : 100px;}
+.cb_option{ padding : 2px; white-space : nowrap;}
+.cb_select{ padding : 1px; width : 100%; background-color: #DFE8F6; border : 1px dotted
#a3bae9;/*generalTextColor*/}
+.cb_shadow{ top:-5; left:0; position : absolute;}
+.cb_shadow_tl{ background : url(images/bg_shadow.png) repeat-x top left;}
+.cb_shadow_tr{ background : url(images/bg_shadow.png) repeat-x top right;}
+.cb_shadow_bl{ background : url(images/bg_shadow.png) repeat-x bottom left;}
+.cb_shadow_br{ background : url(images/bg_shadow.png) repeat-x bottom right;}
+</style>
+</head>
+
+<body style="margin : 30px">
+
+<div class="cb_width_list cb_font cb_shell">
+ <div class="cb_width_field cb_font cb_shell">
+ <input type="Text" value="Input text or select option"
class="cb_width_field cb_font cb_field">
+ <input readonly="" type="Text" value=""
class="cb_button cb_font cb_button_bg">
+ <input readonly="" type="Text" value=""
class="cb_button cb_font cb_button_arrow"
onmouseover="this.className='cb_button cb_font cb_button_arrow
cb_button_select'" onmouseout="this.className='cb_button cb_font
cb_button_arrow'">
+ <input type="Text"class="cb_width_field cb_strut cb_font">
+ </div><div class="cb_list_cord">
+ <iframe class="cb_width_list cb_list_scroll cb_list_position"
frameborder="0"></iframe>
+ <div class="cb_shadow">
+ <table cellpadding="0" cellspacing="0" border="0"
width="257" height="109">
+ <tr>
+ <td class="cb_shadow_tl">
+ <img src="images/spacer.gif" width="10" height="1"
alt="" border="0"><br>
+ </td>
+ <td class="cb_shadow_tr">
+ <img src="images/spacer.gif" width="1" height="10"
alt="" border="0"><br>
+ </td>
+ </tr>
+ <tr>
+ <td class="cb_shadow_bl">
+ <img src="images/spacer.gif" width="1" height="10"
alt="" border="0"><br>
+ </td>
+ <td class="cb_shadow_br">
+ <img src="images/spacer.gif" width="10"
height="10" alt="" border="0"><br>
+ </td>
+ </tr>
+ </table>
+ </div>
+ <div class="cb_list_position">
+ <div class="cb_list_decoration">
+ <div class="cb_list_scroll cb_width_list">
+ <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>
+ <div class="cb_option cb_font">Option 4</div>
+ <div class="cb_option cb_font cb_select">Opt</div>
+ <div class="cb_option cb_font">Option 6</div>
+ <div class="cb_option cb_font">Option 7</div>
+ <div class="cb_option cb_font">Option 8</div>
+ <div class="cb_option cb_font">Option 9</div>
+ <div class="cb_option cb_font">Option 0</div>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+
+
+
+
+</body>
+</html>
Added: management/design/comboBox/markup/images/bg_shadow.png
===================================================================
(Binary files differ)
Property changes on: management/design/comboBox/markup/images/bg_shadow.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Show replies by date