source: trip-planner-front/node_modules/primeng/resources/primeng.css@ 8d391a1

Last change on this file since 8d391a1 was 59329aa, checked in by Ema <ema_spirova@…>, 3 years ago

adding photos

  • Property mode set to 100644
File size: 8.5 KB
Line 
1.p-component, .p-component * {
2 box-sizing: border-box;
3}
4
5.p-hidden {
6 display: none;
7}
8
9.p-hidden-space {
10 visibility: hidden;
11}
12
13.p-hidden-accessible {
14 border: 0;
15 clip: rect(0 0 0 0);
16 height: 1px;
17 margin: -1px;
18 overflow: hidden;
19 padding: 0;
20 position: absolute;
21 width: 1px;
22}
23
24.p-hidden-accessible input,
25.p-hidden-accessible select {
26 transform: scale(0);
27}
28
29.p-reset {
30 margin: 0;
31 padding: 0;
32 border: 0;
33 outline: 0;
34 text-decoration: none;
35 font-size: 100%;
36 list-style: none;
37}
38
39.p-disabled, .p-disabled * {
40 cursor: default !important;
41 pointer-events: none;
42}
43
44.p-component-overlay {
45 position: fixed;
46 top: 0;
47 left: 0;
48 width: 100%;
49 height: 100%;
50}
51
52.p-overflow-hidden {
53 overflow: hidden;
54}
55
56.p-unselectable-text {
57 user-select: none;
58}
59
60.p-scrollbar-measure {
61 width: 100px;
62 height: 100px;
63 overflow: scroll;
64 position: absolute;
65 top: -9999px;
66}
67
68@-webkit-keyframes p-fadein {
69 0% { opacity: 0; }
70 100% { opacity: 1; }
71}
72@keyframes p-fadein {
73 0% { opacity: 0; }
74 100% { opacity: 1; }
75}
76
77input[type="button"],
78input[type="submit"],
79input[type="reset"],
80input[type="file"]::-webkit-file-upload-button,
81button {
82 border-radius: 0;
83}
84
85.p-link {
86 text-align: left;
87 background-color: transparent;
88 margin: 0;
89 padding: 0;
90 border: none;
91 cursor: pointer;
92 user-select: none;
93}
94
95.p-sr-only {
96 border: 0;
97 clip: rect(1px, 1px, 1px, 1px);
98 clip-path: inset(50%);
99 height: 1px;
100 margin: -1px;
101 overflow: hidden;
102 padding: 0;
103 position: absolute;
104 width: 1px;
105 word-wrap: normal !important;
106}
107
108/* Non ng overlay animations */
109.p-connected-overlay {
110 opacity: 0;
111 transform: scaleY(0.8);
112 transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);
113}
114
115.p-connected-overlay-visible {
116 opacity: 1;
117 transform: scaleY(1);
118}
119
120.p-connected-overlay-hidden {
121 opacity: 0;
122 transform: scaleY(1);
123 transition: opacity .1s linear;
124}
125
126.p-toggleable-content.ng-animating {
127 overflow: hidden;
128}
129
130
131.p-badge {
132 display: inline-block;
133 border-radius: 10px;
134 text-align: center;
135 padding: 0 .5rem;
136}
137
138.p-overlay-badge {
139 position: relative;
140}
141
142.p-overlay-badge .p-badge {
143 position: absolute;
144 top: 0;
145 right: 0;
146 transform: translate(50%,-50%);
147 transform-origin: 100% 0;
148 margin: 0;
149}
150
151.p-badge-dot {
152 width: .5rem;
153 min-width: .5rem;
154 height: .5rem;
155 border-radius: 50%;
156 padding: 0;
157}
158
159.p-badge-no-gutter {
160 padding: 0;
161 border-radius: 50%;
162}
163.p-button {
164 margin: 0;
165 display: inline-flex;
166 cursor: pointer;
167 user-select: none;
168 align-items: center;
169 vertical-align: bottom;
170 text-align: center;
171 overflow: hidden;
172 position: relative;
173}
174
175.p-button-label {
176 flex: 1 1 auto;
177}
178
179.p-button-icon-right {
180 order: 1;
181}
182
183.p-button:disabled {
184 cursor: default;
185}
186
187.p-button-icon-only {
188 justify-content: center;
189}
190
191.p-button-icon-only .p-button-label {
192 visibility: hidden;
193 width: 0;
194 flex: 0 0 auto;
195}
196
197.p-button-vertical {
198 flex-direction: column;
199}
200
201.p-button-icon-bottom {
202 order: 2;
203}
204
205.p-buttonset .p-button {
206 margin: 0;
207}
208
209.p-buttonset .p-button:not(:last-child) {
210 border-right: 0 none;
211}
212
213.p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
214 border-radius: 0;
215}
216
217.p-buttonset .p-button:first-of-type {
218 border-top-right-radius: 0;
219 border-bottom-right-radius: 0;
220}
221
222.p-buttonset .p-button:last-of-type {
223 border-top-left-radius: 0;
224 border-bottom-left-radius: 0;
225}
226
227.p-buttonset .p-button:focus {
228 position: relative;
229 z-index: 1;
230}
231
232.p-button-label {
233 transition: all .2s;
234}
235.p-checkbox {
236 display: inline-flex;
237 cursor: pointer;
238 user-select: none;
239 vertical-align: bottom;
240 position: relative;
241}
242
243.p-checkbox-disabled {
244 cursor: default !important;
245 pointer-events: none;
246}
247
248.p-checkbox-box {
249 display: flex;
250 justify-content: center;
251 align-items: center;
252}
253
254p-checkbox {
255 display: inline-flex;
256 vertical-align: bottom;
257 align-items: center;
258}
259
260.p-checkbox-label {
261 line-height: 1;
262}
263
264.p-colorpicker-panel .p-colorpicker-color {
265 background: transparent url("./images/color.png") no-repeat left top;
266}
267
268.p-colorpicker-panel .p-colorpicker-hue {
269 background: transparent url("./images/hue.png") no-repeat left top;
270}
271.p-inputtext {
272 margin: 0;
273}
274
275.p-fluid .p-inputtext {
276 width: 100%;
277}
278
279/* InputGroup */
280.p-inputgroup {
281 display: flex;
282 align-items: stretch;
283 width: 100%;
284}
285
286.p-inputgroup-addon {
287 display: flex;
288 align-items: center;
289 justify-content: center;
290}
291
292.p-inputgroup .p-float-label {
293 display: flex;
294 align-items: stretch;
295 width: 100%;
296}
297
298.p-inputgroup .p-inputtext,
299.p-fluid .p-inputgroup .p-inputtext,
300.p-inputgroup .p-inputwrapper,
301.p-inputgroup .p-inputwrapper > .p-component {
302 flex: 1 1 auto;
303 width: 1%;
304}
305
306/* Floating Label */
307.p-float-label {
308 display: block;
309 position: relative;
310}
311
312.p-float-label label {
313 position: absolute;
314 pointer-events: none;
315 top: 50%;
316 margin-top: -.5rem;
317 transition-property: all;
318 transition-timing-function: ease;
319 line-height: 1;
320}
321
322.p-float-label textarea ~ label {
323 top: 1rem;
324}
325
326.p-float-label input:focus ~ label,
327.p-float-label input.p-filled ~ label,
328.p-float-label textarea:focus ~ label,
329.p-float-label textarea.p-filled ~ label,
330.p-float-label .p-inputwrapper-focus ~ label,
331.p-float-label .p-inputwrapper-filled ~ label {
332 top: -.75rem;
333 font-size: 12px;
334}
335
336.p-float-label .input:-webkit-autofill ~ label {
337 top: -20px;
338 font-size: 12px;
339}
340
341.p-input-icon-left,
342.p-input-icon-right {
343 position: relative;
344 display: inline-block;
345}
346
347.p-input-icon-left > i,
348.p-input-icon-right > i {
349 position: absolute;
350 top: 50%;
351 margin-top: -.5rem;
352}
353
354.p-fluid .p-input-icon-left,
355.p-fluid .p-input-icon-right {
356 display: block;
357 width: 100%;
358}
359
360.p-inputtextarea-resizable {
361 overflow: hidden;
362 resize: none;
363}
364
365.p-fluid .p-inputtextarea {
366 width: 100%;
367}
368.p-password {
369 position: relative;
370 display: inline-flex;
371}
372
373.p-password-panel {
374 position: absolute;
375 top: 0;
376 left: 0;
377}
378
379.p-password .p-password-panel {
380 min-width: 100%;
381}
382
383.p-password-meter {
384 height: 10px;
385}
386
387.p-password-strength {
388 height: 100%;
389 width: 0%;
390 transition: width 1s ease-in-out;
391}
392
393.p-fluid .p-password {
394 display: flex;
395}
396
397.p-radiobutton {
398 display: inline-flex;
399 cursor: pointer;
400 user-select: none;
401 vertical-align: bottom;
402 position: relative;
403}
404
405.p-radiobutton-box {
406 display: flex;
407 justify-content: center;
408 align-items: center;
409}
410
411.p-radiobutton-icon {
412 -webkit-backface-visibility: hidden;
413 backface-visibility: hidden;
414 transform: translateZ(0) scale(.1);
415 border-radius: 50%;
416 visibility: hidden;
417}
418
419.p-radiobutton-box.p-highlight .p-radiobutton-icon {
420 transform: translateZ(0) scale(1.0, 1.0);
421 visibility: visible;
422}
423
424p-radiobutton {
425 display: inline-flex;
426 vertical-align: bottom;
427 align-items: center;
428}
429
430.p-radiobutton-label {
431 line-height: 1;
432}
433
434.p-ripple {
435 overflow: hidden;
436 position: relative;
437}
438
439.p-ink {
440 display: block;
441 position: absolute;
442 background: rgba(255, 255, 255, 0.5);
443 border-radius: 100%;
444 transform: scale(0);
445}
446
447.p-ink-active {
448 animation: ripple 0.4s linear;
449}
450
451.p-ripple-disabled .p-ink {
452 display: none !important;
453}
454
455@keyframes ripple {
456 100% {
457 opacity: 0;
458 transform: scale(2.5);
459 }
460}
461.p-tooltip {
462 position:absolute;
463 display:none;
464 padding: .25em .5rem;
465 max-width: 12.5rem;
466}
467
468.p-tooltip.p-tooltip-right,
469.p-tooltip.p-tooltip-left {
470 padding: 0 .25rem;
471}
472
473.p-tooltip.p-tooltip-top,
474.p-tooltip.p-tooltip-bottom {
475 padding:.25em 0;
476}
477
478.p-tooltip .p-tooltip-text {
479 white-space: pre-line;
480 word-break: break-word;
481}
482
483.p-tooltip-arrow {
484 position: absolute;
485 width: 0;
486 height: 0;
487 border-color: transparent;
488 border-style: solid;
489}
490
491.p-tooltip-right .p-tooltip-arrow {
492 top: 50%;
493 left: 0;
494 margin-top: -.25rem;
495 border-width: .25em .25em .25em 0;
496}
497
498.p-tooltip-left .p-tooltip-arrow {
499 top: 50%;
500 right: 0;
501 margin-top: -.25rem;
502 border-width: .25em 0 .25em .25rem;
503}
504
505.p-tooltip.p-tooltip-top {
506 padding: .25em 0;
507}
508
509.p-tooltip-top .p-tooltip-arrow {
510 bottom: 0;
511 left: 50%;
512 margin-left: -.25rem;
513 border-width: .25em .25em 0;
514}
515
516.p-tooltip-bottom .p-tooltip-arrow {
517 top: 0;
518 left: 50%;
519 margin-left: -.25rem;
520 border-width: 0 .25em .25rem;
521}
Note: See TracBrowser for help on using the repository browser.