CSS   9

forms.css

Guest on 12th October 2021 02:47:16 PM

  1. /* Form related styling */
  2. input, select {
  3.     /* Override mozilla's default form css inherited from the system */
  4.     font-size: 100%;
  5. }
  6. .wForm form label {
  7.     display: block;
  8.     padding-bottom: 3px;
  9.     color: black;
  10. }
  11. .wForm form input[type=text],
  12. .wForm form input[type=password],
  13. .wForm form textarea {
  14.     border: 1px solid #c7c7c7;
  15.     padding: 2px;
  16.     color: black;
  17.     background: #fff;
  18. }
  19. .wForm form input[type=text]:focus,
  20. .wForm form input[type=password]:focus,
  21. .wForm form textarea:focus {
  22.     border: 1px solid #dd4814;
  23.     outline: 1px solid #dd4814;
  24. }
  25. /* Override FormAssembly formatting */
  26. .wFormContainer {
  27.     padding: 0;
  28.     width: 100%;
  29. }
  30. .wForm form {
  31.     margin: 0;
  32. }
  33. .wForm form .actions {
  34.     text-align: right;
  35. }
  36. .wForm form .actions .primaryAction {
  37.     background-color: #dd4814;
  38.     color: #fff;
  39.     border: 0;
  40.     cursor: pointer;
  41.     font-weight: normal;
  42.     font-size: 16px;
  43.     padding: 4px;
  44.     -moz-border-radius: 4px;
  45.     -webkit-border-radius: 4px;
  46.     text-shadow: #333 0px 1px;
  47.     margin: 10px 8px 10px 8px;
  48. }
  49. .wForm form input[type=text].errFld {
  50.     border: 2px solid #dd4814;
  51. }
  52. .wForm form .errMsg {
  53.     color: #dd4814 !important;
  54. }
  55. .wForm form .oneChoice {
  56.     display: block;
  57. }
  58. .wForm form .oneField {
  59.     padding: 0 8px;
  60.     margin-bottom: 8px;
  61. }
  62. .wForm form span.reqMark {
  63.     color: #dd4814 !important;
  64.     font-weight: bold !important;
  65. }
  66. .wForm fieldset {
  67.     border: none;
  68.     padding: 0;
  69.     background: #dfdcd9;
  70. }
  71. .wForm input[type=text],
  72. .wForm input[type=password],
  73. .wForm select,
  74. .wForm textarea {
  75.     width: 290px;
  76. }
  77. .wForm legend {
  78.     padding: 8px;
  79.     font-size: 16px;
  80.     font-weight: normal !important;
  81.     background: #aea79f;
  82.     width: 100%;
  83.     color: #fff;
  84.     margin-bottom: 8px;
  85. }
  86. .wForm label.preField,
  87. .wForm .labelsLeftAligned label.preField,
  88. .wForm .labelsRightAligned label.preField  {
  89.     float: none;
  90.     padding-bottom: 4px;
  91. }
  92. .wForm label.postField {
  93.     display: inline;
  94. }
  95. /* Hack for WebKit based browsers to display the fieldset properly */
  96. @media screen and (-webkit-min-device-pixel-ratio:0) {
  97.     .wForm fieldset {
  98.         padding: 8px 8px .1px 0px;
  99.     }
  100.     .wForm legend {
  101.         padding: 8px 0px 8px 8px;
  102.     }
  103. }

Raw Paste


Login or Register to edit or fork this paste. It's free.