primeng 8.1.0 → 8.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -237,6 +237,17 @@ button {
237
237
  .ui-rtl .ui-accordion .ui-accordion-toggle-icon.pi-caret-right:before {
238
238
  content: '\e904';
239
239
  }
240
+ .ui-blockui {
241
+ position: absolute;
242
+ top: 0;
243
+ left: 0;
244
+ width: 100%;
245
+ height: 100%;
246
+ }
247
+
248
+ .ui-blockui-document {
249
+ position: fixed;
250
+ }
240
251
  .ui-autocomplete {
241
252
  width: auto;
242
253
  zoom: 1;
@@ -401,17 +412,6 @@ button {
401
412
  width: 2em;
402
413
  }
403
414
 
404
- .ui-blockui {
405
- position: absolute;
406
- top: 0;
407
- left: 0;
408
- width: 100%;
409
- height: 100%;
410
- }
411
-
412
- .ui-blockui-document {
413
- position: fixed;
414
- }
415
415
  /* Button */
416
416
  .ui-button {
417
417
  display: inline-block;
@@ -829,6 +829,30 @@ input[type=text]::-ms-clear {
829
829
  }
830
830
  }
831
831
 
832
+ .ui-card-header img {
833
+ width: 100%;
834
+ }
835
+
836
+ .ui-card-body {
837
+ padding: 1em;
838
+ }
839
+
840
+ .ui-card-title {
841
+ font-size: 1.5em;
842
+ font-weight: bold;
843
+ margin-bottom: .5em;
844
+ }
845
+
846
+ .ui-card-subtitle {
847
+ opacity: .7;
848
+ margin-bottom: .5em;
849
+ margin-top: -.25em;
850
+ font-weight: bold;
851
+ }
852
+
853
+ .ui-card-footer {
854
+ padding-top: 1em;
855
+ }
832
856
  .ui-carousel {
833
857
  display: flex;
834
858
  flex-direction: column;
@@ -913,63 +937,6 @@ input[type=text]::-ms-clear {
913
937
  .ui-carousel-vertical .ui-carousel-dots-container {
914
938
  margin: .75em 0;
915
939
  }
916
- .ui-card-header img {
917
- width: 100%;
918
- }
919
-
920
- .ui-card-body {
921
- padding: 1em;
922
- }
923
-
924
- .ui-card-title {
925
- font-size: 1.5em;
926
- font-weight: bold;
927
- margin-bottom: .5em;
928
- }
929
-
930
- .ui-card-subtitle {
931
- opacity: .7;
932
- margin-bottom: .5em;
933
- margin-top: -.25em;
934
- font-weight: bold;
935
- }
936
-
937
- .ui-card-footer {
938
- padding-top: 1em;
939
- }
940
- .ui-chkbox {
941
- display: inline-block;
942
- cursor: pointer;
943
- vertical-align: middle;
944
- margin-right: .25em;
945
- user-select: none;
946
- -moz-user-select: none;
947
- -webkit-user-select: none;
948
- }
949
-
950
- .ui-chkbox .ui-chkbox-box {
951
- width: 1.125em;
952
- height: 1.125em;
953
- line-height: 1.125em;
954
- -moz-border-radius: 2px;
955
- -webkit-border-radius: 2px;
956
- border-radius: 2px;
957
- text-align: center;
958
- }
959
-
960
- .ui-chkbox .ui-chkbox-icon {
961
- display: block;
962
- }
963
-
964
- .ui-chkbox-label {
965
- vertical-align: middle;
966
- }
967
-
968
- .ui-chkbox-readonly {
969
- cursor: default;
970
- }
971
-
972
-
973
940
  .ui-chips > ul.ui-inputtext {
974
941
  clear: left;
975
942
  cursor: text;
@@ -1029,6 +996,39 @@ input[type=text]::-ms-clear {
1029
996
  -webkit-border-radius: 0;
1030
997
  border-radius: 0;
1031
998
  }
999
+ .ui-chkbox {
1000
+ display: inline-block;
1001
+ cursor: pointer;
1002
+ vertical-align: middle;
1003
+ margin-right: .25em;
1004
+ user-select: none;
1005
+ -moz-user-select: none;
1006
+ -webkit-user-select: none;
1007
+ }
1008
+
1009
+ .ui-chkbox .ui-chkbox-box {
1010
+ width: 1.125em;
1011
+ height: 1.125em;
1012
+ line-height: 1.125em;
1013
+ -moz-border-radius: 2px;
1014
+ -webkit-border-radius: 2px;
1015
+ border-radius: 2px;
1016
+ text-align: center;
1017
+ }
1018
+
1019
+ .ui-chkbox .ui-chkbox-icon {
1020
+ display: block;
1021
+ }
1022
+
1023
+ .ui-chkbox-label {
1024
+ vertical-align: middle;
1025
+ }
1026
+
1027
+ .ui-chkbox-readonly {
1028
+ cursor: default;
1029
+ }
1030
+
1031
+
1032
1032
  .ui-colorpicker {
1033
1033
  display: inline-block;
1034
1034
  }
@@ -1204,6 +1204,34 @@ input[type=text]::-ms-clear {
1204
1204
  }
1205
1205
 
1206
1206
 
1207
+ .ui-datascroller {
1208
+ }
1209
+
1210
+ .ui-datascroller .ui-datascroller-header {
1211
+ text-align: center;
1212
+ padding: .5em .75em;
1213
+ border-bottom: 0 none;
1214
+ }
1215
+
1216
+ .ui-datascroller .ui-datascroller-footer {
1217
+ text-align: center;
1218
+ padding: .25em .625em;
1219
+ border-top: 0px none;
1220
+ }
1221
+
1222
+ .ui-datascroller .ui-datascroller-content {
1223
+ padding: .25em .625em;
1224
+ }
1225
+
1226
+ .ui-datascroller-inline .ui-datascroller-content {
1227
+ overflow: auto;
1228
+ }
1229
+
1230
+ .ui-datascroller .ui-datascroller-list {
1231
+ list-style-type: none;
1232
+ margin: 0;
1233
+ padding: 0;
1234
+ }
1207
1235
  .ui-datalist .ui-datalist-header,
1208
1236
  .ui-datalist .ui-datalist-footer {
1209
1237
  text-align:center;
@@ -1244,34 +1272,6 @@ input[type=text]::-ms-clear {
1244
1272
  border-top: 0 none;
1245
1273
  }
1246
1274
 
1247
- .ui-datascroller {
1248
- }
1249
-
1250
- .ui-datascroller .ui-datascroller-header {
1251
- text-align: center;
1252
- padding: .5em .75em;
1253
- border-bottom: 0 none;
1254
- }
1255
-
1256
- .ui-datascroller .ui-datascroller-footer {
1257
- text-align: center;
1258
- padding: .25em .625em;
1259
- border-top: 0px none;
1260
- }
1261
-
1262
- .ui-datascroller .ui-datascroller-content {
1263
- padding: .25em .625em;
1264
- }
1265
-
1266
- .ui-datascroller-inline .ui-datascroller-content {
1267
- overflow: auto;
1268
- }
1269
-
1270
- .ui-datascroller .ui-datascroller-list {
1271
- list-style-type: none;
1272
- margin: 0;
1273
- padding: 0;
1274
- }
1275
1275
  .ui-dataview {
1276
1276
  position: relative;
1277
1277
  }
@@ -2683,6 +2683,47 @@ input[type=text]::-ms-clear {
2683
2683
  border-right: 0 none;
2684
2684
  }
2685
2685
 
2686
+ .ui-inputswitch {
2687
+ position: relative;
2688
+ display: inline-block;
2689
+ width: 3em;
2690
+ height: 1.75em;
2691
+ }
2692
+
2693
+ .ui-inputswitch-slider {
2694
+ position: absolute;
2695
+ cursor: pointer;
2696
+ top: 0;
2697
+ left: 0;
2698
+ right: 0;
2699
+ bottom: 0;
2700
+ -webkit-transition: .3s;
2701
+ transition: .3s;
2702
+ border-radius: 30px;
2703
+ }
2704
+
2705
+ .ui-inputswitch-slider:before {
2706
+ position: absolute;
2707
+ content: "";
2708
+ height: 1.250em;
2709
+ width: 1.250em;
2710
+ left: .25em;
2711
+ bottom: .25em;
2712
+ border-radius: 50%;
2713
+ -webkit-transition: .3s;
2714
+ transition: .3s;
2715
+ }
2716
+
2717
+ .ui-inputswitch-checked .ui-inputswitch-slider:before {
2718
+ -webkit-transform: translateX(1.250em);
2719
+ -ms-transform: translateX(1.250em);
2720
+ transform: translateX(1.250em);
2721
+ }
2722
+
2723
+ .ui-inputswitch.ui-state-disabled .ui-inputswitch-slider,
2724
+ .ui-inputswitch-readonly .ui-inputswitch-slider {
2725
+ cursor: default;
2726
+ }
2686
2727
  .ui-inputtext {
2687
2728
  margin: 0;
2688
2729
  outline: medium none;
@@ -2795,54 +2836,13 @@ input[type=text]::-ms-clear {
2795
2836
 
2796
2837
 
2797
2838
 
2798
- .ui-inputswitch {
2799
- position: relative;
2800
- display: inline-block;
2801
- width: 3em;
2802
- height: 1.75em;
2839
+ .ui-inputtextarea-resizable {
2840
+ overflow:hidden;
2841
+ resize:none;
2803
2842
  }
2804
2843
 
2805
- .ui-inputswitch-slider {
2806
- position: absolute;
2807
- cursor: pointer;
2808
- top: 0;
2809
- left: 0;
2810
- right: 0;
2811
- bottom: 0;
2812
- -webkit-transition: .3s;
2813
- transition: .3s;
2814
- border-radius: 30px;
2815
- }
2816
-
2817
- .ui-inputswitch-slider:before {
2818
- position: absolute;
2819
- content: "";
2820
- height: 1.250em;
2821
- width: 1.250em;
2822
- left: .25em;
2823
- bottom: .25em;
2824
- border-radius: 50%;
2825
- -webkit-transition: .3s;
2826
- transition: .3s;
2827
- }
2828
-
2829
- .ui-inputswitch-checked .ui-inputswitch-slider:before {
2830
- -webkit-transform: translateX(1.250em);
2831
- -ms-transform: translateX(1.250em);
2832
- transform: translateX(1.250em);
2833
- }
2834
-
2835
- .ui-inputswitch.ui-state-disabled .ui-inputswitch-slider,
2836
- .ui-inputswitch-readonly .ui-inputswitch-slider {
2837
- cursor: default;
2838
- }
2839
- .ui-inputtextarea-resizable {
2840
- overflow:hidden;
2841
- resize:none;
2842
- }
2843
-
2844
- .ui-fluid .ui-inputtextarea {
2845
- width:100%;
2844
+ .ui-fluid .ui-inputtextarea {
2845
+ width:100%;
2846
2846
  }
2847
2847
 
2848
2848
  .ui-float-label > textarea ~ label {
@@ -3130,6 +3130,22 @@ input[type=text]::-ms-clear {
3130
3130
  .ui-menu .ui-menuitem-text {
3131
3131
  vertical-align: middle;
3132
3132
  }
3133
+ .ui-message {
3134
+ border: 1px solid;
3135
+ margin: 0px .25em;
3136
+ padding: .25em .5em;
3137
+ display: inline-block;
3138
+ vertical-align: top;
3139
+ }
3140
+
3141
+ .ui-message .ui-message-icon,
3142
+ .ui-message .ui-message-text {
3143
+ vertical-align: middle;
3144
+ }
3145
+
3146
+ .ui-fluid .ui-message {
3147
+ display: block;
3148
+ }
3133
3149
  .ui-menubar {
3134
3150
  padding: .25em;
3135
3151
  }
@@ -3221,22 +3237,6 @@ input[type=text]::-ms-clear {
3221
3237
  float: right;
3222
3238
  padding: .25em;
3223
3239
  }
3224
- .ui-message {
3225
- border: 1px solid;
3226
- margin: 0px .25em;
3227
- padding: .25em .5em;
3228
- display: inline-block;
3229
- vertical-align: top;
3230
- }
3231
-
3232
- .ui-message .ui-message-icon,
3233
- .ui-message .ui-message-text {
3234
- vertical-align: middle;
3235
- }
3236
-
3237
- .ui-fluid .ui-message {
3238
- display: block;
3239
- }
3240
3240
  .ui-messages {
3241
3241
  border: 1px solid;
3242
3242
  margin: .5em 0;
@@ -3549,54 +3549,6 @@ input[type=text]::-ms-clear {
3549
3549
  margin-right: .25em;
3550
3550
  }
3551
3551
  }
3552
- .ui-organizationchart .ui-organizationchart-table {
3553
- border-spacing: 0;
3554
- border-collapse: separate;
3555
- margin: 0 auto;
3556
- }
3557
-
3558
- .ui-organizationchart .ui-organizationchart-table > tr > td {
3559
- text-align: center;
3560
- vertical-align: top;
3561
- padding: 0;
3562
- padding: 0 .75em;
3563
- }
3564
-
3565
- .ui-organizationchart .ui-organizationchart-node-content {
3566
- padding: .5em .75em;
3567
- display: inline-block;
3568
- position: relative;
3569
- }
3570
-
3571
- .ui-organizationchart .ui-organizationchart-node-content .ui-node-toggler {
3572
- position: absolute;
3573
- bottom: -9px;
3574
- margin-left: -8px;
3575
- z-index: 2;
3576
- left: 50%;
3577
- }
3578
-
3579
- .ui-organizationchart .ui-organizationchart-line-down {
3580
- margin: 0 auto;
3581
- height: 20px;
3582
- width: 1px;
3583
- float: none;
3584
- }
3585
-
3586
- .ui-organizationchart .ui-organizationchart-line-right {
3587
- float: none;
3588
- border-radius: 0px;
3589
- }
3590
-
3591
- .ui-organizationchart .ui-organizationchart-line-left {
3592
- float: none;
3593
- border-radius: 0;
3594
- }
3595
-
3596
- .ui-organizationchart .ui-organizationchart-node-content.ui-organizationchart-selectable-node {
3597
- cursor: pointer;
3598
- }
3599
-
3600
3552
  .ui-overlaypanel {
3601
3553
  padding: 0;
3602
3554
  margin: 0;
@@ -3678,6 +3630,54 @@ input[type=text]::-ms-clear {
3678
3630
  .ui-overlaypanel.ui-overlaypanel-flipped:before {
3679
3631
  border-bottom-color: transparent
3680
3632
  }
3633
+ .ui-organizationchart .ui-organizationchart-table {
3634
+ border-spacing: 0;
3635
+ border-collapse: separate;
3636
+ margin: 0 auto;
3637
+ }
3638
+
3639
+ .ui-organizationchart .ui-organizationchart-table > tr > td {
3640
+ text-align: center;
3641
+ vertical-align: top;
3642
+ padding: 0;
3643
+ padding: 0 .75em;
3644
+ }
3645
+
3646
+ .ui-organizationchart .ui-organizationchart-node-content {
3647
+ padding: .5em .75em;
3648
+ display: inline-block;
3649
+ position: relative;
3650
+ }
3651
+
3652
+ .ui-organizationchart .ui-organizationchart-node-content .ui-node-toggler {
3653
+ position: absolute;
3654
+ bottom: -9px;
3655
+ margin-left: -8px;
3656
+ z-index: 2;
3657
+ left: 50%;
3658
+ }
3659
+
3660
+ .ui-organizationchart .ui-organizationchart-line-down {
3661
+ margin: 0 auto;
3662
+ height: 20px;
3663
+ width: 1px;
3664
+ float: none;
3665
+ }
3666
+
3667
+ .ui-organizationchart .ui-organizationchart-line-right {
3668
+ float: none;
3669
+ border-radius: 0px;
3670
+ }
3671
+
3672
+ .ui-organizationchart .ui-organizationchart-line-left {
3673
+ float: none;
3674
+ border-radius: 0;
3675
+ }
3676
+
3677
+ .ui-organizationchart .ui-organizationchart-node-content.ui-organizationchart-selectable-node {
3678
+ cursor: pointer;
3679
+ }
3680
+
3681
3681
  .ui-paginator {
3682
3682
  margin: 0;
3683
3683
  text-align: center;
@@ -3872,6 +3872,157 @@ input[type=text]::-ms-clear {
3872
3872
  display: block;
3873
3873
  text-decoration: none;
3874
3874
  }
3875
+ .ui-password-panel {
3876
+ padding: .25em .5em;
3877
+ position: absolute;
3878
+ }
3879
+
3880
+ .ui-password-panel .ui-password-meter {
3881
+ height: 10px;
3882
+ background:transparent url("./images/password-meter.png") no-repeat left top;
3883
+ padding: 0;
3884
+ margin: 0;
3885
+ }
3886
+
3887
+ .ui-password-info {
3888
+ margin-top: .25em;
3889
+ }
3890
+
3891
+ /* Overlay Animations */
3892
+ .ui-password-panel {
3893
+ -webkit-transform: translateY(5%);
3894
+ -ms-transform: translateY(5%);
3895
+ transform: translateY(5%);
3896
+ opacity: 0;
3897
+ -webkit-transition: transform .3s, opacity .3s;
3898
+ transition: transform .3s, opacity .3s;
3899
+ }
3900
+
3901
+ .ui-password-panel-visible {
3902
+ -webkit-transform: translateY(0);
3903
+ -ms-transform: translateY(0);
3904
+ transform: translateY(0);
3905
+ opacity: 1;
3906
+ }
3907
+
3908
+ .ui-password-panel-hidden {
3909
+ opacity: 0;
3910
+ -webkit-transform: translateY(5%);
3911
+ -ms-transform: translateY(5%);
3912
+ transform: translateY(5%);
3913
+ -webkit-transition: transform .3s, opacity .15s;
3914
+ transition: transform .3s, opacity .15s;
3915
+ }
3916
+ .ui-progressbar {
3917
+ height: 1.2em;
3918
+ text-align: left;
3919
+ position: relative;
3920
+ overflow: hidden;
3921
+ }
3922
+
3923
+ .ui-progressbar-determinate .ui-progressbar-value {
3924
+ height: 100%;
3925
+ width: 0%;
3926
+ position: absolute;
3927
+ display: none;
3928
+ border: 0 none;
3929
+ }
3930
+
3931
+ .ui-progressbar-determinate .ui-progressbar-value-animate {
3932
+ -webkit-transition: width 1s ease-in-out;
3933
+ -moz-transition: width 1s ease-in-out;
3934
+ -o-transition: width 1s ease-in-out;
3935
+ transition: width 1s ease-in-out;
3936
+ }
3937
+
3938
+ .ui-progressbar-determinate .ui-progressbar-label {
3939
+ text-align: center;
3940
+ height: 100%;
3941
+ width: 100%;
3942
+ position: absolute;
3943
+ display: none;
3944
+ font-weight: bold;
3945
+ }
3946
+
3947
+ .ui-progressbar-indeterminate {
3948
+ height: .5em;
3949
+ }
3950
+
3951
+ .ui-progressbar-indeterminate .ui-progressbar-value {
3952
+ border: 0 none;
3953
+ }
3954
+
3955
+ .ui-progressbar-indeterminate .ui-progressbar-value::before {
3956
+ content: '';
3957
+ position: absolute;
3958
+ background-color: inherit;
3959
+ top: 0;
3960
+ left: 0;
3961
+ bottom: 0;
3962
+ will-change: left, right;
3963
+ -webkit-animation: ui-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
3964
+ animation: ui-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
3965
+ }
3966
+
3967
+ .ui-progressbar-indeterminate .ui-progressbar-value::after {
3968
+ content: '';
3969
+ position: absolute;
3970
+ background-color: inherit;
3971
+ top: 0;
3972
+ left: 0;
3973
+ bottom: 0;
3974
+ will-change: left, right;
3975
+ -webkit-animation: ui-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
3976
+ animation: ui-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
3977
+ -webkit-animation-delay: 1.15s;
3978
+ animation-delay: 1.15s;
3979
+ }
3980
+
3981
+ @-webkit-keyframes ui-progressbar-indeterminate-anim {
3982
+ 0% {
3983
+ left: -35%;
3984
+ right: 100%; }
3985
+ 60% {
3986
+ left: 100%;
3987
+ right: -90%; }
3988
+ 100% {
3989
+ left: 100%;
3990
+ right: -90%; }
3991
+ }
3992
+ @keyframes ui-progressbar-indeterminate-anim {
3993
+ 0% {
3994
+ left: -35%;
3995
+ right: 100%; }
3996
+ 60% {
3997
+ left: 100%;
3998
+ right: -90%; }
3999
+ 100% {
4000
+ left: 100%;
4001
+ right: -90%; }
4002
+ }
4003
+
4004
+ @-webkit-keyframes ui-progressbar-indeterminate-anim-short {
4005
+ 0% {
4006
+ left: -200%;
4007
+ right: 100%; }
4008
+ 60% {
4009
+ left: 107%;
4010
+ right: -8%; }
4011
+ 100% {
4012
+ left: 107%;
4013
+ right: -8%; }
4014
+ }
4015
+ @keyframes ui-progressbar-indeterminate-anim-short {
4016
+ 0% {
4017
+ left: -200%;
4018
+ right: 100%; }
4019
+ 60% {
4020
+ left: 107%;
4021
+ right: -8%; }
4022
+ 100% {
4023
+ left: 107%;
4024
+ right: -8%; }
4025
+ }
3875
4026
  .ui-picklist > div {
3876
4027
  float: left;
3877
4028
  }
@@ -4076,116 +4227,6 @@ input[type=text]::-ms-clear {
4076
4227
  }
4077
4228
  }
4078
4229
 
4079
- .ui-progressbar {
4080
- height: 1.2em;
4081
- text-align: left;
4082
- position: relative;
4083
- overflow: hidden;
4084
- }
4085
-
4086
- .ui-progressbar-determinate .ui-progressbar-value {
4087
- height: 100%;
4088
- width: 0%;
4089
- position: absolute;
4090
- display: none;
4091
- border: 0 none;
4092
- }
4093
-
4094
- .ui-progressbar-determinate .ui-progressbar-value-animate {
4095
- -webkit-transition: width 1s ease-in-out;
4096
- -moz-transition: width 1s ease-in-out;
4097
- -o-transition: width 1s ease-in-out;
4098
- transition: width 1s ease-in-out;
4099
- }
4100
-
4101
- .ui-progressbar-determinate .ui-progressbar-label {
4102
- text-align: center;
4103
- height: 100%;
4104
- width: 100%;
4105
- position: absolute;
4106
- display: none;
4107
- font-weight: bold;
4108
- }
4109
-
4110
- .ui-progressbar-indeterminate {
4111
- height: .5em;
4112
- }
4113
-
4114
- .ui-progressbar-indeterminate .ui-progressbar-value {
4115
- border: 0 none;
4116
- }
4117
-
4118
- .ui-progressbar-indeterminate .ui-progressbar-value::before {
4119
- content: '';
4120
- position: absolute;
4121
- background-color: inherit;
4122
- top: 0;
4123
- left: 0;
4124
- bottom: 0;
4125
- will-change: left, right;
4126
- -webkit-animation: ui-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
4127
- animation: ui-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
4128
- }
4129
-
4130
- .ui-progressbar-indeterminate .ui-progressbar-value::after {
4131
- content: '';
4132
- position: absolute;
4133
- background-color: inherit;
4134
- top: 0;
4135
- left: 0;
4136
- bottom: 0;
4137
- will-change: left, right;
4138
- -webkit-animation: ui-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
4139
- animation: ui-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
4140
- -webkit-animation-delay: 1.15s;
4141
- animation-delay: 1.15s;
4142
- }
4143
-
4144
- @-webkit-keyframes ui-progressbar-indeterminate-anim {
4145
- 0% {
4146
- left: -35%;
4147
- right: 100%; }
4148
- 60% {
4149
- left: 100%;
4150
- right: -90%; }
4151
- 100% {
4152
- left: 100%;
4153
- right: -90%; }
4154
- }
4155
- @keyframes ui-progressbar-indeterminate-anim {
4156
- 0% {
4157
- left: -35%;
4158
- right: 100%; }
4159
- 60% {
4160
- left: 100%;
4161
- right: -90%; }
4162
- 100% {
4163
- left: 100%;
4164
- right: -90%; }
4165
- }
4166
-
4167
- @-webkit-keyframes ui-progressbar-indeterminate-anim-short {
4168
- 0% {
4169
- left: -200%;
4170
- right: 100%; }
4171
- 60% {
4172
- left: 107%;
4173
- right: -8%; }
4174
- 100% {
4175
- left: 107%;
4176
- right: -8%; }
4177
- }
4178
- @keyframes ui-progressbar-indeterminate-anim-short {
4179
- 0% {
4180
- left: -200%;
4181
- right: 100%; }
4182
- 60% {
4183
- left: 107%;
4184
- right: -8%; }
4185
- 100% {
4186
- left: 107%;
4187
- right: -8%; }
4188
- }
4189
4230
  .ui-progress-spinner {
4190
4231
  position: relative;
4191
4232
  margin: 0 auto;
@@ -4243,67 +4284,20 @@ input[type=text]::-ms-clear {
4243
4284
  }
4244
4285
 
4245
4286
  @keyframes ui-progress-spinner-color {
4246
- 100%,
4247
- 0% {
4248
- stroke: #d62d20;
4249
- }
4250
- 40% {
4251
- stroke: #0057e7;
4252
- }
4253
- 66% {
4254
- stroke: #008744;
4255
- }
4256
- 80%,
4257
- 90% {
4258
- stroke: #ffa700;
4259
- }
4260
- }
4261
- .ui-password-panel {
4262
- padding: .25em .5em;
4263
- position: absolute;
4264
- }
4265
-
4266
- .ui-password-panel .ui-password-meter {
4267
- height: 10px;
4268
- background:transparent url("./images/password-meter.png") no-repeat left top;
4269
- padding: 0;
4270
- margin: 0;
4271
- }
4272
-
4273
- .ui-password-info {
4274
- margin-top: .25em;
4275
- }
4276
-
4277
- /* Overlay Animations */
4278
- .ui-password-panel {
4279
- -webkit-transform: translateY(5%);
4280
- -ms-transform: translateY(5%);
4281
- transform: translateY(5%);
4282
- opacity: 0;
4283
- -webkit-transition: transform .3s, opacity .3s;
4284
- transition: transform .3s, opacity .3s;
4285
- }
4286
-
4287
- .ui-password-panel-visible {
4288
- -webkit-transform: translateY(0);
4289
- -ms-transform: translateY(0);
4290
- transform: translateY(0);
4291
- opacity: 1;
4292
- }
4293
-
4294
- .ui-password-panel-hidden {
4295
- opacity: 0;
4296
- -webkit-transform: translateY(5%);
4297
- -ms-transform: translateY(5%);
4298
- transform: translateY(5%);
4299
- -webkit-transition: transform .3s, opacity .15s;
4300
- transition: transform .3s, opacity .15s;
4301
- }
4302
- .ui-rating {
4303
- font-size: 1.25em;
4304
- }
4305
- .ui-fluid .fc .ui-button {
4306
- width: auto;
4287
+ 100%,
4288
+ 0% {
4289
+ stroke: #d62d20;
4290
+ }
4291
+ 40% {
4292
+ stroke: #0057e7;
4293
+ }
4294
+ 66% {
4295
+ stroke: #008744;
4296
+ }
4297
+ 80%,
4298
+ 90% {
4299
+ stroke: #ffa700;
4300
+ }
4307
4301
  }
4308
4302
  .ui-radiobutton {
4309
4303
  display:inline-block;
@@ -4340,6 +4334,12 @@ input[type=text]::-ms-clear {
4340
4334
  .ui-radiobutton {
4341
4335
  vertical-align: middle;
4342
4336
  }
4337
+ .ui-rating {
4338
+ font-size: 1.25em;
4339
+ }
4340
+ .ui-fluid .fc .ui-button {
4341
+ width: auto;
4342
+ }
4343
4343
  .ui-scrollpanel-wrapper {
4344
4344
  overflow: hidden;
4345
4345
  width: 100%;
@@ -5045,46 +5045,6 @@ input[type=text]::-ms-clear {
5045
5045
  font-size: 2em;
5046
5046
  }
5047
5047
 
5048
- /** TabMenu **/
5049
- .ui-tabmenu .ui-tabmenu-nav {
5050
- margin: 0;
5051
- padding: .25em .5em 0 .25em;
5052
- }
5053
-
5054
- .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
5055
- list-style: none;
5056
- float: left;
5057
- position: relative;
5058
- margin: 0 .2em 1px 0;
5059
- padding: 0;
5060
- white-space: nowrap;
5061
- display: block;
5062
- border-bottom: 0;
5063
- top: 1px;
5064
- }
5065
-
5066
- .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a {
5067
- float: left;
5068
- padding: 0.5em 1em;
5069
- text-decoration: none;
5070
- }
5071
-
5072
- .ui-tabmenu .ui-tabmenu-nav a {
5073
- padding: 0.5em 1em;
5074
- }
5075
-
5076
- .ui-tabmenu .ui-menuitem-icon {
5077
- margin-right: .25em;
5078
- vertical-align: middle;
5079
- }
5080
-
5081
- .ui-tabmenu .ui-menuitem-text {
5082
- vertical-align: middle;
5083
- }
5084
-
5085
- .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-disabled a {
5086
- cursor: default;
5087
- }
5088
5048
  .ui-tabview {
5089
5049
  padding: .25em;
5090
5050
  }
@@ -5226,6 +5186,46 @@ input[type=text]::-ms-clear {
5226
5186
  float: right;
5227
5187
  }
5228
5188
 
5189
+ /** TabMenu **/
5190
+ .ui-tabmenu .ui-tabmenu-nav {
5191
+ margin: 0;
5192
+ padding: .25em .5em 0 .25em;
5193
+ }
5194
+
5195
+ .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem {
5196
+ list-style: none;
5197
+ float: left;
5198
+ position: relative;
5199
+ margin: 0 .2em 1px 0;
5200
+ padding: 0;
5201
+ white-space: nowrap;
5202
+ display: block;
5203
+ border-bottom: 0;
5204
+ top: 1px;
5205
+ }
5206
+
5207
+ .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a {
5208
+ float: left;
5209
+ padding: 0.5em 1em;
5210
+ text-decoration: none;
5211
+ }
5212
+
5213
+ .ui-tabmenu .ui-tabmenu-nav a {
5214
+ padding: 0.5em 1em;
5215
+ }
5216
+
5217
+ .ui-tabmenu .ui-menuitem-icon {
5218
+ margin-right: .25em;
5219
+ vertical-align: middle;
5220
+ }
5221
+
5222
+ .ui-tabmenu .ui-menuitem-text {
5223
+ vertical-align: middle;
5224
+ }
5225
+
5226
+ .ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem.ui-state-disabled a {
5227
+ cursor: default;
5228
+ }
5229
5229
  .ui-terminal {
5230
5230
  height: 18em;
5231
5231
  overflow: auto;
@@ -5391,84 +5391,6 @@ input[type=text]::-ms-clear {
5391
5391
  min-width: 20vw;
5392
5392
  transform: translate(-50%, -50%);
5393
5393
  }
5394
- .ui-toolbar {
5395
- padding: .25em .5em;
5396
- }
5397
-
5398
- .ui-toolbar-group-left {
5399
- float:left
5400
- }
5401
-
5402
- .ui-toolbar-group-right {
5403
- float:right
5404
- }
5405
- .ui-tooltip {
5406
- position:absolute;
5407
- display:none;
5408
- padding: .25em .5em;
5409
- max-width: 12.5em;
5410
- }
5411
-
5412
- .ui-tooltip.ui-tooltip-right,
5413
- .ui-tooltip.ui-tooltip-left {
5414
- padding: 0 .25em;
5415
- }
5416
-
5417
- .ui-tooltip.ui-tooltip-top,
5418
- .ui-tooltip.ui-tooltip-bottom {
5419
- padding:.25em 0;
5420
- }
5421
-
5422
- .ui-tooltip .ui-tooltip-text {
5423
- padding: .125em .5em;
5424
- background-color: rgb(76, 76, 76);
5425
- color: #ffffff;
5426
- white-space: pre-line;
5427
- }
5428
-
5429
- .ui-tooltip-arrow {
5430
- position: absolute;
5431
- width: 0;
5432
- height: 0;
5433
- border-color: transparent;
5434
- border-style: solid;
5435
- }
5436
-
5437
- .ui-tooltip-right .ui-tooltip-arrow {
5438
- top: 50%;
5439
- left: 0;
5440
- margin-top: -.25em;
5441
- border-width: .25em .25em .25em 0;
5442
- border-right-color: rgb(76, 76, 76);
5443
- }
5444
-
5445
- .ui-tooltip-left .ui-tooltip-arrow {
5446
- top: 50%;
5447
- right: 0;
5448
- margin-top: -.25em;
5449
- border-width: .25em 0 .25em .25em;
5450
- border-left-color: rgb(76, 76, 76);
5451
- }
5452
-
5453
- .ui-tooltip.ui-tooltip-top {
5454
- padding: .25em 0;
5455
- }
5456
-
5457
- .ui-tooltip-top .ui-tooltip-arrow {
5458
- bottom: 0;
5459
- left: 50%;
5460
- margin-left: -.25em;
5461
- border-width: .25em .25em 0;
5462
- border-top-color: rgb(76, 76, 76);
5463
- }
5464
-
5465
- .ui-tooltip-bottom .ui-tooltip-arrow {
5466
- top: 0;
5467
- left: 50%;
5468
- margin-left: -.25em;
5469
- border-width: 0 .25em .25em;
5470
- border-bottom-color: rgb(76, 76, 76);
5471
- }
5472
5394
  .ui-tree {
5473
5395
  width: 18em;
5474
5396
  }
@@ -5680,6 +5602,84 @@ input[type=text]::-ms-clear {
5680
5602
  font-size: 2em;
5681
5603
  }
5682
5604
 
5605
+ .ui-toolbar {
5606
+ padding: .25em .5em;
5607
+ }
5608
+
5609
+ .ui-toolbar-group-left {
5610
+ float:left
5611
+ }
5612
+
5613
+ .ui-toolbar-group-right {
5614
+ float:right
5615
+ }
5616
+ .ui-tooltip {
5617
+ position:absolute;
5618
+ display:none;
5619
+ padding: .25em .5em;
5620
+ max-width: 12.5em;
5621
+ }
5622
+
5623
+ .ui-tooltip.ui-tooltip-right,
5624
+ .ui-tooltip.ui-tooltip-left {
5625
+ padding: 0 .25em;
5626
+ }
5627
+
5628
+ .ui-tooltip.ui-tooltip-top,
5629
+ .ui-tooltip.ui-tooltip-bottom {
5630
+ padding:.25em 0;
5631
+ }
5632
+
5633
+ .ui-tooltip .ui-tooltip-text {
5634
+ padding: .125em .5em;
5635
+ background-color: rgb(76, 76, 76);
5636
+ color: #ffffff;
5637
+ white-space: pre-line;
5638
+ }
5639
+
5640
+ .ui-tooltip-arrow {
5641
+ position: absolute;
5642
+ width: 0;
5643
+ height: 0;
5644
+ border-color: transparent;
5645
+ border-style: solid;
5646
+ }
5647
+
5648
+ .ui-tooltip-right .ui-tooltip-arrow {
5649
+ top: 50%;
5650
+ left: 0;
5651
+ margin-top: -.25em;
5652
+ border-width: .25em .25em .25em 0;
5653
+ border-right-color: rgb(76, 76, 76);
5654
+ }
5655
+
5656
+ .ui-tooltip-left .ui-tooltip-arrow {
5657
+ top: 50%;
5658
+ right: 0;
5659
+ margin-top: -.25em;
5660
+ border-width: .25em 0 .25em .25em;
5661
+ border-left-color: rgb(76, 76, 76);
5662
+ }
5663
+
5664
+ .ui-tooltip.ui-tooltip-top {
5665
+ padding: .25em 0;
5666
+ }
5667
+
5668
+ .ui-tooltip-top .ui-tooltip-arrow {
5669
+ bottom: 0;
5670
+ left: 50%;
5671
+ margin-left: -.25em;
5672
+ border-width: .25em .25em 0;
5673
+ border-top-color: rgb(76, 76, 76);
5674
+ }
5675
+
5676
+ .ui-tooltip-bottom .ui-tooltip-arrow {
5677
+ top: 0;
5678
+ left: 50%;
5679
+ margin-left: -.25em;
5680
+ border-width: 0 .25em .25em;
5681
+ border-bottom-color: rgb(76, 76, 76);
5682
+ }
5683
5683
  .ui-treetable {
5684
5684
  position: relative;
5685
5685
  }