Author: nbelaevski
Date: 2007-12-06 18:56:51 -0500 (Thu, 06 Dec 2007)
New Revision: 4581
Modified:
management/design/orderingList/markup/ol_images/bg_header.png
management/design/orderingList/markup/ol_images/bg_press.png
management/design/orderingList/markup/ordering_list.html
Log:
Latest ordering list design committed
Modified: management/design/orderingList/markup/ol_images/bg_header.png
===================================================================
(Binary files differ)
Modified: management/design/orderingList/markup/ol_images/bg_press.png
===================================================================
(Binary files differ)
Modified: management/design/orderingList/markup/ordering_list.html
===================================================================
--- management/design/orderingList/markup/ordering_list.html 2007-12-06 23:38:31 UTC (rev
4580)
+++ management/design/orderingList/markup/ordering_list.html 2007-12-06 23:56:51 UTC (rev
4581)
@@ -9,28 +9,94 @@
.ol_out_label{padding : 3px 3px 3px 8px}
.ol_in_label{padding : 3px 3px 3px 0px}
- .ol_body{border : 0px solid #bfbfc0;}
+ .ol_body{border : 0px solid #C0C0C0;} /*tableBorderColor*/
- .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_list{
+ overflow : auto;
+ width : 200px;
+ height : 150px;
+ background : #FFFFFF; /*tableBackgroundColor*/
+ border : 1px solid #C0C0C0; /*tableBorderColor*/
+ }
+ .ol_outputlist{
+ margin : 0px 8px 8px 8px;
+ }
+ .ol_inputlist{
+ margin : 0px 8px 8px 0px;
+ }
- .ol_button_layout{padding : 15px 8px 15px 0px;}
- .ol_button_border{border : 1px solid #bfbfc0; margin-bottom : 3px;}
- .ol_button{background : url(ol_images/bg_header.png) top left #C6D6EA repeat-x; cursor
: pointer; padding : 2px; font-family : Arial; font-size :11px;}
- .ol_button_light{background : url(ol_images/bg_header.png) top left #C6D6EA repeat-x;
border : 1px solid #E79A00;cursor : pointer; padding : 1px; font-family : Arial;
font-size :11px;}
- .ol_button_dis{background : #bfbfc0; border : 1px solid #bfbfc0; margin-bottom : 3px;
padding : 1px}
- .ol_button_press{background : url(ol_images/bg_press.png) top left repeat-x #EAF0F8;
border : 1px solid #E79A00; padding : 2px 0px 0px 2px;font-family : Arial; font-size
:11px;}
+ .ol_button_layout{
+ padding : 15px 8px 15px 0px;
+ }
+ .ol_button_border{
+ border : 1px solid #C0C0C0; /*tableBorderColor*/
+ margin-bottom : 3px;
+ }
+ .ol_button{
+ background : url(ol_images/bg_header.png) /*from additionalBackgroundColor to
trimColor*/ top left #C6D6EA /*trimColor*/ repeat-x;
+ cursor : pointer;
+ padding : 2px;
+ font-family : Arial;
+ font-size :11px;
+ }
+ .ol_button_light{
+ background : url(ol_images/bg_header.png) /*from additionalBackgroundColor to
headerGradientColor*/ top left #C6D6EA /*trimColor*/ repeat-x;
+ border : 1px solid #E79A00; /*selectControlColor*/
+ cursor : pointer;
+ padding : 1px;
+ font-family : Arial;
+ font-size :11px;
+ }
+ .ol_button_dis{
+ background : #C0C0C0; /*tableBorderColor*/
+ border : 1px solid #C0C0C0; /*tableBorderColor*/
+ margin-bottom : 3px;
+ padding : 1px}
+ .ol_button_press{
+ background : url(ol_images/bg_press.png) /*from additionalBackgroundColor to
trimColor*/ top left repeat-x #EAF0F8; /* additionalBackgroundColor*/
+ border : 1px solid #E79A00; /*selectControlColor*/
+ padding : 2px 0px 0px 2px;
+ font-family : Arial;
+ font-size :11px;
+ }
.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{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 : #EAF0F8; color : #4A75B5;}
+ #internal_tab td{
+ font-family : Arial;
+ font-size :11px;
+ border-bottom : 1px solid #C0C0C0; /*tableBorderColor*/
+ border-top : 1px solid #FFFFFF; /*tableBackgroundColor*/
+ padding : 2px}
+ #internal_tab th{
+ background : url(ol_images/bg_header.png) /*from additionalBackgroundColor to
trimColor*/ top left repeat-x #C6D6EA; /*trimColor*/
+ color : #000000;
+ font-family : Arial;
+ font-size :11px;
+ font-weight : normal;
+ border-bottom : 1px solid #C0C0C0; /*tableBorderColor*/
+ border-right : 1px solid #C0C0C0; /*tableBorderColor*/
+ border-left : 1px solid #EAF0F8; /*additionalBackgroundColor*/
+ border-top : 1px solid #FFFFFF; /*tableBackgroundColor*/
+ padding : 2px}
+ #internal_tab tr.ol_select td{
+ background : #EAF0F8; /*additionalBackgroundColor*/
+ }
+ #internal_tab tr.ol_currant td{
+ background : #C6D6EA;/*trimColor*/ font-weight : bold
+ }
- .ol_button_content{font-family : Arial; font-size :11px; padding : 0px 0px 0px 0px;
text-align : center;}
+ .ol_button_content{
+ font-family : Arial;
+ font-size :11px;
+ padding : 0px 4px 0px 1px;
+ text-align : left;
+ }
+ .ol_ico{
+ vertical-align: middle;
+ margin-right : 3px;
+ }
</style>
</head>
@@ -162,323 +228,14 @@
</td>
<td class="ol_center_button_col_valign">
<div class="ol_button_layout">
- <div class="ol_button_border"><div class="ol_button"
onmouseover="this.className='ol_button_light'"
onmousedown="this.className='ol_button_press'"
onmouseup="this.className='ol_button'"
onmouseout="this.className='ol_button'"><div
class="ol_button_content"><img src="ol_images/up.gif"
width="15" height="15" alt=""
border="0"></div></div></div>
- <div class="ol_button_border"><div class="ol_button"
onmouseover="this.className='ol_button_light'"
onmousedown="this.className='ol_button_press'"
onmouseup="this.className='ol_button'"
onmouseout="this.className='ol_button'"><div
class="ol_button_content"><img src="ol_images/down.gif"
width="15" height="15" alt=""
border="0"></div></div></div>
- <div class="ol_button_border"><div class="ol_button"
onmouseover="this.className='ol_button_light'"
onmousedown="this.className='ol_button_press'"
onmouseup="this.className='ol_button'"
onmouseout="this.className='ol_button'"><div
class="ol_button_content"><img src="ol_images/top.gif"
width="15" height="15" alt=""
border="0"></div></div></div>
- <div class="ol_button_border"><div class="ol_button"
onmouseover="this.className='ol_button_light'"
onmousedown="this.className='ol_button_press'"
onmouseup="this.className='ol_button'"
onmouseout="this.className='ol_button'"><div
class="ol_button_content"><img src="ol_images/bottom.gif"
width="15" height="15" alt=""
border="0"></div></div></div>
+ <div class="ol_button_border"><div class="ol_button"
onmouseover="this.className='ol_button_light'"
onmousedown="this.className='ol_button_press'"
onmouseup="this.className='ol_button'"
onmouseout="this.className='ol_button'"><div
class="ol_button_content"><img src="ol_images/up.gif"
width="15" height="15" alt="" border="0"
class="ol_ico">First</div></div></div>
+ <div class="ol_button_border"><div class="ol_button"
onmouseover="this.className='ol_button_light'"
onmousedown="this.className='ol_button_press'"
onmouseup="this.className='ol_button'"
onmouseout="this.className='ol_button'"><div
class="ol_button_content"><img src="ol_images/down.gif"
width="15" height="15" alt="" border="0"
class="ol_ico">Up</div></div></div>
+ <div class="ol_button_border"><div class="ol_button"
onmouseover="this.className='ol_button_light'"
onmousedown="this.className='ol_button_press'"
onmouseup="this.className='ol_button'"
onmouseout="this.className='ol_button'"><div
class="ol_button_content"><img src="ol_images/top.gif"
width="15" height="15" alt="" border="0"
class="ol_ico">Down</div></div></div>
+ <div class="ol_button_border"><div class="ol_button"
onmouseover="this.className='ol_button_light'"
onmousedown="this.className='ol_button_press'"
onmouseup="this.className='ol_button'"
onmouseout="this.className='ol_button'"><div
class="ol_button_content"><img src="ol_images/bottom.gif"
width="15" height="15" alt="" border="0"
class="ol_ico">Last</div></div></div>
</div>
</td>
</table>
-<table border="0" cellpadding="0" cellspacing="0"
class="ol_body">
- <tr>
- <td colspan="2" class="ol_header">
- <div class="ol_label ol_out_label">Ordering List</div>
- </td>
- </tr>
- <tr>
- <td>
- <div class="ol_list ol_outputlist">
- <table border="0" cellpadding="0" cellspacing="0"
id="internal_tab">
- <tr>
- <th nowrap>
- Header 1
- </th>
- <th nowrap>
- Header 2
- </th>
- <th nowrap class="ol_endcol">
- Header 3
- </th>
- </tr>
- <tr>
- <td nowrap>
- Content 1
- </td>
- <td nowrap>
- Content 2
- </td>
- <td nowrap class="ol_endcol">
- Content 3
- </td>
- </tr>
- <tr>
- <td nowrap>
- Content 1
- </td>
- <td nowrap>
- Content 2
- </td>
- <td nowrap class="ol_endcol">
- Content 3
- </td>
- </tr>
- <tr class="ol_select">
- <td nowrap>
- Content 1
- </td>
- <td nowrap>
- Content 2
- </td>
- <td nowrap class="ol_endcol">
- Content 3
- </td>
- </tr>
- <tr>
- <td nowrap>
- Content 1
- </td>
- <td nowrap>
- Content 2
- </td>
- <td nowrap class="ol_endcol">
- Content 3
- </td>
- </tr>
- <tr class="ol_currant">
- <td nowrap>
- Content 1
- </td>
- <td nowrap>
- Content 2
- </td>
- <td nowrap class="ol_endcol">
- Content 3
- </td>
- </tr>
- <tr class="ol_select">
- <td nowrap>
- Content 1
- </td>
- <td nowrap>
- Content 2
- </td>
- <td nowrap class="ol_endcol">
- Content 3
- </td>
- </tr>
- <tr>
- <td nowrap>
- Content 1
- </td>
- <td nowrap>
- Content 2
- </td>
- <td nowrap class="ol_endcol">
- Content 3
- </td>
- </tr>
- <tr>
- <td nowrap>
- Content 1
- </td>
- <td nowrap>
- Content 2
- </td>
- <td nowrap class="ol_endcol">
- Content 3
- </td>
- </tr>
- <tr>
- <td nowrap>
- Content 1
- </td>
- <td nowrap>
- Content 2
- </td>
- <td nowrap class="ol_endcol">
- Content 3
- </td>
- </tr>
- </table>
- </div>
- </td>
- <td class="ol_center_button_col_valign">
- <div class="ol_button_layout">
- <div class="ol_button_border"><div class="ol_button"
onmouseover="this.className='ol_button_light'"
onmousedown="this.className='ol_button_press'"
onmouseup="this.className='ol_button'"
onmouseout="this.className='ol_button'"><div
class="ol_button_content">First</div></div></div>
- <div class="ol_button_border"><div class="ol_button"
onmouseover="this.className='ol_button_light'"
onmousedown="this.className='ol_button_press'"
onmouseup="this.className='ol_button'"
onmouseout="this.className='ol_button'"><div
class="ol_button_content">Up</div></div></div>
- <div class="ol_button_border"><div class="ol_button"
onmouseover="this.className='ol_button_light'"
onmousedown="this.className='ol_button_press'"
onmouseup="this.className='ol_button'"
onmouseout="this.className='ol_button'"><div
class="ol_button_content">Down</div></div></div>
- <div class="ol_button_border"><div class="ol_button"
onmouseover="this.className='ol_button_light'"
onmousedown="this.className='ol_button_press'"
onmouseup="this.className='ol_button'"
onmouseout="this.className='ol_button'"><div
class="ol_button_content">Last</div></div></div>
- </div>
- </td>
-</table>
-<table border="0" cellpadding="0" cellspacing="0"
class="ol_body">
- <tr>
- <td colspan="2" class="ol_header">
- <div class="ol_label ol_out_label">Ordering List</div>
- </td>
- </tr>
- <tr>
- <td>
- <div class="ol_list ol_outputlist">
- <table border="0" cellpadding="0" cellspacing="0"
id="internal_tab">
- <tr>
- <th nowrap>
- Header 1
- </th>
- <th nowrap>
- Header 2
- </th>
- <th nowrap class="ol_endcol">
- Header 3
- </th>
- </tr>
- <tr>
- <td nowrap>
- Content 1
- </td>
- <td nowrap>
- Content 2
- </td>
- <td nowrap class="ol_endcol">
- Content 3
- </td>
- </tr>
- <tr>
- <td nowrap>
- Content 1
- </td>
- <td nowrap>
- Content 2
- </td>
- <td nowrap class="ol_endcol">
- Content 3
- </td>
- </tr>
- <tr class="ol_select">
- <td nowrap>
- Content 1
- </td>
- <td nowrap>
- Content 2
- </td>
- <td nowrap class="ol_endcol">
- Content 3
- </td>
- </tr>
- <tr>
- <td nowrap>
- Content 1
- </td>
- <td nowrap>
- Content 2
- </td>
- <td nowrap class="ol_endcol">
- Content 3
- </td>
- </tr>
- <tr class="ol_currant">
- <td nowrap>
- Content 1
- </td>
- <td nowrap>
- Content 2
- </td>
- <td nowrap class="ol_endcol">
- Content 3
- </td>
- </tr>
- <tr class="ol_select">
- <td nowrap>
- Content 1
- </td>
- <td nowrap>
- Content 2
- </td>
- <td nowrap class="ol_endcol">
- Content 3
- </td>
- </tr>
- <tr>
- <td nowrap>
- Content 1
- </td>
- <td nowrap>
- Content 2
- </td>
- <td nowrap class="ol_endcol">
- Content 3
- </td>
- </tr>
- <tr>
- <td nowrap>
- Content 1
- </td>
- <td nowrap>
- Content 2
- </td>
- <td nowrap class="ol_endcol">
- Content 3
- </td>
- </tr>
- <tr>
- <td nowrap>
- Content 1
- </td>
- <td nowrap>
- Content 2
- </td>
- <td nowrap class="ol_endcol">
- Content 3
- </td>
- </tr>
- </table>
- </div>
- </td>
- <td class="ol_center_button_col_valign">
- <div class="ol_button_layout">
- <div class="ol_button_border"><div class="ol_button"
onmouseover="this.className='ol_button_light'"
onmousedown="this.className='ol_button_press'"
onmouseup="this.className='ol_button'"
onmouseout="this.className='ol_button'"><div
class="ol_button_content">
- <table border="0" cellpadding="0"
cellspacing="0">
- <tr>
- <td>
- <img src="ol_images/up.gif" width="15"
height="15" alt="" border="0"><br>
- </td>
- <td style=" font-family: Georgia; font-size : 11px; padding-right :
4">
- <i>Up</i>
- </td>
- </tr>
- </table>
- </div></div></div>
- <div class="ol_button_border"><div class="ol_button"
onmouseover="this.className='ol_button_light'"
onmousedown="this.className='ol_button_press'"
onmouseup="this.className='ol_button'"
onmouseout="this.className='ol_button'"><div
class="ol_button_content">
- <table border="0" cellpadding="0"
cellspacing="0">
- <tr>
- <td>
- <img src="ol_images/down.gif" width="15"
height="15" alt="" border="0"><br>
- </td>
- <td style=" font-family: Georgia; font-size : 11px; padding-right :
4">
- <i>Down</i>
- </td>
- </tr>
- </table>
- </div></div></div>
- <div class="ol_button_border"><div class="ol_button"
onmouseover="this.className='ol_button_light'"
onmousedown="this.className='ol_button_press'"
onmouseup="this.className='ol_button'"
onmouseout="this.className='ol_button'"><div
class="ol_button_content">
- <table border="0" cellpadding="0"
cellspacing="0">
- <tr>
- <td>
- <img src="ol_images/top.gif" width="15"
height="15" alt="" border="0"><br>
- </td>
- <td style=" font-family: Georgia; font-size : 11px; padding-right :
4">
- <i>Top</i>
- </td>
- </tr>
- </table>
- </div></div></div>
- <div class="ol_button_border"><div class="ol_button"
onmouseover="this.className='ol_button_light'"
onmousedown="this.className='ol_button_press'"
onmouseup="this.className='ol_button'"
onmouseout="this.className='ol_button'"><div
class="ol_button_content">
- <table border="0" cellpadding="0"
cellspacing="0">
- <tr>
- <td>
- <img src="ol_images/bottom.gif" width="15"
height="15" alt="" border="0"><br>
- </td>
- <td style=" font-family: Georgia; font-size : 11px; padding-right :
4">
- <i>Bottom</i>
- </td>
- </tr>
- </table>
- </div></div></div>
- </div>
- </td>
-</table>
-
</body>
</html>
Show replies by date