PageRenderTime 195ms CodeModel.GetById 27ms RepoModel.GetById 0ms app.codeStats 0ms

/src/main/webapp/VAADIN/themes/reindeer/textfield/textfield.css

https://github.com/mgrenonville/coffee-geek
CSS | 119 lines | 113 code | 0 blank | 6 comment | 0 complexity | ec29506be3e6fa1d19e29b76c7c012c1 MD5 | raw file
  1. /* Textfield on blue background */
  2. .blue .v-textfield,
  3. .blue .v-textarea {
  4. border-color: #92a2aa;
  5. border-top-color: #7c8a90;
  6. border-bottom-color: #a1b3bc;
  7. }
  8. /* Default & white background */
  9. .v-textfield,
  10. .v-textarea,
  11. .white .v-textfield,
  12. .white .v-textarea {
  13. border: 1px solid #bcbdbe;
  14. border-top-color: #a2a3a4;
  15. border-bottom-color: #d2d3d4;
  16. background: #fff;
  17. background-repeat: repeat-x;
  18. background-image: url(img/bg.png); /** sprite-ref: verticals; sprite-alignment: repeat; sprite-margin-bottom: 22px */
  19. -moz-border-radius: 3px;
  20. -webkit-border-radius: 3px;
  21. border-radius: 3px;
  22. margin: 0;
  23. height: 15px;
  24. line-height: normal;
  25. }
  26. .v-textarea,
  27. .white .v-textarea {
  28. background-image: none;
  29. height: auto;
  30. }
  31. /* Need more specific selector because of #2384 fixes in base/common/common.css */
  32. .v-app input.v-textfield,
  33. .v-window input.v-textfield,
  34. .v-app textarea.v-textarea,
  35. .v-window textarea.v-textarea {
  36. padding: 3px 3px 4px;
  37. }
  38. .v-app .v-textfield-focus,
  39. .v-window .v-textfield-focus,
  40. .v-popupview-popup .v-textfield-focus,
  41. .v-app .v-textarea-focus,
  42. .v-window .v-textarea-focus,
  43. .v-popupview-popup .v-textarea-focus {
  44. border-color: #5b97d0;
  45. border-top-color: #4f83b4;
  46. border-bottom-color: #5ca0df;
  47. outline: none;
  48. background-color: #fff;
  49. }
  50. input.v-textfield-prompt,
  51. textarea.v-textarea-prompt {
  52. font-style: normal;
  53. color: #999;
  54. }
  55. /* Small style textfield */
  56. .v-app input.v-textfield-small {
  57. font-size: 11px;
  58. line-height: normal;
  59. height: auto;
  60. padding: 2px;
  61. }
  62. .v-app textarea.v-textarea-small {
  63. font-size: 11px;
  64. }
  65. .v-table input.v-textfield {
  66. padding: 1px 2px;
  67. height: auto;
  68. line-height: normal;
  69. }
  70. .v-table-cell-wrapper > input.v-textfield {
  71. margin-top: -2px;
  72. margin-bottom: -2px;
  73. }
  74. .v-ie6 .v-table-cell-wrapper input.v-textfield {
  75. margin-top: -2px;
  76. margin-bottom: -2px;
  77. }
  78. .v-ie6 .v-table-cell-wrapper div input.v-textfield {
  79. margin-top: 0;
  80. margin-bottom: 0;
  81. }
  82. /* Textfield on black background */
  83. .black .v-textfield,
  84. .black .v-textarea {
  85. border-color: #38393a;
  86. border-top-color: #2c2d2e;
  87. border-bottom-color: #3e3f3f;
  88. background: #151717;
  89. background-image: url(img/bg-black.png); /** sprite-ref: black-verticals; sprite-alignment: repeat; sprite-margin-bottom: 22px */
  90. color: #c9ccce;
  91. text-shadow: #000 0 0 1px;
  92. }
  93. .black .v-textarea {
  94. background-image: none;
  95. }
  96. .v-app .black .v-textfield-focus,
  97. .v-window-black .v-textfield-focus,
  98. .v-window .black .v-textfield-focus,
  99. .v-popupview-popup .black .v-textfield-focus,
  100. .v-app .black .v-textarea-focus,
  101. .v-window-black .v-textarea-focus,
  102. .v-window .black .v-textarea-focus,
  103. .v-popupview-popup .black .v-textarea-focus {
  104. border-color: #4b7192;
  105. border-top-color: #3b5a75;
  106. border-bottom-color: #507596;
  107. background-color: #151717;
  108. }
  109. .black input.v-textfield-prompt {
  110. color: #5f6366;
  111. }
  112. /* Readonly */
  113. input.v-textfield-readonly,
  114. .black input.v-textfield-readonly,
  115. textarea.v-textarea-readonly,
  116. .black textarea.v-textarea-readonly {
  117. border: none;
  118. background: transparent;
  119. }