Author: Ochikvina Date: 2011-01-26 07:18:17 -0500 (Wed, 26 Jan 2011) New Revision: 21230 Modified: management/design-4x/dataScroller/dataScroller.html Log: Added hovering for the left(right)most buttons. Modified: management/design-4x/dataScroller/dataScroller.html =================================================================== --- management/design-4x/dataScroller/dataScroller.html 2011-01-26 09:11:23 UTC (rev 21229) +++ management/design-4x/dataScroller/dataScroller.html 2011-01-26 12:18:17 UTC (rev 21230) @@ -12,6 +12,9 @@ .ds_right{ margin-left : 1px;} .ds_digital{ text-decoration : none; cursor : pointer; width : 2em; text-align : center; margin-left : 1px; margin-right : 1px; padding : 2px 2px 3px 2px; border : 1px solid transparent; border-top : 1px solid #A6A6A6/*tableBorderColor*/; background : url(images/bg_field.png) top left repeat-x/*gradient - from additionalBackgroundColor to tableBackgroundColor, background-color - tableBackgroundColor*/; display : inline-block; font-size : 11px/*generalSizeFont*/; font-family : verdana/*generalFamilyFont*/; color : #000000/*generalTextColor*/;} .ds_over{ border : 1px solid #A6A6A6/*tableBorderColor*/; background : url(images/bg_field.png) top left repeat-x #FFFFFF; /*gradient - from additionalBackgroundColor to tableBackgroundColor, background-color - tableBackgroundColor*/;} +.ds_but_over{ + color:#ffffff; +} .ds_press{ border : 1px solid #A6A6A6/*tableBorderColor*/; background : #ECF3FA; /*background-color - additionalBackgroundColor*/;} .ds_current{ cursor : default; font-weight : bold; border : 1px solid transparent; border-bottom : 1px solid #A6A6A6/*tableBorderColor*/; background : none;} .ds_disabled{ color : #A6A6A6/*tableBorderColor*/; cursor : default;} @@ -59,10 +62,10 @@ class="ds_digital ds_disabled"> 10 </a><a href="#" - class="ds_button ds_right" onmousedown="this.className='ds_button ds_right ds_over'" onmouseup="this.className='ds_button ds_right'" onmouseout="this.className='ds_button ds_right'"> + class="ds_button ds_right" onmouseover="this.className='ds_button ds_right ds_but_over'" onmousedown="this.className='ds_button ds_right ds_over'" onmouseup="this.className='ds_button ds_right'" onmouseout="this.className='ds_button ds_right'"> &raquo; </a><a href="#" - class="ds_button ds_right" onmousedown="this.className='ds_button ds_right ds_over'" onmouseup="this.className='ds_button ds_right'" onmouseout="this.className='ds_button ds_right'"> + class="ds_button ds_right" onmouseover="this.className='ds_button ds_right ds_but_over'" onmousedown="this.className='ds_button ds_right ds_over'" onmouseup="this.className='ds_button ds_right'" onmouseout="this.className='ds_button ds_right'"> &raquo;&raquo; </a> </span>