/css/dateslider.css

http://dateslider.googlecode.com/ · CSS · 90 lines · 81 code · 9 blank · 0 comment · 0 complexity · 2fd92475b1b00af710e64f74cc548c89 MD5 · raw file 

    

  1. div#slider-container {

    2. 

  2. 	width:600px; /* Width of the container!! */

    3. 

  3. 	position:relative;

    4. 

  4. 	border:1px solid #000000;

    5. 

  5. 	height:30px;

    6. 

  6. 	overflow:hidden;

    7. 

  7. 	background-color:#FFFFFF;

    8. 

  8. 

    9. 

  9. }

    10. 

  10. 

    11. 

  11. div#sliderbar {

    12. 

  12. 	position:absolute;

    13. 

  13. 	background: url(../img/slidebg.gif) repeat-x;

    14. 

  14. 	background-position:0px 6px;

    15. 

  15. 	width:3000px;

    16. 

  16. 	height:30px;

    17. 

  17. 	cursor:pointer;

    18. 

  18. }

    19. 

  19. 

    20. 

  20. div.slideYear {

    21. 

  21. 	position:relative;

    22. 

  22. 	height:23px;

    23. 

  23. 	float:left;

    24. 

  24. 	border:0px solid #BEBEBE;

    25. 

  25. 	border-left-width:1px;

    26. 

  26. 	top:3px;

    27. 

  27. 	font-size:.6em;

    28. 

  28. 	font-family:verdana;

    29. 

  29. 	font-weight:bold;

    30. 

  30. 	color:#888888;

    31. 

  31. }

    32. 

  32. 

    33. 

  33. div.slideMonth {

    34. 

  34. 	height:16px;

    35. 

  35. 	border:0px solid #BEBEBE;

    36. 

  36. 	border-left-width:1px;

    37. 

  37. 	position:absolute;

    38. 

  38. 	float:left;

    39. 

  39. 	top:7px;

    40. 

  40. 	font-size:.7em;

    41. 

  41. 	font-family:verdana;

    42. 

  42. 	font-weight:bold;

    43. 

  43. }

    44. 

  44. 

    45. 

  45. div.firstMonth {

    46. 

  46. 	border-left-width:0px;

    47. 

  47. }

    48. 

  48. 

    49. 

  49. span#lefthandle, span#righthandle {

    50. 

  50. 	background-color:#F2964B;

    51. 

  51. 	position:absolute;

    52. 

  52. 	top:0px;

    53. 

  53. 	width:5px;

    54. 

  54. 	cursor:w-resize;

    55. 

  55. 	height:27px;

    56. 

  56. 	display:block;

    57. 

  57. 	z-index:1;

    58. 

  58. }

    59. 

  59. 

    60. 

  60. div#shiftpanel {

    61. 

  61. 	top:3px;

    62. 

  62. 	position:absolute;

    63. 

  63. 	height:20px;

    64. 

  64. 	background-color:#0000FF;	

    65. 

  65. 	filter:alpha(opacity=50);

    66. 

  66. 	-moz-opacity:.5;

    67. 

  67. 	opacity:.5;

    68. 

  68. 	z-index:0;

    69. 

  69. }

    70. 

  70. 

    71. 

  71. div.zoomPanel {

    72. 

  72. 	width:92px;

    73. 

  73. 	position:absolute;

    74. 

  74. 	height:12px;

    75. 

  75. 	background-color:#FFF;

    76. 

  76. 	right:0px;

    77. 

  77. 	top:0px;

    78. 

  78. 	opacity:.85;

    79. 

  79. 	filter:alpha(opacity=85);

    80. 

  80. 	border:1px solid #EEE;

    81. 

  81. 	border-width:0px 0px 1px 1px;

    82. 

  82. 	font-size:10px;

    83. 

  83. 	padding:2px;

    84. 

  84. 	padding-top:0px;

    85. 

  85. }

    86. 

  86. 

    87. 

  87. div.zoomPanel a.zoom {

    88. 

  88. 	text-decoration:none;

    89. 

  89. 	color:#000;

    90. 

  90. }
    91.