Club Drupal

/**

 * @file

 * Styles that are used when viewing results or modifying webform settings.

 */

/* Submission view page */

.webform-submission-info {

  padding: 10px;

}

.webform-submission-info .user-picture {

  float: right;

  margin-left: 10px;

}

.webform-submission-info-text {

  overflow: hidden;

}

.webform-submission-actions {

  float: left;

}

.webform-submission-navigation {

  text-align: right;

}

.webform-submission-next {

  margin-left: 20px;

}

/* Component table */

.webform-component-formkey,

.webform-component-value {

  max-width: 7em;

  word-wrap: break-word;

}

/* Analysis pages */

.webform-analysis-component {

  width: 33.33%;

  margin: 0 -2px;

  padding: 0;

  display: inline-block;

  vertical-align: top;

}

@media all and (max-width: 1024px) {

  .webform-analysis-component {

    width: 50%;

  }

}

@media all and (max-width: 600px) {

  .webform-analysis-component {

    width: 100%;

  }

}

.webform-analysis-component-grid {

  width: 100%;

  clear: both;

}

.webform-analysis-component-inner {

  padding: 12px;

  overflow: auto;

}

.webform-analysis-component table {

  width: 100%;

}

.webform-analysis-component table td {

  white-space: normal;

}

/* Element for selecting components, i.e. included components for e-mails. */

.webform-component-select-wrapper {

  max-height: 300px;

  overflow: auto;

}

.webform-component-select-table table {

  margin: 0;

}

.webform-component-select-table tr.selected td,

.webform-component-select-table tr.selected td.active {

  background: inherit;

  color: inherit;

}

.form-item .webform-component-select-table .description {

  font-size: inherit;

}

.form-item .webform-component-select-table input {

  width: 12px;

  height: 12px;

  margin: 0 2px 2px;

}

.webform-component-select-suffix {

  margin-top: 10px;

}

.webform-select-list-format table {

  border: 1px solid;

  width: auto;

  font-size: 90%;

}

.webform-select-list-format td,

.webform-select-list-format th {

  border: 1px solid;

}

tr.webform-pagebreak td {

  border-top: 2px dotted #999;

}

td.webform-pagebreak {

  font-weight: bold;

}

/* Checkboxes for allowed file extensions */

table.webform-file-extensions td {

  vertical-align: top;

}

table.webform-file-extensions td .description {

  white-space: normal;

}

table.webform-file-extensions .form-type-checkbox {

  width: 5em;

  float: left;

}

table.webform-file-extensions input.form-text {

  width: 95%;

}

/* General styles */

.webform-checkbox {

  text-align: center;

  width: 40px;

}

.webform-container-inline div,

.webform-container-inline div.form-item {

  display: inline;

}

.webform-results-per-page a.selected {

  font-weight: bold;

}

/* Display of adding/editing components */

html.js fieldset.webform-position,

html.js div.webform-position {

  display: none;

}

tr.webform-add-form .tabledrag-changed {

  display: none;

}

#webform-emails tr.webform-add-form,

#webform-components tr.webform-add-form {

  background-color: inherit;

}

/* E-mail configuration */

html.js .webform-email-mapping {

  display: none;

}

td.webform-email-option {

  text-align: right;

}

/* Conditionals */

.webform-conditional,

.webform-conditional-new {

  display: block;

  position: relative;

  padding-left: 1em;

  padding-right: 9em;

  margin-left: 3em;

  max-width: 750px;

}

.webform-conditional-new {

  text-align: right;

  margin-left: 12em;

  padding-right: 0;

}

.webform-conditional-if {

  position: absolute;

  left: -.5em;

  margin-top: .2em;

}

.webform-conditional-rule {

  margin: .5em 0;

}

.webform-conditional-condition {

  display: inline;

}

.webform-conditional-operations {

  position: absolute;

  right: 0;

  margin-top: .1em;

}

.webform-andor {

  padding-left: 0.5em;

}

.webform-subconditional {

  font-size: 1.5em;

  line-height: 0;

}

.webform-indentation {

  float: left;

  width: 2em;

}

.webform-conditional-new input[disabled] {

  visibility: hidden;

}

.webform-conditional-new input.form-submit,

.webform-conditional-operations input.form-submit {

  margin: 0 2px;

  padding: 0 6px 2px 6px;

}

#webform-conditionals-table input.progress-disabled,

.webform-conditional-operations input.progress-disabled {

  float: none;

}

#webform-conditionals-table .ahah-progress-throbber {

  float: none;

  display: inline;

}

#webform-conditionals-table .ahah-progress-throbber .throbber {

  float: none;

  display: inline;

  padding-right: 12px;

}

.webform-conditional-andor {

  display: inline;

}

.webform-conditional-andor .form-item {

  margin: 0;

  padding: 0;

}