OSDN Git Service

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