Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 667 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 www 1 
.spinner-container{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.4)}
4119 stevensc 2 
/*!
3 
 * https://github.com/arqex/react-datetime
4 
 */
5 
 
6 
.rdt {
7 
  position: relative;
8 
}
9 
.rdtPicker {
10 
  display: none;
11 
  position: absolute;
12 
  min-width: 250px;
13 
  padding: 4px;
14 
  margin-top: 1px;
15 
  z-index: 99999 !important;
16 
  background: #fff;
17 
  box-shadow: 0 1px 3px rgba(0,0,0,.1);
18 
  border: 1px solid #f9f9f9;
19 
}
20 
.rdtOpen .rdtPicker {
21 
  display: block;
22 
}
23 
.rdtStatic .rdtPicker {
24 
  box-shadow: none;
25 
  position: static;
26 
}
27 
 
28 
.rdtPicker .rdtTimeToggle {
29 
  text-align: center;
30 
}
31 
 
32 
.rdtPicker table {
33 
  width: 100%;
34 
  margin: 0;
35 
}
36 
.rdtPicker td,
37 
.rdtPicker th {
38 
  text-align: center;
39 
  height: 28px;
40 
}
41 
.rdtPicker td {
42 
  cursor: pointer;
43 
}
44 
.rdtPicker td.rdtDay:hover,
45 
.rdtPicker td.rdtHour:hover,
46 
.rdtPicker td.rdtMinute:hover,
47 
.rdtPicker td.rdtSecond:hover,
48 
.rdtPicker .rdtTimeToggle:hover {
49 
  background: #eeeeee;
50 
  cursor: pointer;
51 
}
52 
.rdtPicker td.rdtOld,
53 
.rdtPicker td.rdtNew {
54 
  color: #999999;
55 
}
56 
.rdtPicker td.rdtToday {
57 
  position: relative;
58 
}
59 
.rdtPicker td.rdtToday:before {
60 
  content: '';
61 
  display: inline-block;
62 
  border-left: 7px solid transparent;
63 
  border-bottom: 7px solid #428bca;
64 
  border-top-color: rgba(0, 0, 0, 0.2);
65 
  position: absolute;
66 
  bottom: 4px;
67 
  right: 4px;
68 
}
69 
.rdtPicker td.rdtActive,
70 
.rdtPicker td.rdtActive:hover {
71 
  background-color: #428bca;
72 
  color: #fff;
73 
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
74 
}
75 
.rdtPicker td.rdtActive.rdtToday:before {
76 
  border-bottom-color: #fff;
77 
}
78 
.rdtPicker td.rdtDisabled,
79 
.rdtPicker td.rdtDisabled:hover {
80 
  background: none;
81 
  color: #999999;
82 
  cursor: not-allowed;
83 
}
84 
 
85 
.rdtPicker td span.rdtOld {
86 
  color: #999999;
87 
}
88 
.rdtPicker td span.rdtDisabled,
89 
.rdtPicker td span.rdtDisabled:hover {
90 
  background: none;
91 
  color: #999999;
92 
  cursor: not-allowed;
93 
}
94 
.rdtPicker th {
95 
  border-bottom: 1px solid #f9f9f9;
96 
}
97 
.rdtPicker .dow {
98 
  width: 14.2857%;
99 
  border-bottom: none;
100 
  cursor: default;
101 
}
102 
.rdtPicker th.rdtSwitch {
103 
  width: 100px;
104 
}
105 
.rdtPicker th.rdtNext,
106 
.rdtPicker th.rdtPrev {
107 
  font-size: 21px;
108 
  vertical-align: top;
109 
}
110 
 
111 
.rdtPrev span,
112 
.rdtNext span {
113 
  display: block;
114 
  -webkit-touch-callout: none; /* iOS Safari */
115 
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
116 
  -khtml-user-select: none;    /* Konqueror */
117 
  -moz-user-select: none;      /* Firefox */
118 
  -ms-user-select: none;       /* Internet Explorer/Edge */
119 
  user-select: none;
120 
}
121 
 
122 
.rdtPicker th.rdtDisabled,
123 
.rdtPicker th.rdtDisabled:hover {
124 
  background: none;
125 
  color: #999999;
126 
  cursor: not-allowed;
127 
}
128 
.rdtPicker thead tr:first-of-type th {
129 
  cursor: pointer;
130 
}
131 
.rdtPicker thead tr:first-of-type th:hover {
132 
  background: #eeeeee;
133 
}
134 
 
135 
.rdtPicker tfoot {
136 
  border-top: 1px solid #f9f9f9;
137 
}
138 
 
139 
.rdtPicker button {
140 
  border: none;
141 
  background: none;
142 
  cursor: pointer;
143 
}
144 
.rdtPicker button:hover {
145 
  background-color: #eee;
146 
}
147 
 
148 
.rdtPicker thead button {
149 
  width: 100%;
150 
  height: 100%;
151 
}
152 
 
153 
td.rdtMonth,
154 
td.rdtYear {
155 
  height: 50px;
156 
  width: 25%;
157 
  cursor: pointer;
158 
}
159 
td.rdtMonth:hover,
160 
td.rdtYear:hover {
161 
  background: #eee;
162 
}
163 
 
164 
.rdtCounters {
165 
  display: inline-block;
166 
}
167 
 
168 
.rdtCounters > div {
169 
  float: left;
170 
}
171 
 
172 
.rdtCounter {
173 
  height: 100px;
174 
}
175 
 
176 
.rdtCounter {
177 
  width: 40px;
178 
}
179 
 
180 
.rdtCounterSeparator {
181 
  line-height: 100px;
182 
}
183 
 
184 
.rdtCounter .rdtBtn {
185 
  height: 40%;
186 
  line-height: 40px;
187 
  cursor: pointer;
188 
  display: block;
189 
 
190 
  -webkit-touch-callout: none; /* iOS Safari */
191 
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
192 
  -khtml-user-select: none;    /* Konqueror */
193 
  -moz-user-select: none;      /* Firefox */
194 
  -ms-user-select: none;       /* Internet Explorer/Edge */
195 
  user-select: none;
196 
}
197 
.rdtCounter .rdtBtn:hover {
198 
  background: #eee;
199 
}
200 
.rdtCounter .rdtCount {
201 
  height: 20%;
202 
  font-size: 1.2em;
203 
}
204 
 
205 
.rdtMilli {
206 
  vertical-align: middle;
207 
  padding-left: 8px;
208 
  width: 48px;
209 
}
210 
 
211 
.rdtMilli input {
212 
  width: 100%;
213 
  font-size: 1.2em;
214 
  margin-top: 37px;
215 
}
216 
 
217 
.rdtTime td {
218 
  cursor: default;
219 
}
220