forms.css 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
  1. /*
  2. Form Fields
  3. */
  4. input[type=number] {
  5. width: 15%;
  6. color: #b389f5;
  7. padding: 2px 8px;
  8. background: transparent;
  9. border: 1px solid rgba(255,255,255,0.3);
  10. border-radius: 3px;
  11. }
  12. input[type=text],input[type=password] {
  13. border: solid 1px rgb(96,96,96);
  14. background-color: rgb(32,32,32);
  15. color: rgb(192,192,192);
  16. font-size: 10pt;
  17. font-weight: 400;
  18. letter-spacing: 0.04em;
  19. height: 24px;
  20. outline: none;
  21. }
  22. input[type=text]:focus,input[type=password]:focus {
  23. color: rgb(252,252,252);
  24. }
  25. input[type=text]:disabled,input[type=password]:disabled {
  26. border-color: rgba(96,96,96,0.4);
  27. color: rgba(192,192,192,0.4);
  28. background-color: rgba(32,32,32,0.4);
  29. }
  30. input[type=button], button {
  31. outline: none;
  32. }
  33. input[type=radio],input[type=checkbox] {
  34. vertical-align: middle;
  35. margin-right: 8px;
  36. }
  37. .select {
  38. display: inline-block;
  39. overflow: hidden;
  40. height: 24px;
  41. line-height: 24px;
  42. border: none;
  43. border-radius: 5px;
  44. }
  45. .select > select {
  46. display: block;
  47. position: relative;
  48. height: 24px;
  49. line-height: 24px;
  50. margin: 0;
  51. padding: 0;
  52. color: rgb(192,192,192);
  53. background: transparent;
  54. font-size: 10pt;
  55. font-weight: 400;
  56. border: none;
  57. outline: none;
  58. }
  59. .select option { text-shadow: none; background-color: #595b5b; color: #c6c8c8; }
  60. /*
  61. Buttons
  62. */
  63. a.button, button, input[type=button] {
  64. display: inline-block;
  65. height: 24px;
  66. line-height: 24px;
  67. min-width: 24px;
  68. padding: 0 12px;
  69. font-weight: 400;
  70. font-size: 11pt;
  71. text-decoration: none;
  72. text-align: center;
  73. background-color: rgb(80,80,80);
  74. border-radius: 2px;
  75. border: none;
  76. color: rgb(192,192,192);
  77. vertical-align: middle;
  78. cursor: pointer;
  79. outline: none;
  80. }
  81. a.button:hover {
  82. color: rgb(255,255,255);
  83. background-color: rgb(64,64,64);
  84. }
  85. a.button.mini {
  86. height: 20px;
  87. line-height: 20px;
  88. min-width: 16px;
  89. font-size: 10pt;
  90. padding: 0 4px;
  91. }
  92. a.button.icon-only {
  93. padding: 0;
  94. background-color: none;
  95. width: 24px;
  96. font-size: 16px;
  97. line-height: 20px;
  98. }
  99. a.button i.icon {
  100. font-size: 12px;
  101. line-height: 12px;
  102. vertical-align: middle;
  103. }
  104. a.button.icon-only i.icon {
  105. font-size: 16px;
  106. line-height: 16px;
  107. vertical-align: middle;
  108. }