Author: admitriev
Date: 2010-02-25 09:08:14 -0500 (Thu, 25 Feb 2010)
New Revision: 16494
Added:
management/design-4x/dataScroller/
management/design-4x/dataScroller/dataScroller.html
management/design-4x/dataScroller/images/
management/design-4x/dataScroller/images/bg_btn.png
management/design-4x/dataScroller/images/bg_field.png
Log:
Added: management/design-4x/dataScroller/dataScroller.html
===================================================================
--- management/design-4x/dataScroller/dataScroller.html (rev 0)
+++ management/design-4x/dataScroller/dataScroller.html 2010-02-25 14:08:14 UTC (rev
16494)
@@ -0,0 +1,72 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
+
+<html>
+<head>
+ <title>dataScroller markup</title>
+<style>
+
+.ds_container{ display : inline-block; font-size : 11px/*generalSizeFont*/; padding :
1px; font-family : verdana/*generalFamilyFont*/; background : #ffffff/*background-color -
tableBackgroundColor*/;}
+.ds_container_decor{ border : 1px solid #A6A6A6/*tableBorderColor*/;}
+.ds_button{ cursor : pointer; padding : 2px 10px 3px 10px; border : 1px solid
#A6A6A6/*tableBorderColor*/; display : inline-block; background : url(images/bg_btn.png)
top left repeat-x #C0D1E7/*gradient - from headerGradientColor to headerBackgroundColor,
background-color - headerBackgroundColor*/; font-size : 11px/*generalSizeFont*/;
font-family : verdana/*generalFamilyFont*/; color : #000000/*generalTextColor*/;}
+.ds_left{ margin-right : 1px;}
+.ds_right{ margin-left : 1px;}
+.ds_digital{ 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_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;}
+
+</style>
+</head>
+
+<body style="margin : 30px">
+
+
+<span class="ds_container !ds_container_decor"><!-- Now decor is
disabled !!! -->
+ <span class="ds_button ds_left ds_disabled">
+ ««
+ </span><span
+ class="ds_button ds_left ds_disabled">
+ «
+ </span><span
+ class="ds_digital" onmouseover="this.className='ds_digital
ds_over'" onmouseout="this.className='ds_digital'"
onmouseup="this.className='ds_digital ds_over'"
onmousedown="this.className='ds_digital ds_press'">
+ 1
+ </span><span
+ class="ds_digital" onmouseover="this.className='ds_digital
ds_over'" onmouseout="this.className='ds_digital'"
onmouseup="this.className='ds_digital ds_over'"
onmousedown="this.className='ds_digital ds_press'">
+ 2
+ </span><span
+ class="ds_digital" onmouseover="this.className='ds_digital
ds_over'" onmouseout="this.className='ds_digital'"
onmouseup="this.className='ds_digital ds_over'"
onmousedown="this.className='ds_digital ds_press'">
+ 3
+ </span><span
+ class="ds_digital" onmouseover="this.className='ds_digital
ds_over'" onmouseout="this.className='ds_digital'"
onmouseup="this.className='ds_digital ds_over'"
onmousedown="this.className='ds_digital ds_press'">
+ 4
+ </span><span
+ class="ds_digital ds_current">
+ 5
+ </span><span
+ class="ds_digital" onmouseover="this.className='ds_digital
ds_over'" onmouseout="this.className='ds_digital'"
onmouseup="this.className='ds_digital ds_over'"
onmousedown="this.className='ds_digital ds_press'">
+ 6
+ </span><span
+ class="ds_digital" onmouseover="this.className='ds_digital
ds_over'" onmouseout="this.className='ds_digital'"
onmouseup="this.className='ds_digital ds_over'"
onmousedown="this.className='ds_digital ds_press'">
+ 7
+ </span><span
+ class="ds_digital" onmouseover="this.className='ds_digital
ds_over'" onmouseout="this.className='ds_digital'"
onmouseup="this.className='ds_digital ds_over'"
onmousedown="this.className='ds_digital ds_press'">
+ 8
+ </span><span
+ class="ds_digital ds_disabled">
+ 9
+ </span><span
+ class="ds_digital ds_disabled">
+ 10
+ </span><span
+ 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'">
+ »
+ </span><span
+ 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'">
+ »»
+ </span>
+</span>
+
+
+</body>
+</html>
Added: management/design-4x/dataScroller/images/bg_btn.png
===================================================================
(Binary files differ)
Property changes on: management/design-4x/dataScroller/images/bg_btn.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design-4x/dataScroller/images/bg_field.png
===================================================================
(Binary files differ)
Property changes on: management/design-4x/dataScroller/images/bg_field.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Show replies by date