Author: nbelaevski Date: 2007-11-14 09:22:36 -0500 (Wed, 14 Nov 2007) New Revision: 3984 Added: management/design/orderingList/markup/ol_images/bg_header.png management/design/orderingList/markup/ol_images/bg_press.png management/design/orderingList/markup/ol_images/bg_select.png Modified: management/design/orderingList/markup/ol_images/bottom.gif management/design/orderingList/markup/ol_images/down.gif management/design/orderingList/markup/ol_images/top.gif management/design/orderingList/markup/ol_images/up.gif management/design/orderingList/markup/ordering_list.html Log: Updated markup committed Added: management/design/orderingList/markup/ol_images/bg_header.png =================================================================== (Binary files differ) Property changes on: management/design/orderingList/markup/ol_images/bg_header.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: management/design/orderingList/markup/ol_images/bg_press.png =================================================================== (Binary files differ) Property changes on: management/design/orderingList/markup/ol_images/bg_press.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: management/design/orderingList/markup/ol_images/bg_select.png =================================================================== (Binary files differ) Property changes on: management/design/orderingList/markup/ol_images/bg_select.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Modified: management/design/orderingList/markup/ol_images/bottom.gif =================================================================== (Binary files differ) Modified: management/design/orderingList/markup/ol_images/down.gif =================================================================== (Binary files differ) Modified: management/design/orderingList/markup/ol_images/top.gif =================================================================== (Binary files differ) Modified: management/design/orderingList/markup/ol_images/up.gif =================================================================== (Binary files differ) Modified: management/design/orderingList/markup/ordering_list.html =================================================================== --- management/design/orderingList/markup/ordering_list.html 2007-11-14 14:14:19 UTC (rev 3983) +++ management/design/orderingList/markup/ordering_list.html 2007-11-14 14:22:36 UTC (rev 3984) @@ -4,19 +4,29 @@ <title>Ordering List</title> <style> .ol_header{padding : 1px;} - .ol_headerlabel{font-family : Arial; font-size :11px; font-weight : bold; padding : 3px 3px 3px 8px} - .ol_body{border : 1px solid #bfbfc0; background-color : #e7f2fb;} - .ol_list{overflow : auto; width : 200px; height : 150px; background : #FFFFFF; border : 1px solid #bfbfc0; margin : 0px 8px 8px 8px;} - .ol_button_layout{padding : 15px 8px 15px 0px; vertical-align : top} - .ol_button{background : #4A75B5; border : 1px solid #bfbfc0; margin-bottom : 3px; cursor : pointer; padding : 1px} + + .ol_label{font-family : Arial; font-size :11px; font-weight : bold;} + .ol_out_label{padding : 3px 3px 3px 8px} + .ol_in_label{padding : 3px 3px 3px 0px} + + .ol_body{border : 0px solid #bfbfc0;} + + .ol_list{overflow : auto; width : 200px; height : 150px; background : #FFFFFF; border : 1px solid #bfbfc0;} + .ol_outputlist{ margin : 0px 8px 8px 8px;} + .ol_inputlist{ margin : 0px 8px 8px 0px;} + + .ol_button_layout{padding : 15px 8px 15px 0px;} + .ol_button{background : url(ol_images/bg_header.png) top left #C6D6EA; border : 1px solid #bfbfc0; margin-bottom : 3px; cursor : pointer; padding : 1px} .ol_button_dis{background : #bfbfc0; border : 1px solid #bfbfc0; margin-bottom : 3px; padding : 1px} - .ol_button_press{background : #4A75B5; border : 1px solid #bfbfc0; margin-bottom : 3px; padding : 2px 0px 0px 2px} + .ol_button_press{background : url(ol_images/bg_press.png) top left repeat-x #EAF0F8; border : 1px solid #bfbfc0; margin-bottom : 3px; padding : 2px 0px 0px 2px} + .ol_center_button_col_valign{vertical-align : middle} + .ol_right_button_col_valign{vertical-align : middle} #internal_tab{width : 100%} #internal_tab .ol_endcol{border-right : 0px} - #internal_tab td{color : #000000; font-family : Arial; font-size :11px; border-bottom : 1px solid #bfbfc0;border-right : 1px solid #bfbfc0; padding : 2px} - #internal_tab th{background : #4A75B5; color : #FFFFFF; font-family : Arial; font-size :11px; font-weight : normal; border-bottom : 1px solid #bfbfc0;border-right : 1px solid #bfbfc0; padding : 2px} + #internal_tab td{font-family : Arial; font-size :11px; border-bottom : 1px solid #bfbfc0;border-top : 1px solid #FFFFFF; padding : 2px} + #internal_tab th{background : url(ol_images/bg_header.png) top left repeat-x #C6D6EA; color : #000000; font-family : Arial; font-size :11px; font-weight : normal; border-bottom : 1px solid #bfbfc0;border-right : 1px solid #bfbfc0;border-left : 1px solid #EAF0F8;border-top : 1px solid #FFFFFF; padding : 2px} #internal_tab tr.ol_select{background : #EAF0F8} - #internal_tab tr.ol_currant{background : #C6D6EA} + #internal_tab tr.ol_currant{background : #EAF0F8; color : #4A75B5;} </style> </head> @@ -25,12 +35,12 @@ <table border="0" cellpadding="0" cellspacing="0" class="ol_body"> <tr> <td colspan="2" class="ol_header"> - <div class="ol_headerlabel">Ordering List</div> + <div class="ol_label ol_out_label">Ordering List</div> </td> </tr> <tr> <td> - <div class="ol_list"> + <div class="ol_list ol_outputlist"> <table border="0" cellpadding="0" cellspacing="0" id="internal_tab"> <tr> <th nowrap> @@ -39,12 +49,9 @@ <th nowrap> Header 2 </th> - <th nowrap> + <th nowrap class="ol_endcol"> Header 3 </th> - <th nowrap class="ol_endcol"> - Header 4 - </th> </tr> <tr> <td nowrap> @@ -53,12 +60,9 @@ <td nowrap> Content 2 </td> - <td nowrap> + <td nowrap class="ol_endcol"> Content 3 </td> - <td nowrap class="ol_endcol"> - Content 4 - </td> </tr> <tr> <td nowrap> @@ -67,12 +71,9 @@ <td nowrap> Content 2 </td> - <td nowrap> + <td nowrap class="ol_endcol"> Content 3 </td> - <td nowrap class="ol_endcol"> - Content 4 - </td> </tr> <tr class="ol_select"> <td nowrap> @@ -81,12 +82,9 @@ <td nowrap> Content 2 </td> - <td nowrap> + <td nowrap class="ol_endcol"> Content 3 </td> - <td nowrap class="ol_endcol"> - Content 4 - </td> </tr> <tr> <td nowrap> @@ -95,12 +93,9 @@ <td nowrap> Content 2 </td> - <td nowrap> + <td nowrap class="ol_endcol"> Content 3 </td> - <td nowrap class="ol_endcol"> - Content 4 - </td> </tr> <tr class="ol_currant"> <td nowrap> @@ -109,12 +104,9 @@ <td nowrap> Content 2 </td> - <td nowrap> + <td nowrap class="ol_endcol"> Content 3 </td> - <td nowrap class="ol_endcol"> - Content 4 - </td> </tr> <tr class="ol_select"> <td nowrap> @@ -123,12 +115,9 @@ <td nowrap> Content 2 </td> - <td nowrap> + <td nowrap class="ol_endcol"> Content 3 </td> - <td nowrap class="ol_endcol"> - Content 4 - </td> </tr> <tr> <td nowrap> @@ -137,12 +126,9 @@ <td nowrap> Content 2 </td> - <td nowrap> + <td nowrap class="ol_endcol"> Content 3 </td> - <td nowrap class="ol_endcol"> - Content 4 - </td> </tr> <tr> <td nowrap> @@ -151,12 +137,9 @@ <td nowrap> Content 2 </td> - <td nowrap> + <td nowrap class="ol_endcol"> Content 3 </td> - <td nowrap class="ol_endcol"> - Content 4 - </td> </tr> <tr> <td nowrap> @@ -165,23 +148,21 @@ <td nowrap> Content 2 </td> - <td nowrap> + <td nowrap class="ol_endcol"> Content 3 </td> - <td nowrap class="ol_endcol"> - Content 4 - </td> </tr> </table> </div> </td> - <td class="ol_button_layout"> - <div class="ol_button" onmousedown="this.className='ol_button_press'" onmouseup="this.className='ol_button'" onmouseout="this.className='ol_button'"><img src="ol_images/top.gif" width="15" height="15" alt="" border="0"></div> + <td class="ol_center_button_col_valign"> + <div class="ol_button_layout"> <div class="ol_button" onmousedown="this.className='ol_button_press'" onmouseup="this.className='ol_button'" onmouseout="this.className='ol_button'"><img src="ol_images/up.gif" width="15" height="15" alt="" border="0"></div> <div class="ol_button" onmousedown="this.className='ol_button_press'" onmouseup="this.className='ol_button'" onmouseout="this.className='ol_button'"><img src="ol_images/down.gif" width="15" height="15" alt="" border="0"></div> - <div class="ol_button_dis"><img src="ol_images/bottom.gif" width="15" height="15" alt="" border="0"></div> + <div class="ol_button" onmousedown="this.className='ol_button_press'" onmouseup="this.className='ol_button'" onmouseout="this.className='ol_button'"><img src="ol_images/top.gif" width="15" height="15" alt="" border="0"></div> + <div class="ol_button" onmousedown="this.className='ol_button_press'" onmouseup="this.className='ol_button'" onmouseout="this.className='ol_button'""><img src="ol_images/bottom.gif" width="15" height="15" alt="" border="0"></div> + </div> </td> - </tr> </table> </body>