[richfaces-svn-commits] JBoss Rich Faces SVN: r3992 - management/design/orderingList/markup.

Author: nbelaevski Date: 2007-11-14 11:53:29 -0500 (Wed, 14 Nov 2007) New Revision: 3992 Modified: management/design/orderingList/markup/ordering_list.html Log: Updated markup committed Modified: management/design/orderingList/markup/ordering_list.html =================================================================== --- management/design/orderingList/markup/ordering_list.html 2007-11-14 16:36:39 UTC (rev 3991) +++ management/design/orderingList/markup/ordering_list.html 2007-11-14 16:53:29 UTC (rev 3992) @@ -16,9 +16,11 @@ .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_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 #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 #E79A00; 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%} @@ -27,6 +29,9 @@ #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;} + + .ol_button_content{font-family : Arial; font-size :11px; padding : 0px 0px 0px 0px; text-align : center;} + </style> </head> @@ -157,13 +162,323 @@ </td> <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" 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 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> </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>