]>
Commit | Line | Data |
---|---|---|
1 | /*! | |
2 | * Timepicker Component for Twitter Bootstrap | |
3 | * | |
4 | * Copyright 2013 Joris de Wit | |
5 | * | |
6 | * Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors | |
7 | * | |
8 | * For the full copyright and license information, please view the LICENSE | |
9 | * file that was distributed with this source code. | |
10 | */ | |
11 | .bootstrap-timepicker { | |
12 | position: relative; | |
13 | } | |
14 | .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu { | |
15 | left: auto; | |
16 | right: 0; | |
17 | } | |
18 | .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before { | |
19 | left: auto; | |
20 | right: 12px; | |
21 | } | |
22 | .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after { | |
23 | left: auto; | |
24 | right: 13px; | |
25 | } | |
26 | .bootstrap-timepicker .add-on { | |
27 | cursor: pointer; | |
28 | } | |
29 | .bootstrap-timepicker .add-on i { | |
30 | display: inline-block; | |
31 | width: 16px; | |
32 | height: 16px; | |
33 | } | |
34 | .bootstrap-timepicker-widget.dropdown-menu { | |
35 | padding: 2px 3px 2px 2px; | |
36 | } | |
37 | .bootstrap-timepicker-widget.dropdown-menu.open { | |
38 | display: inline-block; | |
39 | } | |
40 | .bootstrap-timepicker-widget.dropdown-menu:before { | |
41 | border-bottom: 7px solid rgba(0, 0, 0, 0.2); | |
42 | border-left: 7px solid transparent; | |
43 | border-right: 7px solid transparent; | |
44 | content: ""; | |
45 | display: inline-block; | |
46 | left: 9px; | |
47 | position: absolute; | |
48 | top: -7px; | |
49 | } | |
50 | .bootstrap-timepicker-widget.dropdown-menu:after { | |
51 | border-bottom: 6px solid #FFFFFF; | |
52 | border-left: 6px solid transparent; | |
53 | border-right: 6px solid transparent; | |
54 | content: ""; | |
55 | display: inline-block; | |
56 | left: 10px; | |
57 | position: absolute; | |
58 | top: -6px; | |
59 | } | |
60 | .bootstrap-timepicker-widget a.btn, | |
61 | .bootstrap-timepicker-widget input { | |
62 | border-radius: 4px; | |
63 | } | |
64 | .bootstrap-timepicker-widget table { | |
65 | width: 100%; | |
66 | margin: 0; | |
67 | } | |
68 | .bootstrap-timepicker-widget table td { | |
69 | text-align: center; | |
70 | height: 30px; | |
71 | margin: 0; | |
72 | padding: 2px; | |
73 | } | |
74 | .bootstrap-timepicker-widget table td:not(.separator) { | |
75 | min-width: 30px; | |
76 | } | |
77 | .bootstrap-timepicker-widget table td span { | |
78 | width: 100%; | |
79 | } | |
80 | .bootstrap-timepicker-widget table td a { | |
81 | border: 1px transparent solid; | |
82 | width: 100%; | |
83 | display: inline-block; | |
84 | margin: 0; | |
85 | padding: 8px 0; | |
86 | outline: 0; | |
87 | color: #333; | |
88 | } | |
89 | .bootstrap-timepicker-widget table td a:hover { | |
90 | text-decoration: none; | |
91 | background-color: #eee; | |
92 | -webkit-border-radius: 4px; | |
93 | -moz-border-radius: 4px; | |
94 | border-radius: 4px; | |
95 | border-color: #ddd; | |
96 | } | |
97 | .bootstrap-timepicker-widget table td a i { | |
98 | margin-top: 2px; | |
99 | } | |
100 | .bootstrap-timepicker-widget table td input { | |
101 | width: 25px; | |
102 | margin: 0; | |
103 | text-align: center; | |
104 | } | |
105 | .bootstrap-timepicker-widget .modal-content { | |
106 | padding: 4px; | |
107 | } | |
108 | @media (min-width: 767px) { | |
109 | .bootstrap-timepicker-widget.modal { | |
110 | width: 200px; | |
111 | margin-left: -100px; | |
112 | } | |
113 | } | |
114 | @media (max-width: 767px) { | |
115 | .bootstrap-timepicker { | |
116 | width: 100%; | |
117 | } | |
118 | .bootstrap-timepicker .dropdown-menu { | |
119 | width: 100%; | |
120 | } | |
121 | } |