[richfaces-svn-commits] JBoss Rich Faces SVN: r4581 - in management/design/orderingList/markup: ol_images and 1 other directory.

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>