<commit_before>@import "bootstrap";
@import "responsive";

/* tests for petition show UI */

/* petition left vs right */
.petitionright {
  .petition { float: right; }
  .petition_sidebar {
    .rightcolwell, .signature-form, #thanks-for-signing-message {
      margin-left: 0;
    }
  }
}


/* thermometer/status bar position */
.therm2 {
  .progress_bar {
    float: left;
    .numbers, .progress {
      float: left;
      text-align: left;
    }
    .progress {
      clear: left;
    }
  }
  .social_icons {
    float: right;
  }
}


/* button color on sign petition */
.buttoncolor2 .signature-form .btn-primary { @extend .btn-info; }
.buttoncolor3 .signature-form .btn-primary { @extend .btn-success; }
.buttoncolor4 .signature-form .btn-primary { @extend .btn-warning; }
.buttoncolor5 .signature-form .btn-primary { @extend .btn-danger; }


/* sign petition box color */
.signaturecolor2 .signature-form {
  background: #bbb;
  .privacypolicy, .control-label { color: #222; }
}
.signaturecolor3 .signature-form {
  background: #999;
  .title, .privacypolicy, .control-label { color: white; }
}
.signaturecolor4 .signature-form {
  background: #666;
  .title, .privacypolicy, .control-label { color: white; }
}
.signaturecolor5 .signature-form {
  background: #333;
  .title, .privacypolicy, .control-label  { color: white; }
}
.signaturecolor6 .signature-form {
  background: #000;
.title, .privacypolicy, .control-label { color: white; } }


/* label placement and asterisk visibility */

.signature_labels_beside_inputs .signature-form {
  .control-label {
    @extend .span1;
    @media (min-width: 280px) and (max-width: 1200px) { text-align: left; width: 100%;}
    float: left;
  }
  .through_site .controls, .through_site .controls input {
    @extend .span2;
    *width: 120px;
    width: 120px\9;
    @media (min-width: 280px) and (max-width: 1200px) { width: 98%; }
    float: left;
  }
  .privacypolicy { margin: 10px\9; clear: both\9; }
  .btn { margin-right: -10px\9; }
  .control-group { *height: 3em; }
}
.signature_labels_beside_inputs_no_asterisk {
  @extend .signature_labels_beside_inputs;
  .control-label abbr {
    display: none;
  }
}
.signature_labels_beside_inputs_with_asterisk {
  @extend .signature_labels_beside_inputs;
  .control-label abbr {
    border-bottom: none;
  }
}
.signature_labels_beside_inputs_with_asterisk_underlined {
  @extend .signature_labels_beside_inputs;
}


.signature_labels_above_inputs .signature-form {
  .control-label {
    text-align: left;
    float: left;
  }
  .through_site .controls, .through_site .controls input {
    float: left;
  }
}
.signature_labels_above_inputs_no_asterisk {
  @extend .signature_labels_above_inputs;
  .control-group label {
    width: 100%;
  }
  .control-label abbr {
    display: none;
  }
}
.signature_labels_above_inputs_with_asterisk {
  @extend .signature_labels_above_inputs;
  .control-label abbr {
    border-bottom: none;
  }
}
.signature_labels_above_inputs_with_asterisk_underlined {
  @extend .signature_labels_above_inputs;
}

.signature_labels_hidden {
  .control-group {
    *height: 4em;
  }
  .control-label {
    display: none;
  }
}


/* change thermometer colors */
.redthermometer .progress { @extend .progress-danger; }
.greenthermometer .progress { @extend .progress-success; }
.orangethermometer .progress { @extend .progress-warning; }
.tealthermometer .progress { @extend .progress-info; }


/* start a petition appearing as a link vs a button */
.topnav.petition_button .start_petition {
  @extend .btn;
  @extend .btn-primary;
  margin-top: -6px;
  a {
    color: white;
  }
}


/* change width of petition */
@media (min-width: 979px) and (max-width: 3000px) {<commit_msg>fix ie bug with placeholder text on sign this petition<commit_after>@import "bootstrap";
@import "responsive";

/* tests for petition show UI */

/* petition left vs right */
.petitionright {
  .petition { float: right; }
  .petition_sidebar {
    .rightcolwell, .signature-form, #thanks-for-signing-message {
      margin-left: 0;
    }
  }
}


/* thermometer/status bar position */
.therm2 {
  .progress_bar {
    float: left;
    .numbers, .progress {
      float: left;
      text-align: left;
    }
    .progress {
      clear: left;
    }
  }
  .social_icons {
    float: right;
  }
}


/* button color on sign petition */
.buttoncolor2 .signature-form .btn-primary { @extend .btn-info; }
.buttoncolor3 .signature-form .btn-primary { @extend .btn-success; }
.buttoncolor4 .signature-form .btn-primary { @extend .btn-warning; }
.buttoncolor5 .signature-form .btn-primary { @extend .btn-danger; }


/* sign petition box color */
.signaturecolor2 .signature-form {
  background: #bbb;
  .privacypolicy, .control-label { color: #222; }
}
.signaturecolor3 .signature-form {
  background: #999;
  .title, .privacypolicy, .control-label { color: white; }
}
.signaturecolor4 .signature-form {
  background: #666;
  .title, .privacypolicy, .control-label { color: white; }
}
.signaturecolor5 .signature-form {
  background: #333;
  .title, .privacypolicy, .control-label  { color: white; }
}
.signaturecolor6 .signature-form {
  background: #000;
.title, .privacypolicy, .control-label { color: white; } }


/* label placement and asterisk visibility */

.signature_labels_beside_inputs .signature-form {
  .control-label {
    @extend .span1;
    @media (min-width: 280px) and (max-width: 1200px) { text-align: left; width: 100%;}
    float: left;
  }
  .through_site .controls, .through_site .controls input {
    @extend .span2;
    *width: 120px;
    width: 120px\9;
    @media (min-width: 280px) and (max-width: 1200px) { width: 98%; }
    float: left;
  }
  .privacypolicy { margin: 10px\9; clear: both\9; }
  .btn { margin-right: -10px\9; }
  .control-group { *height: 3em; }
}
.signature_labels_beside_inputs_no_asterisk {
  @extend .signature_labels_beside_inputs;
  .control-label abbr {
    display: none;
  }
}
.signature_labels_beside_inputs_with_asterisk {
  @extend .signature_labels_beside_inputs;
  .control-label abbr {
    border-bottom: none;
  }
}
.signature_labels_beside_inputs_with_asterisk_underlined {
  @extend .signature_labels_beside_inputs;
}


.signature_labels_above_inputs .signature-form {
  .control-label {
    text-align: left;
    float: left;
  }
  .through_site .controls, .through_site .controls input {
    float: left;
  }
}
.signature_labels_above_inputs_no_asterisk {
  @extend .signature_labels_above_inputs;
  .control-group label {
    width: 100%;
  }
  .control-label abbr {
    display: none;
  }
}
.signature_labels_above_inputs_with_asterisk {
  @extend .signature_labels_above_inputs;
  .control-label abbr {
    border-bottom: none;
  }
}
.signature_labels_above_inputs_with_asterisk_underlined {
  @extend .signature_labels_above_inputs;
}

.signature_labels_hidden {
  .control-group {
    *height: 4em;
  }
  .control-label {
    display: none;
    *display: visible;
    display: visible\9;
    text-align: left;
  }
}


/* change thermometer colors */
.redthermometer .progress { @extend .progress-danger; }
.greenthermometer .progress { @extend .progress-success; }
.orangethermometer .progress { @extend .progress-warning; }
.tealthermometer .progress { @extend .progress-info; }


/* start a petition appearing as a link vs a button */
.topnav.petition_button .start_petition {
  @extend .btn;
  @extend .btn-primary;
  margin-top: -6px;
  a {
    color: white;
  }
}


/* change width of petition */
@media (min-width: 979px) and (max-width: 3000px) {
{'fraction_non_alphanumeric': 0.13188714399787063, 'fraction_numerical': 0.01982965131754059, 'mean_word_length': 3.3489583333333335, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7302808', 'n_tokens_mistral': 2749, 'n_tokens_neox': 2574, 'n_words': 571}