[richfaces-svn-commits] JBoss Rich Faces SVN: r4595 - in management/design/listShuttle/markup: shuttle_images and 1 other directory.

Author: sergeyhalipov Date: 2007-12-07 12:19:25 -0500 (Fri, 07 Dec 2007) New Revision: 4595 Added: management/design/listShuttle/markup/shuttle_images/bg_header.png management/design/listShuttle/markup/shuttle_images/bg_press.png Modified: management/design/listShuttle/markup/Shuttle.html management/design/listShuttle/markup/shuttle_images/back.gif management/design/listShuttle/markup/shuttle_images/back_all.gif management/design/listShuttle/markup/shuttle_images/bottom.gif management/design/listShuttle/markup/shuttle_images/down.gif management/design/listShuttle/markup/shuttle_images/move.gif management/design/listShuttle/markup/shuttle_images/move_all.gif management/design/listShuttle/markup/shuttle_images/top.gif management/design/listShuttle/markup/shuttle_images/up.gif Log: New markup added: http://jira.jboss.com/jira/browse/RF-1175 Modified: management/design/listShuttle/markup/Shuttle.html =================================================================== --- management/design/listShuttle/markup/Shuttle.html 2007-12-07 17:14:00 UTC (rev 4594) +++ management/design/listShuttle/markup/Shuttle.html 2007-12-07 17:19:25 UTC (rev 4595) @@ -5,28 +5,112 @@ <style> .shuttle_header{padding : 1px;} - .shuttle_label{font-family : Arial; font-size :11px; font-weight : bold;} - .shuttle_out_label{padding : 3px 3px 3px 8px} - .shuttle_in_label{padding : 3px 3px 3px 0px} + .shuttle_label{font-family : Arial; font-size :11px; font-weight : bold;padding : 3px 3px 3px 0px;} - .shuttle_body{border : 1px solid #bfbfc0; background-color : #e7f2fb;} + .shuttle_body{border : 0px solid #C0C0C0;} /*tableBorderColor*/ - .shuttle_list{overflow : auto; width : 200px; height : 150px; background : #FFFFFF; border : 1px solid #bfbfc0;} - .shuttle_outputlist{ margin : 0px 8px 8px 8px;} - .shuttle_inputlist{ margin : 0px 8px 8px 0px;} + .shuttle_list{ + overflow : auto; + width : 200px; + background : #FFFFFF; /*tableBackgroundColor*/ + border : 0px solid #C0C0C0; /*tableBorderColor*/ + } + .shuttle_borderlist{ + padding : 0px; + border : 1px solid #C0C0C0; + height : 100%; + vertical-align : top; + } - .shuttle_button_layout{padding : 15px 8px 15px 0px;} - .shuttle_button{background : #4A75B5; border : 1px solid #bfbfc0; margin-bottom : 3px; cursor : pointer; padding : 1px} - .shuttle_button_dis{background : #bfbfc0; border : 1px solid #bfbfc0; margin-bottom : 3px; padding : 1px} - .shuttle_button_press{background : #4A75B5; border : 1px solid #bfbfc0; margin-bottom : 3px; padding : 2px 0px 0px 2px} + .shuttle_button_layout{ + padding : 15px 8px 15px 8px; + } + .shuttle_button_border{ + border : 1px solid #C0C0C0; /*tableBorderColor*/ + margin-bottom : 3px; + } + .shuttle_button{ + background : url(shuttle_images/bg_header.png) /*from additionalBackgroundColor to trimColor*/ top left #C6D6EA /*trimColor*/ repeat-x; + cursor : pointer; + padding : 2px; + font-family : Arial; + font-size :11px; + } + .shuttle_button_light{ + background : url(shuttle_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; + } + .shuttle_button_dis{ + background : #C0C0C0; /*tableBorderColor*/ + border : 1px solid #C0C0C0; /*tableBorderColor*/ + margin-bottom : 3px; + padding : 1px} + .shuttle_button_press{ + background : url(shuttle_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; + } .shuttle_center_button_col_valign{vertical-align : middle} .shuttle_right_button_col_valign{vertical-align : middle} #internal_tab{width : 100%} #internal_tab .shuttle_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 tr.shuttle_select{background : #EAF0F8} - #internal_tab tr.shuttle_currant{background : #C6D6EA} + #internal_tab td{ + font-family : Arial; + font-size :11px; + border-bottom : 1px solid #FFFFFF; /*tableBorderColor*/ + border-top : 1px solid #FFFFFF; /*tableBackgroundColor*/ + padding : 2px} + #internal_tab th{ + background : url(shuttle_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.shuttle_select td{ + background : #C6D6EA; /*trimColor*/ + border-bottom : 1px solid #ffffff; /*tableBorderColor*/ + border-top : 1px solid #C6D6EA; /*tableBackgroundColor*/ + } + #internal_tab tr.shuttle_currant td{ + border-bottom : 1px solid #E79A00; /*selectControlColor*/ + border-top : 1px solid #E79A00; /*selectControlColor*/ + } + + #internal_tab tr.shuttle_currant td.shuttle_firstcol{ + border-left : 1px solid #E79A00; /*selectControlColor*/ + } + + #internal_tab tr.shuttle_currant td.shuttle_endcol{ + border-right : 1px solid #E79A00; /*selectControlColor*/ + } + + a.shuttle_button_selection{ + text-decoration : none; + color : #000000; /*generalTextColor*/ + display : block; + } + .shuttle_button_content{ + font-family : Arial; + font-size :11px; + padding : 0px 4px 0px 1px; + text-align : left; + } + .shuttle_ico{ + vertical-align: middle; + margin-right : 3px; + } + </style> </head> @@ -35,18 +119,18 @@ <table border="0" cellpadding="0" cellspacing="0" class="shuttle_body"> <tr> <td colspan="2" class="shuttle_header"> - <div class="shuttle_label shuttle_out_label">Source List</div> + <div class="shuttle_label">Source List</div> </td> <td colspan="2" class="shuttle_header"> - <div class="shuttle_label shuttle_in_label">Target List</div> + <div class="shuttle_label">Destination List</div> </td> </tr> <tr> - <td> - <div class="shuttle_list shuttle_outputlist"> + <td class="shuttle_borderlist"> + <div class="shuttle_list"> <table border="0" cellpadding="0" cellspacing="0" id="internal_tab"> <tr> - <th nowrap> + <th nowrap class="shuttle_firstcol"> Header 1 </th> <th nowrap> @@ -57,7 +141,7 @@ </th> </tr> <tr> - <td nowrap> + <td nowrap class="shuttle_firstcol"> Content 1 </td> <td nowrap> @@ -67,8 +151,8 @@ Content 3 </td> </tr> - <tr> - <td nowrap> + <tr class="shuttle_select"> + <td nowrap class="shuttle_firstcol"> Content 1 </td> <td nowrap> @@ -79,7 +163,7 @@ </td> </tr> <tr class="shuttle_select"> - <td nowrap> + <td nowrap class="shuttle_firstcol"> Content 1 </td> <td nowrap> @@ -90,7 +174,7 @@ </td> </tr> <tr> - <td nowrap> + <td nowrap class="shuttle_firstcol"> Content 1 </td> <td nowrap> @@ -100,8 +184,8 @@ Content 3 </td> </tr> - <tr class="shuttle_currant"> - <td nowrap> + <tr class="shuttle_select shuttle_currant"> + <td nowrap class="shuttle_firstcol"> Content 1 </td> <td nowrap> @@ -112,7 +196,7 @@ </td> </tr> <tr class="shuttle_select"> - <td nowrap> + <td nowrap class="shuttle_firstcol"> Content 1 </td> <td nowrap> @@ -123,7 +207,7 @@ </td> </tr> <tr> - <td nowrap> + <td nowrap class="shuttle_firstcol"> Content 1 </td> <td nowrap> @@ -134,7 +218,7 @@ </td> </tr> <tr> - <td nowrap> + <td nowrap class="shuttle_firstcol"> Content 1 </td> <td nowrap> @@ -145,7 +229,7 @@ </td> </tr> <tr> - <td nowrap> + <td nowrap class="shuttle_firstcol"> Content 1 </td> <td nowrap> @@ -160,18 +244,19 @@ </td> <td class="shuttle_center_button_col_valign"> <div class="shuttle_button_layout"> - <div class="shuttle_button" onmousedown="this.className='shuttle_button_press'" onmouseup="this.className='shuttle_button'" onmouseout="this.className='shuttle_button'"><img src="shuttle_images/move.gif" width="15" height="15" alt="" border="0"></div> - <div class="shuttle_button" onmousedown="this.className='shuttle_button_press'" onmouseup="this.className='shuttle_button'" onmouseout="this.className='shuttle_button'"><img src="shuttle_images/back.gif" width="15" height="15" alt="" border="0"></div> - <div class="shuttle_button" onmousedown="this.className='shuttle_button_press'" onmouseup="this.className='shuttle_button'" onmouseout="this.className='shuttle_button'"><img src="shuttle_images/move_all.gif" width="15" height="15" alt="" border="0"></div> - <div class="shuttle_button" onmousedown="this.className='shuttle_button_press'" onmouseup="this.className='shuttle_button'" onmouseout="this.className='shuttle_button'"><img src="shuttle_images/back_all.gif" width="15" height="15" alt="" border="0"></div> + <div class="shuttle_button_border"><div class="shuttle_button" onmouseover="this.className='shuttle_button_light'" onmousedown="this.className='shuttle_button_press'" onmouseup="this.className='shuttle_button'" onmouseout="this.className='shuttle_button'"><a href="#" class="shuttle_button_selection"><div class="shuttle_button_content"><img src="shuttle_images/move.gif" width="15" height="15" alt="" border="0" class="shuttle_ico">Move</div></a></div></div> + <div class="shuttle_button_border"><div class="shuttle_button" onmouseover="this.className='shuttle_button_light'" onmousedown="this.className='shuttle_button_press'" onmouseup="this.className='shuttle_button'" onmouseout="this.className='shuttle_button'"><a href="#" class="shuttle_button_selection"><div class="shuttle_button_content"><img src="shuttle_images/back.gif" width="15" height="15" alt="" border="0" class="shuttle_ico">Back</div></a></div></div> + <div class="shuttle_button_border"><div class="shuttle_button" onmouseover="this.className='shuttle_button_light'" onmousedown="this.className='shuttle_button_press'" onmouseup="this.className='shuttle_button'" onmouseout="this.className='shuttle_button'"><a href="#" class="shuttle_button_selection"><div class="shuttle_button_content"><img src="shuttle_images/move_all.gif" width="15" height="15" alt="" border="0" class="shuttle_ico">Move All</div></a></div></div> + <div class="shuttle_button_border"><div class="shuttle_button" onmouseover="this.className='shuttle_button_light'" onmousedown="this.className='shuttle_button_press'" onmouseup="this.className='shuttle_button'" onmouseout="this.className='shuttle_button'"><a href="#" class="shuttle_button_selection"><div class="shuttle_button_content"><img src="shuttle_images/back_all.gif" width="15" height="15" alt="" border="0" class="shuttle_ico">Back All</div></a></div></div> </div> </td> - <td> - <div class="shuttle_list shuttle_inputlist"> + <td class="shuttle_borderlist"> + + <div class="shuttle_list"> <table border="0" cellpadding="0" cellspacing="0" id="internal_tab"> <tr> - <th nowrap> + <th nowrap class="shuttle_firstcol"> Header 1 </th> <th nowrap> @@ -182,7 +267,18 @@ </th> </tr> <tr> + <td nowrap class="shuttle_firstcol"> + Content 1 + </td> <td nowrap> + Content 2 + </td> + <td nowrap class="shuttle_endcol"> + Content 3 + </td> + </tr> + <tr class="shuttle_select"> + <td nowrap class="shuttle_firstcol"> Content 1 </td> <td nowrap> @@ -192,8 +288,8 @@ Content 3 </td> </tr> - <tr> - <td nowrap> + <tr class="shuttle_select"> + <td nowrap class="shuttle_firstcol"> Content 1 </td> <td nowrap> @@ -203,8 +299,8 @@ Content 3 </td> </tr> - <tr class="shuttle_currant"> - <td nowrap> + <tr> + <td nowrap class="shuttle_firstcol"> Content 1 </td> <td nowrap> @@ -219,10 +315,10 @@ </td> <td class="shuttle_right_button_col_valign"> <div class="shuttle_button_layout"> - <div class="shuttle_button" onmousedown="this.className='shuttle_button_press'" onmouseup="this.className='shuttle_button'" onmouseout="this.className='shuttle_button'"><img src="shuttle_images/up.gif" width="15" height="15" alt="" border="0"></div> - <div class="shuttle_button" onmousedown="this.className='shuttle_button_press'" onmouseup="this.className='shuttle_button'" onmouseout="this.className='shuttle_button'"><img src="shuttle_images/down.gif" width="15" height="15" alt="" border="0"></div> - <div class="shuttle_button" onmousedown="this.className='shuttle_button_press'" onmouseup="this.className='shuttle_button'" onmouseout="this.className='shuttle_button'"><img src="shuttle_images/top.gif" width="15" height="15" alt="" border="0"></div> - <div class="shuttle_button_dis"><img src="shuttle_images/bottom.gif" width="15" height="15" alt="" border="0"></div> + <div class="shuttle_button_border"><div class="shuttle_button" onmouseover="this.className='shuttle_button_light'" onmousedown="this.className='shuttle_button_press'" onmouseup="this.className='shuttle_button'" onmouseout="this.className='shuttle_button'"><a href="#" class="shuttle_button_selection"><div class="shuttle_button_content"><img src="shuttle_images/up.gif" width="15" height="15" alt="" border="0" class="shuttle_ico">First</div></a></div></div> + <div class="shuttle_button_border"><div class="shuttle_button" onmouseover="this.className='shuttle_button_light'" onmousedown="this.className='shuttle_button_press'" onmouseup="this.className='shuttle_button'" onmouseout="this.className='shuttle_button'"><a href="#" class="shuttle_button_selection"><div class="shuttle_button_content"><img src="shuttle_images/down.gif" width="15" height="15" alt="" border="0" class="shuttle_ico">Up</div></a></div></div> + <div class="shuttle_button_border"><div class="shuttle_button" onmouseover="this.className='shuttle_button_light'" onmousedown="this.className='shuttle_button_press'" onmouseup="this.className='shuttle_button'" onmouseout="this.className='shuttle_button'"><a href="#" class="shuttle_button_selection"><div class="shuttle_button_content"><img src="shuttle_images/top.gif" width="15" height="15" alt="" border="0" class="shuttle_ico">Down</div></a></div></div> + <div class="shuttle_button_border"><div class="shuttle_button" onmouseover="this.className='shuttle_button_light'" onmousedown="this.className='shuttle_button_press'" onmouseup="this.className='shuttle_button'" onmouseout="this.className='shuttle_button'"><a href="#" class="shuttle_button_selection"><div class="shuttle_button_content"><img src="shuttle_images/bottom.gif" width="15" height="15" alt="" border="0" class="shuttle_ico">Last</div></a></div></div> </div> </td> </tr> Modified: management/design/listShuttle/markup/shuttle_images/back.gif =================================================================== (Binary files differ) Modified: management/design/listShuttle/markup/shuttle_images/back_all.gif =================================================================== (Binary files differ) Added: management/design/listShuttle/markup/shuttle_images/bg_header.png =================================================================== (Binary files differ) Property changes on: management/design/listShuttle/markup/shuttle_images/bg_header.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: management/design/listShuttle/markup/shuttle_images/bg_press.png =================================================================== (Binary files differ) Property changes on: management/design/listShuttle/markup/shuttle_images/bg_press.png ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Modified: management/design/listShuttle/markup/shuttle_images/bottom.gif =================================================================== (Binary files differ) Modified: management/design/listShuttle/markup/shuttle_images/down.gif =================================================================== (Binary files differ) Modified: management/design/listShuttle/markup/shuttle_images/move.gif =================================================================== (Binary files differ) Modified: management/design/listShuttle/markup/shuttle_images/move_all.gif =================================================================== (Binary files differ) Modified: management/design/listShuttle/markup/shuttle_images/top.gif =================================================================== (Binary files differ) Modified: management/design/listShuttle/markup/shuttle_images/up.gif =================================================================== (Binary files differ)