webform.css 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  1. /**
  2. * @file
  3. * Front-end styling for the display of webforms.
  4. */
  5. input.webform-calendar {
  6. display: none;
  7. padding: 3px;
  8. vertical-align: top;
  9. }
  10. html.js input.webform-calendar {
  11. display: inline;
  12. }
  13. .webform-container-inline label {
  14. display: inline;
  15. margin-right: 1em;
  16. }
  17. .webform-container-inline div,
  18. .webform-container-inline div.form-item {
  19. display: inline;
  20. }
  21. .webform-container-inline div.description {
  22. display: block;
  23. }
  24. .webform-container-inline div.messages {
  25. display: block;
  26. float: left;
  27. }
  28. .webform-container-inline div.ajax-progress-bar div {
  29. display: inherit;
  30. }
  31. .webform-container-inline.webform-component-textarea label {
  32. vertical-align: top;
  33. }
  34. .webform-container-inline.webform-component-textarea .form-textarea-wrapper {
  35. display: inline-block;
  36. }
  37. /* Reset so that these appear the same as the label elements they replace. */
  38. fieldset.fieldset-invisible,
  39. fieldset.fieldset-invisible > legend {
  40. margin: 0;
  41. padding: 0;
  42. border: none;
  43. border-radius: 0;
  44. background: inherit;
  45. position: static;
  46. color: inherit;
  47. height: auto;
  48. width: auto;
  49. font-family: inherit;
  50. text-indent: 0;
  51. line-height: inherit;
  52. text-shadow: unset;
  53. top: 0;
  54. right: 0;
  55. bottom: 0;
  56. left: 0;
  57. }
  58. fieldset.fieldset-invisible > legend {
  59. font-weight: bold;
  60. font-size: 0.929em;
  61. }
  62. /* This margin causes the fieldset to be too big. */
  63. fieldset.fieldset-invisible > div > div.form-item:last-child,
  64. fieldset.fieldset-invisible > table {
  65. margin-bottom: 0;
  66. }
  67. .webform-component-textarea .grippie {
  68. display: block;
  69. }
  70. .webform-progressbar {
  71. width: 90%;
  72. margin: 0 auto;
  73. text-align: center;
  74. }
  75. .webform-progressbar-inner {
  76. height: 1em;
  77. background-color: #74c421;
  78. height: 3px;
  79. }
  80. .webform-progressbar-outer {
  81. position: relative;
  82. border: 1px solid #356900;
  83. width: 100%;
  84. height: 3px;
  85. margin: 0.35em -1px 2em;
  86. background-color: white;
  87. }
  88. .webform-progressbar-page {
  89. position: absolute;
  90. width: 7px;
  91. height: 7px;
  92. margin: -6px -4px;
  93. border: 1px solid #356900;
  94. background-color: white;
  95. border-radius: 5px;
  96. }
  97. .webform-progressbar-page.completed {
  98. background-color: #74c421;
  99. }
  100. .webform-progressbar-page.current {
  101. background-color: #74c421;
  102. }
  103. .webform-progressbar-page .webform-progressbar-page-number {
  104. display: none;
  105. }
  106. .webform-progressbar-page .webform-progressbar-page-label {
  107. position: relative;
  108. top: 10px;
  109. margin: 0 -10em;
  110. }