pyc-website
main website for pyc inc.
git clone https://9o.is/git/pyc-website.git
bootstrap-timepicker.less
(3453B)
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: 4px;
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 position: absolute;
47 }
48 .bootstrap-timepicker-widget.dropdown-menu:after {
49 border-bottom: 6px solid #FFFFFF;
50 border-left: 6px solid transparent;
51 border-right: 6px solid transparent;
52 content: "";
53 display: inline-block;
54 position: absolute;
55 }
56 .bootstrap-timepicker-widget.timepicker-orient-left:before {
57 left: 6px;
58 }
59 .bootstrap-timepicker-widget.timepicker-orient-left:after {
60 left: 7px;
61 }
62 .bootstrap-timepicker-widget.timepicker-orient-right:before {
63 right: 6px;
64 }
65 .bootstrap-timepicker-widget.timepicker-orient-right:after {
66 right: 7px;
67 }
68 .bootstrap-timepicker-widget.timepicker-orient-top:before {
69 top: -7px;
70 }
71 .bootstrap-timepicker-widget.timepicker-orient-top:after {
72 top: -6px;
73 }
74 .bootstrap-timepicker-widget.timepicker-orient-bottom:before {
75 bottom: -7px;
76 border-bottom: 0;
77 border-top: 7px solid #999;
78 }
79 .bootstrap-timepicker-widget.timepicker-orient-bottom:after {
80 bottom: -6px;
81 border-bottom: 0;
82 border-top: 6px solid #ffffff;
83 }
84 .bootstrap-timepicker-widget a.btn,
85 .bootstrap-timepicker-widget input {
86 border-radius: 4px;
87 }
88 .bootstrap-timepicker-widget table {
89 width: 100%;
90 margin: 0;
91 }
92 .bootstrap-timepicker-widget table td {
93 text-align: center;
94 height: 30px;
95 margin: 0;
96 padding: 2px;
97 }
98 .bootstrap-timepicker-widget table td:not(.separator) {
99 min-width: 30px;
100 }
101 .bootstrap-timepicker-widget table td span {
102 width: 100%;
103 }
104 .bootstrap-timepicker-widget table td a {
105 border: 1px transparent solid;
106 width: 100%;
107 display: inline-block;
108 margin: 0;
109 padding: 8px 0;
110 outline: 0;
111 color: #333;
112 }
113 .bootstrap-timepicker-widget table td a:hover {
114 text-decoration: none;
115 background-color: #eee;
116 -webkit-border-radius: 4px;
117 -moz-border-radius: 4px;
118 border-radius: 4px;
119 border-color: #ddd;
120 }
121 .bootstrap-timepicker-widget table td a i {
122 margin-top: 2px;
123 font-size: 18px;
124 }
125 .bootstrap-timepicker-widget table td input {
126 width: 25px;
127 margin: 0;
128 text-align: center;
129 }
130 .bootstrap-timepicker-widget .modal-content {
131 padding: 4px;
132 }
133 @media (min-width: 767px) {
134 .bootstrap-timepicker-widget.modal {
135 width: 200px;
136 margin-left: -100px;
137 }
138 }
139 @media (max-width: 767px) {
140 .bootstrap-timepicker {
141 width: 100%;
142 }
143 .bootstrap-timepicker .dropdown-menu {
144 width: 100%;
145 }
146 }