inputtext.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  1. .ui-inputtext {
  2. margin: 0;
  3. outline: medium none;
  4. padding: .25em;
  5. font-weight: normal;
  6. }
  7. .ui-widget-header .ui-inputtext,
  8. .ui-widget-content .ui-inputtext {
  9. font-weight: normal;
  10. }
  11. .ui-fluid .ui-inputtext {
  12. width: 100%;
  13. box-sizing: border-box;
  14. -webkit-box-sizing:border-box;
  15. -moz-box-sizing: border-box;
  16. }
  17. .ui-inputgroup {
  18. display: -webkit-box;
  19. display: -webkit-flex;
  20. display: flex;
  21. }
  22. .ui-inputgroup .ui-inputgroup-addon {
  23. display: inline-block;
  24. text-align: center;
  25. min-width: 1.5em;
  26. padding: .25em;
  27. border-width: 1px;
  28. border-style: solid;
  29. }
  30. .ui-inputgroup .ui-inputgroup-addon + .ui-inputgroup-addon {
  31. border-left: 0 none;
  32. }
  33. .ui-inputgroup .ui-inputtext {
  34. padding-left: .5em;
  35. }
  36. .ui-inputgroup .ui-inputtext:not(:first-child) {
  37. border-top-left-radius: 0;
  38. border-bottom-left-radius: 0;
  39. border-left: 0 none;
  40. }
  41. .ui-inputgroup .ui-inputtext:not(:last-child) {
  42. border-top-right-radius: 0;
  43. border-bottom-right-radius: 0;
  44. border-right: 0 none;
  45. }
  46. .ui-inputgroup .ui-button {
  47. margin-right: 0;
  48. border-radius: 0;
  49. }
  50. .ui-fluid .ui-inputgroup .ui-button {
  51. width: auto;
  52. }
  53. .ui-fluid .ui-inputgroup .ui-inputtext {
  54. -webkit-box-flex: 1;
  55. -webkit-flex: 1 1 auto;
  56. -ms-flex: 1 1 auto;
  57. flex: 1 1 auto;
  58. }
  59. .ui-inputgroup .ui-chkbox,
  60. .ui-inputgroup .ui-radiobutton {
  61. margin-right: 0;
  62. vertical-align: bottom;
  63. }
  64. /* Floating Label */
  65. .ui-float-label {
  66. display: block;
  67. position:relative;
  68. }
  69. .ui-float-label > label {
  70. font-weight:normal;
  71. position:absolute;
  72. pointer-events:none;
  73. left: .25em;
  74. top: 50%;
  75. margin-top: -.5em;
  76. transition: 0.3s ease all;
  77. -moz-transition: 0.3s ease all;
  78. -webkit-transition: 0.3s ease all;
  79. color: #898989;
  80. line-height: 1;
  81. }
  82. /* breaks firefox so defined separately */
  83. .ui-float-label > input:-webkit-autofill ~ label {
  84. top:-.75em;
  85. font-size:12px;
  86. }
  87. .ui-float-label > input:focus ~ label,
  88. .ui-float-label > input.ui-state-filled ~ label,
  89. .ui-float-label > .ui-inputwrapper-focus ~ label,
  90. .ui-float-label > .ui-inputwrapper-filled ~ label {
  91. top:-.75em;
  92. font-size:12px;
  93. }