calendar.css 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. /* calendar icon */
  2. img.tcalIcon {
  3. cursor: pointer;
  4. margin-left: 1px;
  5. vertical-align: middle;
  6. }
  7. /* calendar container element */
  8. div#tcal {
  9. position: absolute;
  10. visibility: hidden;
  11. z-index: 100;
  12. width: 158px;
  13. padding: 2px 0 0 0;
  14. }
  15. /* all tables in calendar */
  16. div#tcal table {
  17. width: 100%;
  18. border: 1px solid silver;
  19. border-collapse: collapse;
  20. background-color: white;
  21. }
  22. /* navigation table */
  23. div#tcal table.ctrl {
  24. border-bottom: 0;
  25. }
  26. /* navigation buttons */
  27. div#tcal table.ctrl td {
  28. width: 15px;
  29. height: 20px;
  30. }
  31. /* month year header */
  32. div#tcal table.ctrl th {
  33. background-color: white;
  34. color: black;
  35. border: 0;
  36. }
  37. /* week days header */
  38. div#tcal th {
  39. border: 1px solid silver;
  40. border-collapse: collapse;
  41. text-align: center;
  42. padding: 3px 0;
  43. font-family: tahoma, verdana, arial;
  44. font-size: 10px;
  45. background-color: gray;
  46. color: white;
  47. }
  48. /* date cells */
  49. div#tcal td {
  50. border: 0;
  51. border-collapse: collapse;
  52. text-align: center;
  53. padding: 2px 0;
  54. font-family: tahoma, verdana, arial;
  55. font-size: 11px;
  56. width: 22px;
  57. cursor: pointer;
  58. }
  59. /* date highlight
  60. in case of conflicting settings order here determines the priority from least to most important */
  61. div#tcal td.othermonth {
  62. color: silver;
  63. }
  64. div#tcal td.weekend {
  65. background-color: #ACD6F5;
  66. }
  67. div#tcal td.today {
  68. border: 1px solid red;
  69. }
  70. div#tcal td.selected {
  71. background-color: #FFB3BE;
  72. }
  73. /* iframe element used to suppress windowed controls in IE5/6 */
  74. iframe#tcalIF {
  75. position: absolute;
  76. visibility: hidden;
  77. z-index: 98;
  78. border: 0;
  79. }
  80. /* transparent shadow */
  81. div#tcalShade {
  82. position: absolute;
  83. visibility: hidden;
  84. z-index: 99;
  85. }
  86. div#tcalShade table {
  87. border: 0;
  88. border-collapse: collapse;
  89. width: 100%;
  90. }
  91. div#tcalShade table td {
  92. border: 0;
  93. border-collapse: collapse;
  94. padding: 0;
  95. }