123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112 |
- /**
- * @file
- * Front-end styling for the display of webforms.
- */
- input.webform-calendar {
- display: none;
- padding: 3px;
- vertical-align: top;
- }
- html.js input.webform-calendar {
- display: inline;
- }
- .webform-container-inline label {
- display: inline;
- margin-right: 1em;
- }
- .webform-container-inline div,
- .webform-container-inline div.form-item {
- display: inline;
- }
- .webform-container-inline div.description {
- display: block;
- }
- .webform-container-inline div.messages {
- display: block;
- float: left;
- }
- .webform-container-inline div.ajax-progress-bar div {
- display: inherit;
- }
- .webform-container-inline.webform-component-textarea label {
- vertical-align: top;
- }
- .webform-container-inline.webform-component-textarea .form-textarea-wrapper {
- display: inline-block;
- }
- /* Reset so that these appear the same as the label elements they replace. */
- fieldset.fieldset-invisible,
- fieldset.fieldset-invisible > legend {
- margin: 0;
- padding: 0;
- border: none;
- border-radius: 0;
- background: inherit;
- position: static;
- color: inherit;
- height: auto;
- width: auto;
- font-family: inherit;
- text-indent: 0;
- line-height: inherit;
- text-shadow: unset;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- }
- fieldset.fieldset-invisible > legend {
- font-weight: bold;
- font-size: 0.929em;
- }
- /* This margin causes the fieldset to be too big. */
- fieldset.fieldset-invisible > div > div.form-item:last-child,
- fieldset.fieldset-invisible > table {
- margin-bottom: 0;
- }
- .webform-component-textarea .grippie {
- display: block;
- }
- .webform-progressbar {
- width: 90%;
- margin: 0 auto;
- text-align: center;
- }
- .webform-progressbar-inner {
- height: 1em;
- background-color: #74c421;
- height: 3px;
- }
- .webform-progressbar-outer {
- position: relative;
- border: 1px solid #356900;
- width: 100%;
- height: 3px;
- margin: 0.35em -1px 2em;
- background-color: white;
- }
- .webform-progressbar-page {
- position: absolute;
- width: 7px;
- height: 7px;
- margin: -6px -4px;
- border: 1px solid #356900;
- background-color: white;
- border-radius: 5px;
- }
- .webform-progressbar-page.completed {
- background-color: #74c421;
- }
- .webform-progressbar-page.current {
- background-color: #74c421;
- }
- .webform-progressbar-page .webform-progressbar-page-number {
- display: none;
- }
- .webform-progressbar-page .webform-progressbar-page-label {
- position: relative;
- top: 10px;
- margin: 0 -10em;
- }
|