Tema: CSS de calendario
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 30/03/2009, 15:10
majony
(Desactivado)
  
Fecha de Ingreso: diciembre-2008
Mensajes: 421
Antigüedad: 15 años, 11 meses
Puntos: 0
CSS de calendario
Hola amigos este es el estilo de mi calendario de mi sistema la verdad no se como poder conjugar colores que le den vida a mi calendario y quisiera por favor una ayuda de estudes grandes expertos
Código css: 
Ver original
  1. #calendar {
  2.     text-align:center;
  3.     font:normal 11px Verdana, Arial, Helvetica, sans-serif;
  4.     width:180px;
  5. }
  6. #calendar .calendarDetail {
  7.     border:1px solid #aaa;
  8.     margin:0 0 1em 0;
  9.     padding:0 0 5px 0;
  10.     width:100%;
  11.     color:#000;
  12.     background-color:#fff;
  13. }
  14. #calendar .calendarDetail .title td, #calendar .calendarDetail .title a {
  15.     font-size:1.2em;
  16.     color:#fff;
  17.     background-color:#aaa;
  18.     padding:0;
  19.     text-decoration:none;
  20. }
  21. #calendar .calendarDetail .title1 td {
  22.     border-bottom:1px dashed #ddd;
  23.     padding:0.2em;
  24. }
  25. #calendar .calendarDetail .week td, #calendar .calendarDetail .week a {
  26.     padding:0.2em;
  27.     text-decoration:none;
  28.     color:#000;
  29.     background-color:inherit;
  30. }
  31. #calendar .calendarDetail .week a:hover {
  32.     color:#000;
  33.     background-color:#eee;
  34. }
  35. #calendar .calendarDetail .lastMonth a, #calendar .calendarDetail .nextMonth a {
  36.     color:#aaa;
  37.     background-color:#eee;
  38. }
  39. #calendar .calendarDetail .weekend a {
  40.     color:#f00;
  41.     background-color:inherit;
  42. }
  43. #calendar .calendarDetail .event a {
  44.     font-weight:bold;
  45.     color:#87CEEB;
  46.     background-color:inherit;
  47.     text-decoration:underline;
  48. }
  49. #calendar .calendarDetail .today a {
  50.     color:#fff;
  51.     background-color:#808080;
  52.     font-weight:bold;
  53. }
  54. #calendar .calendarDetail .calendarEvent {
  55.     display:none;
  56.     margin:0;
  57.     padding:0.3em;
  58.     position:absolute;
  59.     width:180px;
  60.     color:#000;
  61.     background-color:#fff;
  62.     text-align:left;
  63.     border:1px solid #aaa;
  64.     font-weight:normal;
  65. }
  66. #calendar .calendarDetail .calendarEvent .date {
  67.     font-style:italic;
  68. }
  69. #calendar .calendarDetail .calendarEvent .edit {
  70.     float:right;
  71. }
  72. #calendar .calendarDetail .calendarEvent a {
  73.     font-weight:normal;
  74.     color:#000;
  75.     background-color:#fff;
  76. }
  77. #calendar .calendarDetail .calendarEvent li {
  78.     margin:0 0 1em 0;
  79.     list-style:disc inside none;
  80. }
  81. #calendar .calendarDetail td:hover > .calendarEvent {
  82.     display:block;
  83. }
  84.  
  85. #calendarForm {
  86.     font:normal 11px Verdana, Arial, Helvetica, sans-serif;
  87.     background-color:#494949;
  88.     color:#fff;
  89. }
  90. #calendarForm .title {
  91.     text-align:center;
  92.     color:#eee;
  93.     background-color:#808080;
  94.     padding:0.3em;
  95.     margin:0 0 1em 0;
  96.     font-weight:bold;
  97. }
  98. #calendarForm .credit {
  99.     text-align:right;
  100.     margin:0;
  101.     padding:0 1em 0.5em 0;
  102.     color:#C0C0C0;
  103.     background-color:inherit;
  104. }
  105. #calendarForm .credit a {
  106.     color:#C0C0C0;
  107.     background-color:inherit;
  108.     text-decoration:underline;
  109. }
  110. #calendarForm .credit a:hover {
  111.     text-decoration:none;
  112. }
  113. #calendarForm form {
  114.     margin:0;
  115.     padding:0 0.5em;
  116.     color:#eee;
  117.     background-color:inherit;
  118. }
  119. #calendarForm form br {
  120.     clear:both;
  121. }
  122. #calendarForm input, #calendarForm select, #calendarForm textarea {
  123.     font:normal 11px Verdana, Arial, Helvetica, sans-serif;
  124.     margin:0 0 0.5em 0;
  125. }