<commit_before>/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *
 *= require jquery.ui.core
 *= require jquery.ui.theme
 *= require dataTables/jquery.dataTables.bootstrap
 *= require bootstrap-wysihtml5
 *= require_tree .
*/

@import "bootstrap";
@import "responsive";

.modal { display: none; }
a:hover { text-decoration: none; }
.container { margin: 0 auto; }
.content {  min-height: 600px; background: #fff; padding: 5px 10px; }
.footer { clear: both; text-align: right; background: #ddd; color: #888; padding: .3em}
a.btn:visited { color: white; }
.topnav {
  background: #333;
  height: 37px;
  .navigation {
    @extend .span12;
    margin: 0 auto;
    a {
      color: #eee;
      &:hover {
        color: #fff;
      }
    }
  }
  ul {
    margin-bottom: 0;
    li {
      float: left;
      display: inline;
      margin: 10px;
      .btn { margin-top: -6px; }
    }
  }
}
.logininfo {
  float: right;
  margin: 10px;
  * {
    display: inline;
    float: left;
    margin-left: 10px;
    border-right: 1px solid #08c;
    padding-right: 10px;
    color: #eee;
    &:last-child {
      border-right: none;
      padding-right: 0;
    }
  }
}
.nav { margin-bottom: 0; }
a.logo {
  float: left;
  background: url('logo.png');
  height: 36px;
  width: 207px;
  margin: 1px 15px 0 0;
}
a.logo_dark { @extend a.logo; background: url('logo_dark.png'); }
h1 { margin-bottom: 10px; }
.highlight_text {
  font-size: larger;
  font-weight: bold;
  display: inline;
  &.break { display: block; }
}
table {
  border-bottom: 1px solid #DDDDDD;
  margin: 10px 0;
}
.floatleft { float: left; }
.floatright { float: right; }
.calign { text-align: center; }
form {
  margin-bottom: 40px;
  label { @extend .span1; @extend .floatleft; padding: 4px 10px 0 0; text-align: right; }
  input, textarea { @extend .span2; @extend .floatleft; }
  .control-group { clear: left; }
  input.btn { clear: both; }
  .help-inline { margin-top: 5px; }
}
textarea { resize: none; height: 60px; overflow-y: auto; }
#thanks-for-signing-message { display: none; }
.home {
  margin: 10% auto;
  text-align: center;
  .title {
    font-size: 60px;
    color: #666;
  }
  .btn {
    clear: both;
    font-size: 30px;
    padding: 15px 20px;
    margin-top: 50px;
  }
}
.petition { @extend .span9; @extend .floatleft; margin-right: -10px;
  .petition_image { height: 90px; width: 90px; margin-right: 5px; background: grey; float: left; }
  .edit { @extend .floatright; margin: -40px 10px 0 0; }
  .description { padding-right: 20px; clear: both; }
}
.rightcolwell { @extend .span3; @extend .floatleft; @extend .well; padding: 0; margin-left: 8px; }
#sign-up-form { @extend .rightcolwell;
  .title { font-size: 25px; text-align: center; font-weight: bold; color: #333; padding: 15px; }
  .through_site {
    width: 150px; border-right: 1px solid #555; padding: 5px 10px;
    input { width: 140px; &.btn { width: 100%; } }
    float: left;
    margin-bottom: 10px;
  }
  .through_fb {
    float: right;
    width: 81px;
    padding: 0 9px;
    .text { margin: 25px 0 5px; text-align: center; }
  }
  .privacypolicy {
    width: 100%;
    padding: 0 0 10px 0;
  }
  /* Until Facebook Login works, use this */
  .through_fb { display: none; }
  .through_site {
    width: auto;
    border-right: none;
    input { width: 240px; }
    .btn { float: right; }
  }
}
#thanks-for-signing-message, #thanksModal {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  .thanks { font-size: 27px; margin: 15px 0 25px;}
  .arrow { background: url('arrow.png'); margin: 15px auto 5px; height: 100px; width: 100px; }
  .fb-like { margin: 4px; padding: 4px 5px 4px 3px; width: 255px;  &.all_centered { margin-left: 140px; } &.button_centered { margin-left: 164px; }}
}
#thanks-for-signing-message { @extend .rightcolwell; }
#thanksModal {
  width: 700px;
  height: 500px;
  background: none;
  border: none;
  box-shadow: none;
  .modal-body {
    background-clip: padding-box;
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    width: 300px;
    min-height: 260px;
    margin: 0 auto;
  }
  a {
    clear: both;
    font-weight: normal;
  }
  .or {
    font-size: 10px;
    color: #666;
    margin: 5px; }
  .fb-like {
    margin: 5px 0 10px 20px;
    top: -70px;
  }
}
.progress_bar {
  float: right;
  text-align: right;
  .progress {
    margin-bottom: 5px;
    width: 300px;
    clear: right;
    .bar {
      float: left;
    }
  }
}
hr { border-top: 1px dotted #999999; clear: both; margin: 10px 0; width: 100%; }
.petition_sidebar { @extend .span3; margin-left: 10px; float: left; }
.social_icons { float: left; margin: 16px 0 5px;
  iframe { height: 30px; width: 275px; }
  &.tallerprogress { margin-top: 33px; }
}


.center6{
  @extend .span6;
  margin: 0 auto;
  min-height: 200px;
}
.signup_login {
  @extend .center6;
  &.login { width: 285px; }
  margin-top: 5%;
  @extend .well;
  .btn { float: right; }
  .signup {
    @extend .span3;
    border-right: 1px solid #888;
    float: left;
    padding: 0 10px;
    .btn { margin-right: 20px; }
  }
  .login {
    @extend .center6;
    float: left;
    width: 250px;
    padding-left: 20px;
    h1 { margin-bottom: 25px; }
    .btn { margin-top: 31px; }
  }
}
.privacypolicy {
  @extend .span5;
  margin: 10px auto 0;
  color: #888;
  font-size: 11px;
  padding: 0 20px;
  text-align: center;
}
.signuplink {
  text-align: center;
  margin-top: 10px;
  font-size: 15px;
}

.petitionform {
  @extend .center6;
  @extend .well;
  @extend .span9;
  padding: 20px;
  margin-top: 5%;
  min-height: 275px;
  h1 { margin: 0 0 20px 15px; }
  form { max-width: 830px; }
  label { @extend .span1; }
  input, textarea { @extend .span7; }
  textarea { min-height: 200px; }
  .btn { @extend .span2; float: right; }
  .control-group {
    @extend .span8;
    .controls .btn { width: auto; }
  }
  .modal {
    input { width: 520px; }
    .btn { float: none; margin-left: 5px; }
    .btn-primary { float: right; }
  }
}

.petitionlist {
  .petition {
    @extend .span8;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    &:last-of-type { border-bottom: none; }
    .about_petition {
      @extend .span6;
      padding-left: 20px;
      float: left;
      a.title {
        font-size: 16px;
        font-weight: bold;
        color: navy;
      }
      .description {
        color: #666;
      }
    }
    .feature { margin-top: 10px; }
    .signup {
      @extend .span2;
      float: left;
      margin: 10px 0;
      .btn { clear: left; margin-top: 15px; width: 102px; }
      .btn:first-child { margin-top: 0; }
      .btn:only-child { margin-top: 7px; }
    }
  }
}

#petition_to_send { margin-left: -191px; }
.bigcenteredmessage { font-size: 25px; margin: 15% 0 35%; text-align: center; }




/* tests for petition show UI */

/* petition left vs right */
.petitionright {
  .petition { float: right; }
  .petition_sidebar {
    margin-left: 0;
    .rightcolwell, #sign-up-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 { #sign-up-form .btn-primary { @extend .btn-info; } }
.buttoncolor3 { #sign-up-form .btn-primary { @extend .btn-success; } }
.buttoncolor4 { #sign-up-form .btn-primary { @extend .btn-warning; } }
.buttoncolor5 { #sign-up-form .btn-primary { @extend .btn-danger; } }

/* sign petition box color */
.signupcolor2 { #sign-up-form { background: #bbb; .privacypolicy, .control-label { color: #222; } } }
.signupcolor3 { #sign-up-form { background: #999; .title, .privacypolicy, .control-label { color: white; } } }
.signupcolor4 { #sign-up-form { background: #666; .title, .privacypolicy, .control-label { color: white; } } }
.signupcolor5 { #sign-up-form { background: #333; .title, .privacypolicy, .control-label  { color: white; } } }
.signupcolor6 { #sign-up-form { background: #000; .title, .privacypolicy, .control-label { color: white; } } }

/* normal vs. fixed positioning of sign petition box */
.signupposition2 { #sign-up-form { position: fixed; } }

/* dataTable */
.dataTable th, .dataTable td { border: 1px solid #eee; text-align: left;}
.dataTable { border-top: 1px solid #eee }


/* label placement and asterisk visibility */
.sign_up_labels_beside_inputs #sign-up-form {
  .control-label {
    @extend .span1;
    text-align: right;
    float: left;
  }
  .through_site .controls, .through_site .controls input {
    @extend .span2;
    float: left;
  }
}
.sign_up_labels_beside_inputs_no_asterisk {
  @extend .sign_up_labels_beside_inputs;
  .control-label abbr { display: none; }
}
.sign_up_labels_beside_inputs_with_asterisk {
  @extend .sign_up_labels_beside_inputs;
  .control-label abbr { border-bottom: none; }
}
.sign_up_labels_beside_inputs_with_asterisk_underlined {
  @extend .sign_up_labels_beside_inputs;
}
.sign_up_labels_above_inputs #sign-up-form {
  .control-label {
    text-align: left;
    float: left;
  }
  .through_site .controls, .through_site .controls input {
    float: left;
  }
}
.sign_up_labels_above_inputs_no_asterisk {
  @extend .sign_up_labels_above_inputs;
  .control-label abbr { display: none; }
}
.sign_up_labels_above_inputs_with_asterisk {
  @extend .sign_up_labels_above_inputs;
  .control-label abbr { border-bottom: none; }
}
.sign_up_labels_above_inputs_with_asterisk_underlined {
  @extend .sign_up_labels_above_inputs;
}

.sign_up_labels_hidden {
  .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 */
.middlewidthpetition {
  @extend .span11;
  margin-left: auto;
  margin-right: auto;
  .petition {
    @extend .span8;
    margin: 0 10px;
  }
}
.narrowwidthpetition {
  @extend .span10;
  margin-left: auto;
  margin-right: auto;
  .petition {
    @extend .span7;
    margin: 0 10px;
    .social_icons { width: 280px; }
  }
}



/* thank you box color */
/* sign petition box color */
.hex_bbb {
  #thanks-for-signing-message {
    background: #bbb;
    .thanks, .share { color: #222; }
    .fb-like { background: white; }
  }
}
.hex_999 { #thanks-for-signing-message { background: #999; .thanks, .share { color: white; } .fb-like { background: white; }} }
.hex_666 { #thanks-for-signing-message { background: #666; .thanks, .share { color: white; } .fb-like { background: white; }} }
.hex_333 { #thanks-for-signing-message { background: #333; .thanks, .share { color: white; } .fb-like { background: white; } } }
.hex_000 { #thanks-for-signing-message { background: #000; .thanks, .share { color: white; } .fb-like { background: white; }} }

/* thank you arrow color */
.redarrow { #thanksModal,  #thanks-for-signing-message { .arrow { background: url('red_arrow.png'); } } }
.limearrow { #thanksModal,  #thanks-for-signing-message {  .arrow { background: url('lime_arrow.png'); } } }
.lightbluearrow{ #thanksModal,  #thanks-for-signing-message {  .arrow { background: url('light_blue_arrow.png'); } } }
.orangearrow { #thanksModal,  #thanks-for-signing-message { .arrow { background: url('orange_arrow.png'); } } }

/* admin petition dashboard */
#petitions_wrapper {
  #petitions {
    @extend .span12;
    a { font-weight: normal; }
    td, th { padding: 3px; }
    td { text-align: right; }
    tr :first-child { @extend .span3; text-align: left; }
    tr :last-child { @extend .span2; }
  }
  .span5 { @extend .span6; margin-left: 10px; }
}
<commit_msg>few tweaks to positioning on petition page to make it less heinous when playing with ui.<commit_after>/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *
 *= require jquery.ui.core
 *= require jquery.ui.theme
 *= require dataTables/jquery.dataTables.bootstrap
 *= require bootstrap-wysihtml5
 *= require_tree .
*/

@import "bootstrap";
@import "responsive";

.modal { display: none; }
a:hover { text-decoration: none; }
.container { margin: 0 auto; }
.content {  min-height: 600px; background: #fff; padding: 5px 10px; }
.footer { clear: both; text-align: right; background: #ddd; color: #888; padding: .3em}
a.btn:visited { color: white; }
.topnav {
  background: #333;
  height: 37px;
  .navigation {
    @extend .span12;
    margin: 0 auto;
    a {
      color: #eee;
      &:hover {
        color: #fff;
      }
    }
  }
  ul {
    margin-bottom: 0;
    li {
      float: left;
      display: inline;
      margin: 10px;
      .btn { margin-top: -6px; }
    }
  }
}
.logininfo {
  float: right;
  margin: 10px;
  * {
    display: inline;
    float: left;
    margin-left: 10px;
    border-right: 1px solid #08c;
    padding-right: 10px;
    color: #eee;
    &:last-child {
      border-right: none;
      padding-right: 0;
    }
  }
}
.nav { margin-bottom: 0; }
a.logo {
  float: left;
  background: url('logo.png');
  height: 36px;
  width: 207px;
  margin: 1px 15px 0 0;
}
a.logo_dark { @extend a.logo; background: url('logo_dark.png'); }
h1 { margin-bottom: 10px; }
.highlight_text {
  font-size: larger;
  font-weight: bold;
  display: inline;
  &.break { display: block; }
}
table {
  border-bottom: 1px solid #DDDDDD;
  margin: 10px 0;
}
.floatleft { float: left; }
.floatright { float: right; }
.calign { text-align: center; }
form {
  margin-bottom: 40px;
  label { @extend .span1; @extend .floatleft; padding: 4px 10px 0 0; text-align: right; }
  input, textarea { @extend .span2; @extend .floatleft; }
  .control-group { clear: left; }
  input.btn { clear: both; }
  .help-inline { margin-top: 5px; }
}
textarea { resize: none; height: 60px; overflow-y: auto; }
#thanks-for-signing-message { display: none; }
.home {
  margin: 10% auto;
  text-align: center;
  .title {
    font-size: 60px;
    color: #666;
  }
  .btn {
    clear: both;
    font-size: 30px;
    padding: 15px 20px;
    margin-top: 50px;
  }
}
.petition { @extend .span9; @extend .floatleft;
  .petition_image { height: 90px; width: 90px; margin-right: 5px; background: grey; float: left; }
  .edit { @extend .floatright; margin: -40px 10px 0 0; }
  .description { padding-right: 20px; clear: both; }
}
.rightcolwell { @extend .span3; @extend .floatleft; @extend .well; padding: 0; margin-left: 8px; }
#sign-up-form { @extend .rightcolwell;
  .title { font-size: 25px; text-align: center; font-weight: bold; color: #333; padding: 15px; }
  .through_site {
    width: 150px; border-right: 1px solid #555; padding: 5px 10px;
    input { width: 140px; &.btn { width: 100%; } }
    float: left;
    margin-bottom: 10px;
  }
  .through_fb {
    float: right;
    width: 81px;
    padding: 0 9px;
    .text { margin: 25px 0 5px; text-align: center; }
  }
  .privacypolicy {
    width: 100%;
    padding: 0 0 10px 0;
  }
  /* Until Facebook Login works, use this */
  .through_fb { display: none; }
  .through_site {
    width: auto;
    border-right: none;
    input { width: 240px; }
    .btn { float: right; }
  }
}
#thanks-for-signing-message, #thanksModal {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  .thanks { font-size: 27px; margin: 15px 0 25px;}
  .arrow { background: url('arrow.png'); margin: 15px auto 5px; height: 100px; width: 100px; }
  .fb-like { margin: 4px; padding: 4px 5px 4px 3px; width: 255px;  &.all_centered { margin-left: 140px; } &.button_centered { margin-left: 164px; }}
}
#thanks-for-signing-message { @extend .rightcolwell; }
#thanksModal {
  width: 700px;
  height: 500px;
  background: none;
  border: none;
  box-shadow: none;
  .modal-body {
    background-clip: padding-box;
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    width: 300px;
    min-height: 260px;
    margin: 0 auto;
  }
  a {
    clear: both;
    font-weight: normal;
  }
  .or {
    font-size: 10px;
    color: #666;
    margin: 5px; }
  .fb-like {
    margin: 5px 0 10px 20px;
    top: -70px;
  }
}
.progress_bar {
  float: right;
  text-align: right;
  .progress {
    margin-bottom: 5px;
    width: 300px;
    clear: right;
    .bar {
      float: left;
    }
  }
}
hr { border-top: 1px dotted #999999; clear: both; margin: 10px 0; width: 100%; }
.petition_sidebar { @extend .span3; float: left; margin-top: 4px; }
.social_icons { float: left; margin: 16px 0 5px;
  iframe { height: 30px; width: 275px; }
  &.tallerprogress { margin-top: 33px; }
}


.center6{
  @extend .span6;
  margin: 0 auto;
  min-height: 200px;
}
.signup_login {
  @extend .center6;
  &.login { width: 285px; }
  margin-top: 5%;
  @extend .well;
  .btn { float: right; }
  .signup {
    @extend .span3;
    border-right: 1px solid #888;
    float: left;
    padding: 0 10px;
    .btn { margin-right: 20px; }
  }
  .login {
    @extend .center6;
    float: left;
    width: 250px;
    padding-left: 20px;
    h1 { margin-bottom: 25px; }
    .btn { margin-top: 31px; }
  }
}
.privacypolicy {
  @extend .span5;
  margin: 10px auto 0;
  color: #888;
  font-size: 11px;
  padding: 0 20px;
  text-align: center;
}
.signuplink {
  text-align: center;
  margin-top: 10px;
  font-size: 15px;
}

.petitionform {
  @extend .center6;
  @extend .well;
  @extend .span9;
  padding: 20px;
  margin-top: 5%;
  min-height: 275px;
  h1 { margin: 0 0 20px 15px; }
  form { max-width: 830px; }
  label { @extend .span1; }
  input, textarea { @extend .span7; }
  textarea { min-height: 200px; }
  .btn { @extend .span2; float: right; }
  .control-group {
    @extend .span8;
    .controls .btn { width: auto; }
  }
  .modal {
    input { width: 520px; }
    .btn { float: none; margin-left: 5px; }
    .btn-primary { float: right; }
  }
}

.petitionlist {
  .petition {
    @extend .span8;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    &:last-of-type { border-bottom: none; }
    .about_petition {
      @extend .span6;
      padding-left: 20px;
      float: left;
      a.title {
        font-size: 16px;
        font-weight: bold;
        color: navy;
      }
      .description {
        color: #666;
      }
    }
    .feature { margin-top: 10px; }
    .signup {
      @extend .span2;
      float: left;
      margin: 10px 0;
      .btn { clear: left; margin-top: 15px; width: 102px; }
      .btn:first-child { margin-top: 0; }
      .btn:only-child { margin-top: 7px; }
    }
  }
}

#petition_to_send { margin-left: -191px; }
.bigcenteredmessage { font-size: 25px; margin: 15% 0 35%; text-align: center; }




/* tests for petition show UI */

/* petition left vs right */
.petitionright {
  .petition { float: right; }
  .petition_sidebar {
    margin-left: 0;
    .rightcolwell, #sign-up-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 { #sign-up-form .btn-primary { @extend .btn-info; } }
.buttoncolor3 { #sign-up-form .btn-primary { @extend .btn-success; } }
.buttoncolor4 { #sign-up-form .btn-primary { @extend .btn-warning; } }
.buttoncolor5 { #sign-up-form .btn-primary { @extend .btn-danger; } }

/* sign petition box color */
.signupcolor2 { #sign-up-form { background: #bbb; .privacypolicy, .control-label { color: #222; } } }
.signupcolor3 { #sign-up-form { background: #999; .title, .privacypolicy, .control-label { color: white; } } }
.signupcolor4 { #sign-up-form { background: #666; .title, .privacypolicy, .control-label { color: white; } } }
.signupcolor5 { #sign-up-form { background: #333; .title, .privacypolicy, .control-label  { color: white; } } }
.signupcolor6 { #sign-up-form { background: #000; .title, .privacypolicy, .control-label { color: white; } } }

/* normal vs. fixed positioning of sign petition box */
.signupposition2 { #sign-up-form { position: fixed; } }

/* dataTable */
.dataTable th, .dataTable td { border: 1px solid #eee; text-align: left;}
.dataTable { border-top: 1px solid #eee }


/* label placement and asterisk visibility */
.sign_up_labels_beside_inputs #sign-up-form {
  .control-label {
    @extend .span1;
    text-align: right;
    float: left;
  }
  .through_site .controls, .through_site .controls input {
    @extend .span2;
    float: left;
  }
}
.sign_up_labels_beside_inputs_no_asterisk {
  @extend .sign_up_labels_beside_inputs;
  .control-label abbr { display: none; }
}
.sign_up_labels_beside_inputs_with_asterisk {
  @extend .sign_up_labels_beside_inputs;
  .control-label abbr { border-bottom: none; }
}
.sign_up_labels_beside_inputs_with_asterisk_underlined {
  @extend .sign_up_labels_beside_inputs;
}
.sign_up_labels_above_inputs #sign-up-form {
  .control-label {
    text-align: left;
    float: left;
  }
  .through_site .controls, .through_site .controls input {
    float: left;
  }
}
.sign_up_labels_above_inputs_no_asterisk {
  @extend .sign_up_labels_above_inputs;
  .control-label abbr { display: none; }
}
.sign_up_labels_above_inputs_with_asterisk {
  @extend .sign_up_labels_above_inputs;
  .control-label abbr { border-bottom: none; }
}
.sign_up_labels_above_inputs_with_asterisk_underlined {
  @extend .sign_up_labels_above_inputs;
}

.sign_up_labels_hidden {
  .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 */
.middlewidthpetition {
  @extend .span11;
  margin-left: auto;
  margin-right: auto;
  .petition {
    @extend .span8;
    margin: 0 10px;
  }
}
.narrowwidthpetition {
  @extend .span10;
  margin-left: auto;
  margin-right: auto;
  .petition {
    @extend .span7;
    margin: 0 10px;
    .social_icons { width: 280px; }
  }
}



/* thank you box color */
/* sign petition box color */
.hex_bbb {
  #thanks-for-signing-message {
    background: #bbb;
    .thanks, .share { color: #222; }
    .fb-like { background: white; }
  }
}
.hex_999 { #thanks-for-signing-message { background: #999; .thanks, .share { color: white; } .fb-like { background: white; }} }
.hex_666 { #thanks-for-signing-message { background: #666; .thanks, .share { color: white; } .fb-like { background: white; }} }
.hex_333 { #thanks-for-signing-message { background: #333; .thanks, .share { color: white; } .fb-like { background: white; } } }
.hex_000 { #thanks-for-signing-message { background: #000; .thanks, .share { color: white; } .fb-like { background: white; }} }

/* thank you arrow color */
.redarrow { #thanksModal,  #thanks-for-signing-message { .arrow { background: url('red_arrow.png'); } } }
.limearrow { #thanksModal,  #thanks-for-signing-message {  .arrow { background: url('lime_arrow.png'); } } }
.lightbluearrow{ #thanksModal,  #thanks-for-signing-message {  .arrow { background: url('light_blue_arrow.png'); } } }
.orangearrow { #thanksModal,  #thanks-for-signing-message { .arrow { background: url('orange_arrow.png'); } } }

/* admin petition dashboard */
#petitions_wrapper {
  #petitions {
    @extend .span12;
    a { font-weight: normal; }
    td, th { padding: 3px; }
    td { text-align: right; }
    tr :first-child { @extend .span3; text-align: left; }
    tr :last-child { @extend .span2; }
  }
  .span5 { @extend .span6; margin-left: 10px; }
}

{'fraction_non_alphanumeric': 0.14876, 'fraction_numerical': 0.03556, 'mean_word_length': 2.957733101155612, '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': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4728750', 'n_tokens_mistral': 10041, 'n_tokens_neox': 9099, 'n_words': 2353}