You are here

jcalendar.css in Make Meeting Scheduler 7

Same filename and directory in other branches
  1. 6 jcalendar.css
div.jcalendar-wrapper {
	width:20em;
}

div.jcalendar-selects {
	padding:.6em .4em;
	text-align:center;
}

div.jcalendar-selects select {
	border:1px solid #A1A5A9;
	font-size:100%;
}

div.jcalendar table {
	background:#a1a5a9;
	color:#000;
	margin: auto;
	width: 300px;
}

div.jcalendar table th {
	background:#eee;
	width:2.2em;
	padding: 0px;
	text-align: center;
}

div.jcalendar table td {
	background:#f9f9f9;
	padding:0;
	text-align: center;
}

div.jcalendar table th.weekend {
	background:#ddd;
}

div.jcalendar table td.weekend {
	background:#e9e9e9;
}

div.jcalendar table td.past{
	background:#aeaeae;
}

div.jcalendar table td a {
	color:#333;
	display:block;
	line-height:1.7em;
	text-align:center;
	text-decoration:none;
	width:2.2em;
}

div.jcalendar table td.today a {
	background:#777;
	border-color:#aaa;
	color:#fff;
	font-weight:700;
}

div.jcalendar table td a:hover,div.jcalendar table td a:focus,div.jcalendar table td a:active {
	background:#77b0d3;
	color:#fff;
	padding:0;
}

div.jcalendar table td a.selected {
	background:#0072b9;
	color:#fff;
}

div.jcalendar-links {
	margin:.4em;
	text-align:center;
}

div.jcalendar-links a {
	padding:.2em .4em;
}

div#selected_dates{
	overflow: auto; 
	width: 600px;
}

div#selected_dates table{
	width: 100px;
	border: none;
	padding: 0px;
	margin: 0px;
}

div#selected_dates table td{
	padding: 2px;
	margin: 0px;
	white-space: nowrap;
}

div#selected_dates input{
	width: 80px;
}

File

jcalendar.css
View source
  1. div.jcalendar-wrapper {
  2. width:20em;
  3. }
  4. div.jcalendar-selects {
  5. padding:.6em .4em;
  6. text-align:center;
  7. }
  8. div.jcalendar-selects select {
  9. border:1px solid #A1A5A9;
  10. font-size:100%;
  11. }
  12. div.jcalendar table {
  13. background:#a1a5a9;
  14. color:#000;
  15. margin: auto;
  16. width: 300px;
  17. }
  18. div.jcalendar table th {
  19. background:#eee;
  20. width:2.2em;
  21. padding: 0px;
  22. text-align: center;
  23. }
  24. div.jcalendar table td {
  25. background:#f9f9f9;
  26. padding:0;
  27. text-align: center;
  28. }
  29. div.jcalendar table th.weekend {
  30. background:#ddd;
  31. }
  32. div.jcalendar table td.weekend {
  33. background:#e9e9e9;
  34. }
  35. div.jcalendar table td.past{
  36. background:#aeaeae;
  37. }
  38. div.jcalendar table td a {
  39. color:#333;
  40. display:block;
  41. line-height:1.7em;
  42. text-align:center;
  43. text-decoration:none;
  44. width:2.2em;
  45. }
  46. div.jcalendar table td.today a {
  47. background:#777;
  48. border-color:#aaa;
  49. color:#fff;
  50. font-weight:700;
  51. }
  52. div.jcalendar table td a:hover,div.jcalendar table td a:focus,div.jcalendar table td a:active {
  53. background:#77b0d3;
  54. color:#fff;
  55. padding:0;
  56. }
  57. div.jcalendar table td a.selected {
  58. background:#0072b9;
  59. color:#fff;
  60. }
  61. div.jcalendar-links {
  62. margin:.4em;
  63. text-align:center;
  64. }
  65. div.jcalendar-links a {
  66. padding:.2em .4em;
  67. }
  68. div#selected_dates{
  69. overflow: auto;
  70. width: 600px;
  71. }
  72. div#selected_dates table{
  73. width: 100px;
  74. border: none;
  75. padding: 0px;
  76. margin: 0px;
  77. }
  78. div#selected_dates table td{
  79. padding: 2px;
  80. margin: 0px;
  81. white-space: nowrap;
  82. }
  83. div#selected_dates input{
  84. width: 80px;
  85. }