OSDN Git Service

管理画面の日付検索をjavascrptのカレンダーで
[elecoma/elecoma.git] / public / stylesheets / calendar / jquery-calendar.css
1 /*******************************************************************************\r
2  container\r
3 *********************************************************************************/\r
4 .cal-container, #cal-container {\r
5   background-color: #777;\r
6   color: #fff;\r
7   border: 1px solid #777;\r
8   overflow:hidden;\r
9   padding: 0px;\r
10   position:absolute;\r
11   width: 200px;\r
12   z-index: 10;\r
13 \r
14   font-size: 13px;\r
15 }\r
16 \r
17 .cal-container iframe {\r
18   border:none;\r
19   height:100%;\r
20   left:0px;\r
21   margin:0;\r
22   padding:0;\r
23   position:absolute;\r
24   top:0px;\r
25   width:100%;\r
26   z-index:0;\r
27 }\r
28 \r
29 /*******************************************************************************\r
30  select\r
31 *********************************************************************************/\r
32 .cal-select-month{\r
33   background-color: #000;\r
34   color: #fff;\r
35   font-weight: bold;\r
36 }\r
37 \r
38 .cal-select-year{\r
39   background-color: #000;\r
40   color: #fff;\r
41   font-weight: bold;\r
42 }\r
43 \r
44 /*******************************************************************************\r
45  calendar\r
46 *********************************************************************************/\r
47 table.cal-table {\r
48   margin-left: auto;\r
49   margin-right: auto;\r
50   width: 100%;\r
51 }\r
52 \r
53 .cal-header {\r
54   background-color: #000;\r
55   color: #fff;\r
56   text-align: center;\r
57   padding: 3px;\r
58 }\r
59 \r
60 .cal-body {\r
61   padding: 0px;\r
62   text-align: center;\r
63 }\r
64 \r
65 \r
66 .cal-weekday {\r
67   background-color: #efefef;\r
68   text-align: center;\r
69 }\r
70 \r
71 .cal-otherday {\r
72   color: #fff;\r
73   background-color: #fff;\r
74   text-align: center;\r
75 }\r
76 \r
77 .cal-sunday {\r
78   background-color: #ddd;\r
79   text-align: center;\r
80 }\r
81 \r
82 .cal-saturday {\r
83   background-color: #ddd;\r
84   text-align: center;\r
85 }\r
86 \r
87 .cal-holiday {\r
88   background-color: #ddd;\r
89   text-align: center;\r
90 }\r
91 \r
92 .cal-label-cell {\r
93   color: #ffffff;\r
94   font-size: 75%;\r
95   text-align: center;\r
96 }\r
97 \r
98 .cal-label-row .cal-sunday {\r
99   background-color: #777;\r
100   color: #ffffff;\r
101   text-align: center;\r
102 }\r
103 \r
104 .cal-label-row .cal-saturday {\r
105   background-color: #777;\r
106   color: #ffffff;\r
107   text-align: center;\r
108 }\r
109 \r
110 .cal-day-cell {\r
111   border: 1px solid #ddd;\r
112   line-height: 1.7;\r
113   height: 21px;\r
114   padding: 0;\r
115   width: 14%;\r
116 }\r
117 \r
118 .cal-input-hour-minute {\r
119   padding-bottom: 2px;\r
120   text-align: center;\r
121 }\r
122 .cal-error-list {\r
123   padding: 3px 5px 3px 5px;\r
124   font-size: 80%;\r
125   list-style: none;\r
126   background-color: #F7CEE1;\r
127 }\r
128 .cal-error-list li {\r
129   color: #333;\r
130   background: #F7CEE1 url(../images/error.gif) no-repeat center left;\r
131   text-indent: 20px;\r
132   padding-top: 2px;\r
133   padding-bottom: 2px;\r
134 }\r
135 /* for ie bug */\r
136 * html .cal-error-list li {\r
137   text-indent: 5px;\r
138 }\r
139 .cal-ok-button {\r
140   margin-left: 2px;\r
141 }\r
142 \r
143 /*******************************************************************************\r
144  link\r
145 *********************************************************************************/\r
146 \r
147 .cal-next-btn {\r
148   padding-bottom:4px;\r
149   padding-left:8px;\r
150   color: #fff;\r
151   cursor: pointer;\r
152   font-weight: bold;\r
153   text-decoration: none;\r
154 }\r
155 \r
156 .cal-prev-btn {\r
157   padding-bottom:4px;\r
158   padding-right:8px;\r
159   color: #fff;\r
160   cursor: pointer;\r
161   font-weight: bold;\r
162   text-decoration: none;\r
163 }\r
164 \r
165 .cal-day-cell a:link,\r
166 .cal-day-cell a:visited,\r
167 .cal-day-cell a:active {\r
168   color: #000;\r
169   display:block;\r
170   text-decoration: none;\r
171   \r
172 }\r
173 \r
174 .cal-otherday a:link,\r
175 .cal-otherday a:visited{\r
176   color: #fff;\r
177 }\r
178 \r
179 .cal-weekday a:link,\r
180 .cal-weekday a:visited{\r
181   border: 1px solid #efefef;\r
182 }\r
183 \r
184 .cal-saturday a:link,\r
185 .cal-saturday a:visited{\r
186   border: 1px solid #ddd;\r
187 }\r
188 \r
189 .cal-sunday a:link,\r
190 .cal-sunday a:visited{\r
191   border: 1px solid #ddd;\r
192 }\r
193 \r
194 .cal-otherday a:link,\r
195 .cal-otherday a:visited{\r
196   border: 1px solid #fff;\r
197 }\r
198 \r
199 .cal-day-cell a:hover {\r
200   background-color: #fff;\r
201   color: #ADAAB5;\r
202   text-decoration: none;\r
203   border: 1px solid #000;\r
204 }\r
205 \r
206 .cal-selected {\r
207   background-color: #ffbfbf;\r
208   color: #000;\r
209   font-weight: bold;\r
210   text-align: center;\r
211   border: 1px solid #ddd;\r
212 }\r
213 \r
214 .cal-day-cell a:link.cal-selected,\r
215 .cal-day-cell a:visited.cal-selected,\r
216 .cal-day-cell a:active.cal-selected {\r
217   color: #000;\r
218   display:block;\r
219   text-decoration: none;\r
220 }\r
221 \r