source: uKadecot/trunk/tools/EcnlControllerUI/EcnlCtrlUI/js/jqm-datebox/jqm-datebox-1.4.5.css@ 101

Last change on this file since 101 was 101, checked in by coas-nagasima, 9 years ago

TOPPERS/uKadecotのソースコードを追加
  • Property svn:eol-style set to native
  • Property svn:keywords set to Id
  • Property svn:mime-type set to text/css
File size: 6.0 KB
Line 
1/*
2 * jQuery Mobile Framework : plugin to provide a date and time picker.
3 * Copyright (c) JTSage
4 * CC 3.0 Attribution. May be relicensed without permission/notification.
5 * https://github.com/jtsage/jquery-mobile-datebox
6 * Generated: 2014-11-10T14:32:36-05:00 (from theme builder)
7 */
8
9/*
10 * Shared Styles
11 *
12 * These styles are used for the basic control,
13 * and are not specific to any one mode.
14 */
15
16.ui-datebox-container {
17 width: 290px;
18 -webkit-transform:translate3d(0,0,0);
19}
20.ui-popup-container .ui-datebox-gridrow {
21 display: table;
22 margin-left: auto;
23 margin-right: auto;
24}
25.ui-datebox-collapse {
26 text-align: center;
27}
28.ui-datebox-collapse .ui-controlgroup-controls a {
29 max-width: 40%;
30}
31
32.ui-datebox-controls.ui-controlgroup-vertical {
33 margin-bottom: 5px;
34 margin-top: 5px;
35}
36
37div.ui-datebox-inline.ui-datebox-inline-has-input {
38 float: none;
39 clear: both;
40 position: relative;
41 top: 5px;
42}
43.ui-field-contain div.ui-datebox-container.ui-datebox-inline {
44 margin-right: auto;
45 margin-left: auto;
46}
47div.ui-datebox-container.ui-datebox-inline {
48 width: 290px;
49
50}
51.ui-datebox-inline .ui-controlgroup-controls {
52 float: none;
53 margin-left: auto;
54 margin-right: auto;
55}
56
57/*
58 * Calendar Mode Styles
59 *
60 * These are specific to CalBox
61 */
62
63.ui-datebox-pickicon {
64 display: inline-block; width: 216px;
65}
66.ui-datebox-gridheader {
67 text-align: center;
68}
69.ui-datebox-gridheader .ui-btn-inline {
70 margin-right: 0;
71}
72.ui-datebox-gridheader h4 {
73 text-align: center;
74 display: inline-block;
75 margin-top: 10px;
76 margin-bottom: 10px;
77 zoom: 1;
78 *display: inline;
79}
80.ui-datebox-grid {
81 clear: both;
82 margin-bottom: 5px;
83}
84.ui-datebox-inline .ui-datebox-gridrow .ui-controlgroup-controls {
85 width: 100%;
86 text-align: center;
87}
88.ui-datebox-inline .ui-datebox-gridrow .ui-controlgroup-controls .ui-btn {
89 float: none;
90 clear: both;
91}
92.ui-datebox-gridrow {
93 margin-left: auto;
94 margin-right: auto;
95 display: table;
96 margin-bottom: -7px;
97}
98.ui-datebox-gridrow-last {
99 margin-bottom: 0;
100}
101.ui-datebox-inline .ui-controlgroup.ui-datebox-gridrow-last {
102 margin-bottom: 5px;
103}
104.ui-datebox-griddate {
105 width: 36px;
106 height: 30px;
107 line-height: 30px;
108 padding: 0;
109 display: inline-block;
110 vertical-align: middle;
111 text-align: center;
112 font-weight: bold;
113 font-size: 12px;
114 zoom: 1;
115 *display: inline;
116}
117.ui-datebox-griddate-week {
118 width: 31px;
119 height: 30px;
120 line-height: 30px;
121 display: inline-block;
122 vertical-align: middle;
123 text-align: center;
124 font-weight: bold;
125 font-size: 12px;
126 zoom: 1;
127 *display: inline;
128}
129.ui-datebox-gridrow div.ui-datebox-griddate-empty {
130 border: 1px solid transparent;
131 color: #888888;
132}
133.ui-datebox-griddate.ui-datebox-griddate-label {
134 border: 1px solid transparent;
135 height: 15px;
136 line-height: 15px;
137}
138.ui-datebox-gridplus { float: right; }
139.ui-datebox-gridminus { float: left; }
140.ui-datebox-gridplus-rtl { float: left; }
141.ui-datebox-gridminus-rtl { float: right; }
142
143/*
144 * Android Mode Styles
145 *
146 * These are specific to datebox, timebox, and durationbox
147 */
148
149.ui-datebox-dboxin div input {
150 text-align: center;
151}
152.ui-datebox-dboxin div {
153 margin: 0 inherit 0;
154}
155.ui-datebox-dboxlab div label {
156 text-align: center;
157}
158div.ui-datebox-cbut.ui-btn.ui-corner-all.ui-icon-plus {
159 border-bottom-right-radius: 0;
160 border-bottom-left-radius: 0;
161 -webkit-border-bottom-right-radius: 0;
162 -webkit-border-bottom-left-radius: 0;
163 height: 40px;
164}
165div.ui-datebox-cbut.ui-btn.ui-corner-all.ui-icon-minus {
166 border-top-right-radius: 0;
167 border-top-left-radius: 0;
168 -webkit-border-top-right-radius: 0;
169 -webkit-border-top-left-radius: 0;
170 height: 40px;
171}
172.ui-datebox-header h4 {
173 text-align: center;
174}
175
176/*
177 * Flip Mode Styles
178 *
179 * These are specific to flipbox, timeflipbox, durationflipbox, and
180 * customflip
181 */
182
183.ui-datebox-fliplab {
184 text-align: center;
185}
186.ui-datebox-flipcenter {
187 width: 260px;
188 height: 40px;
189 border: 1px solid #EEEEEE;
190 margin-right: auto;
191 margin-left: auto;
192 position: relative;
193}
194.ui-datebox-flipcontent {
195 text-align: center;
196 height: 125px;
197 margin-bottom: -40px;
198}
199.ui-datebox-flipcontent div {
200 margin-left: 3px;
201 margin-right: 3px;
202 width: 77px;
203 height: 120px;
204 display: inline-block;
205 text-align: center;
206 zoom: 1;
207 *display: inline;
208 overflow: hidden;
209}
210.ui-datebox-flipcontentd div {
211 width: 60px;
212}
213.ui-datebox-flipcontent ul {
214 list-style-type: none;
215 display: inline;
216 border:1px solid rgba(0,0,0,0);
217}
218.ui-datebox-flipcontent li {
219 height: 30px;
220}
221.ui-datebox-flipcontent li span {
222 margin-top: 7px;
223 display: block;
224}
225
226/*
227 * Slide Mode Styles
228 *
229 * Used solely for SlideBox. Damn this is a lot of extra CSS.
230 */
231
232.ui-datebox-slide {
233 width: 290px;
234 margin-left: auto;
235 margin-right: auto;
236}
237.ui-datebox-sliderow-int {
238 display: inline-block;
239 white-space: nowrap;
240}
241
242.ui-datebox-sliderow {
243 margin-bottom: 5px;
244 text-align: center;
245 overflow: hidden;
246 width: 290px;
247}
248.ui-datebox-slide .ui-btn {
249 margin: 0;
250 padding: 0px 1em;
251}
252
253.ui-datebox-slidebox {
254 text-align: center;
255 display: inline-block;
256 zoom:1;
257 *display:inline;
258 vertical-align: middle;
259 font-weight: bold;
260}
261.ui-datebox-slideyear {
262 width: 84px;
263 line-height: 30px;
264 height: 30px;
265 font-size: 14px;
266}
267.ui-datebox-slidemonth {
268 width: 51px;
269 line-height: 30px;
270 height: 30px;
271 font-size: 12px;
272}
273.ui-datebox-slideday {
274 width: 32px;
275 line-height: 20px;
276 height: 38px;
277 font-size: 14px;
278}
279.ui-datebox-slidehour {
280 width: 32px;
281 line-height: 22px;
282 height: 24px;
283 font-size: 14px;
284}
285.ui-datebox-slidemins {
286 width: 32px;
287 line-height: 22px;
288 height: 24px;
289 font-size: 14px;
290}
291.ui-datebox-slidewday {
292 font-size: 10px;
293 font-weight: normal;
294}
295
296span.ui-datebox-nopad { margin: 0 }
297.ui-datebox-repad { margin: .5em .4375em }
298
299/*
300 * 6 Element Grid - Used for datebox w/ time only.
301 */
302
303.ui-grid-e > .ui-block-a,
304.ui-grid-e > .ui-block-b,
305.ui-grid-e > .ui-block-c,
306.ui-grid-e > .ui-block-d,
307.ui-grid-e > .ui-block-e,
308.ui-grid-e > .ui-block-f {
309 width: 16.65%;
310}
311.ui-grid-e {
312 overflow: hidden;
313}
314.ui-block-f {
315 margin: 0;
316 padding: 0;
317 border: 0;
318 float: left;
319 min-height: 1px;
320 -webkit-box-sizing: border-box;
321 -moz-box-sizing: border-box;
322 box-sizing: border-box;
323}
Note: See TracBrowser for help on using the repository browser.