4:26 a.m.
Author: admitriev
Date: 2010-05-26 05:26:01 -0400 (Wed, 26 May 2010)
New Revision: 17245
Added:
management/design-4x/boxes/combo_box.html
management/design-4x/boxes/suggestion_box.html
Log:
Added: management/design-4x/boxes/combo_box.html
===================================================================
--- management/design-4x/boxes/combo_box.html (rev 0)
+++ management/design-4x/boxes/combo_box.html 2010-05-26 09:26:01 UTC (rev 17245)
@@ -0,0 +1,69 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
+
+<html>
+<head>
+ <title>Untitled</title>
+<style>
+* {font-size : 11px; font-family : verdana; color : #000000}
+
+.cb_field_width{ width : 150px;}
+.cb_list_width{ width : 250px;}
+.cb_list_height{ height : 100px;}
+
+.cb_font{color : #000000/*generalTextColor*/}
+.cb_input {border : 0px; background : none; width : 100%;}
+
+.cb_field{ position : inline-block; border : 1px solid #A6A6A6/*panelBorderColor*/;
display : inline-block; background : url(images/bg_field.png) top left repeat-x/*gradient
- from additionalBackgroundColor to controlBackgroundColor, background-color -
controlBackgroundColor*/; }
+
+.cb_button{ background : url(images/bg_btn.png) top left repeat-x #C0D1E7/*gradient -
from headerGradientColor to headerBackgroundColor, background-color -
headerBackgroundColor*/; text-align : center; border-left : 1px solid
#A6A6A6/*panelBorderColor*/; width : 15px; position : absolute; top : 0px; right : 0px;
height : 200px; padding-top : 1px }
+.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;}
+
+</style>
+</head>
+
+<body style="margin : 30px">
+
+
+Text block text block text block text block text block text block text block text block
+<div class=" cb_field_width cb_field">
+ <div style=" position : relative; overflow : hidden; text-align : left;
padding-right : 21px;">
+ <input type="Text" class="cb_font cb_input">
+ <div class="cb_button">
+ <img src="images/down.gif" width="15" height="15"
alt="" border="0">
+ </div>
+ </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_list_decoration">
+ <div class="cb_list_scroll 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>
+ <div class="cb_option cb_font">Option 4</div>
+ <div class="cb_option cb_font cb_select">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>
+ 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
+
+
+</body>
+</html>
Added: management/design-4x/boxes/suggestion_box.html
===================================================================
--- management/design-4x/boxes/suggestion_box.html (rev 0)
+++ management/design-4x/boxes/suggestion_box.html 2010-05-26 09:26:01 UTC (rev 17245)
@@ -0,0 +1,59 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
+
+<html>
+<head>
+ <title>Untitled</title>
+<style>
+* {font-size : 11px; font-family : verdana; color : #000000}
+
+.sb_shell{ display : inline-block;}
+
+.sb_list_width{ width : 250px;}
+.sb_list_height{ height : 100px;}
+
+.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_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;}
+
+</style>
+</head>
+
+<body style="margin : 30px">
+
+
+Text block text block text block text block text block text block text block text block
text block
+<div class="sb_shell">
+ <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_list_decoration">
+ <div class="sb_list_scroll sb_list_height sb_list_width">
+ <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>
+ <div class="sb_option sb_font">Option 4</div>
+ <div class="sb_option sb_font sb_select">Option 6</div>
+ <div class="sb_option sb_font">Option 7</div>
+ <div class="sb_option sb_font">Option 8</div>
+ <div class="sb_option sb_font">Option 9</div>
+ <div class="sb_option sb_font">Option 0</div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+</div>
+ 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
+
+
+</body>
+</html>