catarse_full 0.0.1

data/app/assets/stylesheets/miv/_buttons.sass

@@ -0,0 +1,41 @@
+.ch_button
+  font-size: 1.05em
+  text-align: center
+  display: inline-block
+  color: white !important
+  font-weight: 400
+  text-decoration: none
+  padding: 1.2em 2.2em
+  border-radius: 2px
+  +transition(all .2s)
+
+.ch_button_ok
+  
+
+.ch_button_cancel
+  
+.ch_button_pink
+  background: $button_pink
+  &:hover
+    background: darken($button_pink, 10%)
+.ch_button_green
+  background: $button_green
+  &:hover
+    background: darken($button_green, 10%)
+
+.ch_button_unsubscribe
+  .following
+    display: inherit
+  .stop_following
+    display: none
+  &:hover
+    .following
+      display: none
+    .stop_following
+      font-size: 1em
+      display: inherit
+
+.ch_button_gray
+  background: $button_gray
+  &:hover
+    background: darken($button_gray, 10%)

data/app/assets/stylesheets/miv/_colors.sass

@@ -0,0 +1,75 @@
+// Please, create colors based on function instead of just
+// naming the color as COLOR
+
+// General Colors
+$darker_pink: #c2457e
+$pink: #E75297
+$border: rgb(223,223,223)
+
+
+// Link Colors
+$link:        $pink
+$link_hover:  $link
+
+// Buttons
+
+$button_green:  #64cb64
+$button_gray:   #C1C4C9
+$button_pink:   #FE7BB3
+
+// Channels
+$body_background: #f9f9f9
+$channel_footer_background: #f0f0f0
+$channel_active_link: $pink
+$channel_text: #333
+$project_box_link: #000
+$project_box_headline: #979797
+$project_box_shadow: #aaa
+$project_box_status: $body_background
+$project_box_progress: #56D84E
+$project_box_progress_gray: #D4D9DE
+$project_box_title: $project_box_progress
+
+// Text Colors
+$grafiti: #363636
+
+
+
+
+
+
+
+
+// Button Colors (at least will be used with)
+
+
+
+$blue: #4383d1
+$minimal_blue: #6498D8
+
+$green: #59aF6d
+$dark_green: #284f31
+$light_green: #64CB64
+
+$less_dark_pink: #EE5192
+$text_shadow: #8F2255
+
+$orange: #f69b0e
+
+
+$minimal_white: #f2f2f2
+
+$ed_gryn: #EDEDED
+$dc_gryn: #DCDCDC
+$df_gryn: #dfdfdf
+$ultra_gryn: #333333
+$gryn_almost_ccc: #999
+$gryn: #e3e2dc
+$minimal_gryn: #cccccc
+$super_minimal_gryn: #838383
+$bg_minimal_gryn: #E3E2DC
+$shadow_gryn: #7A7A7A
+$_6f_gryn: #6F6F6F
+$_4d_gryn: #4D535D
+
+$red: #cc1529

data/app/assets/stylesheets/miv/_dropdown.sass

@@ -0,0 +1,28 @@
+$blue-two: #79808B
+$green-one: #00B22D
+
+.dropdown
+  z-index: 999
+  display: none
+  list-style: none
+  width: 130px
+  background: white
+  padding: 5px
+  position: absolute
+  +border-radius(4px)
+  +box-shadow(rgba(black, 0.3) 1px 1px 2px)
+  margin-left: -65px
+  li
+    text-align: left
+    padding: 0 10px
+    line-height: 30px
+    a
+      color: $blue-two
+      font-size: 13px
+    .small
+      font-size: 11px
+      font-weight: bold
+      color: $green-one
+      margin: -10px 0 0px
+    &.divider
+      border-top: 1px $gryn solid

data/app/assets/stylesheets/miv/_embed.sass

@@ -0,0 +1,112 @@
+.body_embed
+  background: none
+#project_embed
+  text-align: center
+  color: #fff
+  +text-shadow(black, 1px, 1px, 1px)
+  height: 500px
+  h1
+    font-family: "Arvo"
+    font-weight: 500
+    font-size: 24px
+    padding: 0 20px
+    margin-bottom: 24px
+    color: #fff
+  h2
+    padding: 0
+    margin-bottom: 16px
+    color: #fff
+  a.close
+    font-family: 'Lato'
+    font-weight: 700
+    color: #fff
+    text-decoration: none
+    position: absolute
+    width: 24px
+    height: 24px
+    border: 3px solid #fff
+    +border-radius(24px)
+    top: 0
+    left: 100%
+    margin-top: -15px
+    margin-left: -15px
+    line-height: 22px
+    background-color: $ultra_gryn
+    //+linear-gradient(color_stops(#51C252,#49B249,#44A546))
+    +box-shadow(rgba(black,0.75),4px,-4px,10px)
+    font-weight: bold
+    +transition(all, 0.3s)
+  a.close:hover, a.close:focus
+    color: #fff
+    +scale(1.05)
+  #project_box_embed
+    float: left
+    overflow: hidden
+    iframe
+      +border-radius(8px)
+    textarea
+      margin-top: 8px
+      margin-right: 8px
+      height: 48px
+      width: 216px
+      background-color: $gryn
+      font-size: 14px
+  #project_video_embed
+    float: right
+    iframe
+      +border-radius(8px)
+    textarea
+      padding-right: 4px
+      margin-top: 8px
+      height: 48px
+      width: 344px
+      background-color: $gryn
+      font-size: 14px
+
+#video_embed
+  text-align: center
+  padding: 16px
+  padding-bottom: 0
+  iframe
+    +border-top-left-radius(8px)
+    +border-top-right-radius(8px)
+    +box-shadow(rgba(0,0,0,0.5), 5px, 5px, 10px)
+  h1
+    font-family: "Arvo"
+    font-weight: 500
+    font-size: 24px
+    line-height: 26px
+    padding: 12px 0 8px 0
+    a
+      text-decoration: none
+      +text-shadow(rgba(0,0,0,0.3), 2px, 2px, 3px)
+  h2
+    font-size: 14px
+    line-height: 16px
+    color: #666
+    padding: 0
+    +text-shadow(#fff, 1px, 1px, 0px)
+    a
+      text-decoration: none
+      +text-shadow(#fff, 1px, 1px, 0px)
+  #platform_link
+    h1
+      font-family: "Arvo"
+      font-weight: 700
+      font-size: 28px
+      line-height: 30px
+      padding: 0
+      a
+        color: #222
+        text-decoration: none
+        +transition
+      a:hover
+        +text-shadow(rgba(0,150,0,0.4), 1px, 1px, 10px)
+  #video_embed_footer
+    position: fixed
+    bottom: 4px
+    left: 50%
+    width: 220px
+    margin-left: -110px
+
+

data/app/assets/stylesheets/miv/_flash.sass

@@ -0,0 +1,18 @@
+.flash
+  font-family: Lato
+  font-size: 1.6em
+  color: white
+  display: none
+  z-index: 500
+  position: fixed
+  bottom: 0
+  width: 100%
+  text-align: center
+  .wrapper
+    padding: 20px
+  .success.wrapper,.notice.wrapper
+    background-color: $green
+  .failure.wrapper,.error.wrapper, .alert.wrapper
+    background-color: $red
+  .locale.wrapper
+    background-color: $blue

data/app/assets/stylesheets/miv/_form.scss

@@ -0,0 +1,626 @@
+#bootstrap-form, .bootstrap-form {
+  form {
+    margin: 0 0 18px;
+  }
+  fieldset {
+    padding: 0;
+    margin: 0;
+    border: 0;
+  }
+  legend {
+    display: block;
+    width: 100%;
+    padding: 0;
+    margin-bottom: 27px;
+    font-size: 19.5px;
+    line-height: 36px;
+    color: #333333;
+    border: 0;
+    border-bottom: 1px solid #eee;
+  }
+  legend small {
+    font-size: 13.5px;
+    color: #999999;
+  }
+  label,
+  input,
+  button,
+  select,
+  textarea {
+    font-size: 13px;
+    font-weight: normal;
+    line-height: 18px;
+  }
+  input,
+  button,
+  select,
+  textarea {
+    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  }
+  label {
+    display: block;
+    margin-bottom: 5px;
+    color: #333333;
+  }
+  input,
+  textarea,
+  select,
+  .uneditable-input {
+    display: inline-block;
+    width: 210px;
+    height: 18px;
+    padding: 4px;
+    margin-bottom: 9px;
+    font-size: 13px;
+    line-height: 18px;
+    color: #555555;
+    border: 1px solid #cccccc;
+    -webkit-border-radius: 3px;
+    -moz-border-radius: 3px;
+    border-radius: 3px;
+  }
+  .uneditable-textarea {
+    width: auto;
+    height: auto;
+  }
+  label input,
+  label textarea,
+  label select {
+    display: block;
+  }
+  input[type="image"],
+  input[type="checkbox"],
+  input[type="radio"] {
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 3px 0;
+    *margin-top: 0;
+    /* IE7 */
+
+    line-height: normal;
+    cursor: pointer;
+    -webkit-border-radius: 0;
+    -moz-border-radius: 0;
+    border-radius: 0;
+    border: 0 \9;
+    /* IE9 and down */
+
+  }
+  input[type="image"] {
+    border: 0;
+  }
+  input[type="file"] {
+    width: auto;
+    padding: initial;
+    line-height: initial;
+    border: initial;
+    background-color: #ffffff;
+    background-color: initial;
+    -webkit-box-shadow: none;
+    -moz-box-shadow: none;
+    box-shadow: none;
+  }
+  input[type="button"],
+  input[type="reset"],
+  input[type="submit"] {
+    width: auto;
+    height: auto;
+  }
+  select,
+  input[type="file"] {
+    height: 28px;
+    /* In IE7, the height of the select element cannot be changed by height, only font-size */
+
+    *margin-top: 4px;
+    /* For IE7, add top margin to align select with labels */
+
+    line-height: 28px;
+  }
+  input[type="file"] {
+    line-height: 18px \9;
+  }
+  select {
+    width: 220px;
+    background-color: #ffffff;
+  }
+  select[multiple],
+  select[size] {
+    height: auto;
+  }
+  input[type="image"] {
+    -webkit-box-shadow: none;
+    -moz-box-shadow: none;
+    box-shadow: none;
+  }
+  textarea {
+    height: auto;
+  }
+  input[type="hidden"] {
+    display: none;
+  }
+  .radio,
+  .checkbox {
+    padding-left: 18px;
+  }
+  .radio input[type="radio"],
+  .checkbox input[type="checkbox"] {
+    float: left;
+    margin-left: -18px;
+  }
+  .controls > .radio:first-child,
+  .controls > .checkbox:first-child {
+    padding-top: 5px;
+  }
+  .radio.inline,
+  .checkbox.inline {
+    display: inline-block;
+    padding-top: 5px;
+    margin-bottom: 0;
+    vertical-align: middle;
+  }
+  .radio.inline + .radio.inline,
+  .checkbox.inline + .checkbox.inline {
+    margin-left: 10px;
+  }
+  input,
+  textarea {
+    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
+    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
+    -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
+    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
+    transition: border linear 0.2s, box-shadow linear 0.2s;
+  }
+  input:focus,
+  textarea:focus {
+    border-color: rgba(82, 168, 236, 0.8);
+    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
+    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
+    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
+    outline: 0;
+    outline: thin dotted \9;
+    /* IE6-9 */
+
+  }
+  input[type="file"]:focus,
+  input[type="radio"]:focus,
+  input[type="checkbox"]:focus,
+  select:focus {
+    -webkit-box-shadow: none;
+    -moz-box-shadow: none;
+    box-shadow: none;
+    outline: thin dotted #333;
+    outline: 5px auto -webkit-focus-ring-color;
+    outline-offset: -2px;
+  }
+  .input-mini {
+    width: 60px;
+  }
+  .input-small {
+    width: 90px;
+  }
+  .input-medium {
+    width: 150px;
+  }
+  .input-large {
+    width: 210px;
+  }
+  .input-xlarge {
+    width: 270px;
+  }
+  .input-xxlarge {
+    width: 530px;
+  }
+  input[class*="span"],
+  select[class*="span"],
+  textarea[class*="span"],
+  .uneditable-input {
+    float: none;
+    margin-left: 0;
+  }
+  input,
+  textarea,
+  .uneditable-input {
+    margin-left: 0;
+  }
+  input.span12, textarea.span12, .uneditable-input.span12 {
+    width: 930px;
+  }
+  input.span11, textarea.span11, .uneditable-input.span11 {
+    width: 850px;
+  }
+  input.span10, textarea.span10, .uneditable-input.span10 {
+    width: 770px;
+  }
+  input.span9, textarea.span9, .uneditable-input.span9 {
+    width: 690px;
+  }
+  input.span8, textarea.span8, .uneditable-input.span8 {
+    width: 610px;
+  }
+  input.span7, textarea.span7, .uneditable-input.span7 {
+    width: 530px;
+  }
+  input.span6, textarea.span6, .uneditable-input.span6 {
+    width: 450px;
+  }
+  input.span5, textarea.span5, .uneditable-input.span5 {
+    width: 370px;
+  }
+  input.span4, textarea.span4, .uneditable-input.span4 {
+    width: 290px;
+  }
+  input.span3, textarea.span3, .uneditable-input.span3 {
+    width: 210px;
+  }
+  input.span2, textarea.span2, .uneditable-input.span2 {
+    width: 130px;
+  }
+  input.span1, textarea.span1, .uneditable-input.span1 {
+    width: 50px;
+  }
+  input[disabled],
+  select[disabled],
+  textarea[disabled],
+  input[readonly],
+  select[readonly],
+  textarea[readonly] {
+    background-color: #eeeeee;
+    border-color: #ddd;
+    cursor: not-allowed;
+  }
+  .control-group.warning > label,
+  .control-group.warning .help-block,
+  .control-group.warning .help-inline {
+    color: #c09853;
+  }
+  .control-group.warning input,
+  .control-group.warning select,
+  .control-group.warning textarea {
+    color: #c09853;
+    border-color: #c09853;
+  }
+  .control-group.warning input:focus,
+  .control-group.warning select:focus,
+  .control-group.warning textarea:focus {
+    border-color: #a47e3c;
+    -webkit-box-shadow: 0 0 6px #dbc59e;
+    -moz-box-shadow: 0 0 6px #dbc59e;
+    box-shadow: 0 0 6px #dbc59e;
+  }
+  .control-group.warning .input-prepend .add-on,
+  .control-group.warning .input-append .add-on {
+    color: #c09853;
+    background-color: #fcf8e3;
+    border-color: #c09853;
+  }
+  .control-group.error > label,
+  .control-group.error .help-block,
+  .control-group.error .help-inline {
+    color: #b94a48;
+  }
+  .control-group.error input,
+  .control-group.error select,
+  .control-group.error textarea {
+    color: #b94a48;
+    border-color: #b94a48;
+  }
+  .control-group.error input:focus,
+  .control-group.error select:focus,
+  .control-group.error textarea:focus {
+    border-color: #953b39;
+    -webkit-box-shadow: 0 0 6px #d59392;
+    -moz-box-shadow: 0 0 6px #d59392;
+    box-shadow: 0 0 6px #d59392;
+  }
+  .control-group.error .input-prepend .add-on,
+  .control-group.error .input-append .add-on {
+    color: #b94a48;
+    background-color: #f2dede;
+    border-color: #b94a48;
+  }
+  .control-group.success > label,
+  .control-group.success .help-block,
+  .control-group.success .help-inline {
+    color: #468847;
+  }
+  .control-group.success input,
+  .control-group.success select,
+  .control-group.success textarea {
+    color: #468847;
+    border-color: #468847;
+  }
+  .control-group.success input:focus,
+  .control-group.success select:focus,
+  .control-group.success textarea:focus {
+    border-color: #356635;
+    -webkit-box-shadow: 0 0 6px #7aba7b;
+    -moz-box-shadow: 0 0 6px #7aba7b;
+    box-shadow: 0 0 6px #7aba7b;
+  }
+  .control-group.success .input-prepend .add-on,
+  .control-group.success .input-append .add-on {
+    color: #468847;
+    background-color: #dff0d8;
+    border-color: #468847;
+  }
+  input:focus:required:invalid,
+  textarea:focus:required:invalid,
+  select:focus:required:invalid {
+    color: #b94a48;
+    border-color: #ee5f5b;
+  }
+  input:focus:required:invalid:focus,
+  textarea:focus:required:invalid:focus,
+  select:focus:required:invalid:focus {
+    border-color: #e9322d;
+    -webkit-box-shadow: 0 0 6px #f8b9b7;
+    -moz-box-shadow: 0 0 6px #f8b9b7;
+    box-shadow: 0 0 6px #f8b9b7;
+  }
+  .form-actions {
+    padding: 17px 20px 18px;
+    margin-top: 18px;
+    margin-bottom: 18px;
+    background-color: #eeeeee;
+    border-top: 1px solid #ddd;
+    *zoom: 1;
+  }
+  .form-actions:before,
+  .form-actions:after {
+    display: table;
+    content: "";
+  }
+  .form-actions:after {
+    clear: both;
+  }
+  .uneditable-input {
+    display: block;
+    background-color: #ffffff;
+    border-color: #eee;
+    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
+    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
+    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
+    cursor: not-allowed;
+  }
+  :-moz-placeholder {
+    color: #999999;
+  }
+  ::-webkit-input-placeholder {
+    color: #999999;
+  }
+  .help-block,
+  .help-inline {
+    color: #555555;
+  }
+  .help-block {
+    display: block;
+    margin-bottom: 9px;
+  }
+  .help-inline {
+    display: inline-block;
+    *display: inline;
+    /* IE7 inline-block hack */
+
+    *zoom: 1;
+    vertical-align: middle;
+    padding-left: 5px;
+  }
+  .input-prepend,
+  .input-append {
+    margin-bottom: 5px;
+  }
+  .input-prepend input,
+  .input-append input,
+  .input-prepend select,
+  .input-append select,
+  .input-prepend .uneditable-input,
+  .input-append .uneditable-input {
+    *margin-left: 0;
+    -webkit-border-radius: 0 3px 3px 0;
+    -moz-border-radius: 0 3px 3px 0;
+    border-radius: 0 3px 3px 0;
+  }
+  .input-prepend input:focus,
+  .input-append input:focus,
+  .input-prepend select:focus,
+  .input-append select:focus,
+  .input-prepend .uneditable-input:focus,
+  .input-append .uneditable-input:focus {
+    position: relative;
+    z-index: 2;
+  }
+  .input-prepend .uneditable-input,
+  .input-append .uneditable-input {
+    border-left-color: #ccc;
+  }
+  .input-prepend .add-on,
+  .input-append .add-on {
+    display: inline-block;
+    width: auto;
+    min-width: 16px;
+    height: 18px;
+    padding: 4px 5px;
+    font-weight: normal;
+    line-height: 18px;
+    text-align: center;
+    text-shadow: 0 1px 0 #ffffff;
+    vertical-align: middle;
+    background-color: #eeeeee;
+    border: 1px solid #ccc;
+  }
+  .input-prepend .add-on,
+  .input-append .add-on,
+  .input-prepend .btn,
+  .input-append .btn {
+    -webkit-border-radius: 3px 0 0 3px;
+    -moz-border-radius: 3px 0 0 3px;
+    border-radius: 3px 0 0 3px;
+  }
+  .input-prepend .active,
+  .input-append .active {
+    background-color: #a9dba9;
+    border-color: #46a546;
+  }
+  .input-prepend .add-on,
+  .input-prepend .btn {
+    margin-right: -1px;
+  }
+  .input-append input,
+  .input-append select .uneditable-input {
+    -webkit-border-radius: 3px 0 0 3px;
+    -moz-border-radius: 3px 0 0 3px;
+    border-radius: 3px 0 0 3px;
+  }
+  .input-append .uneditable-input {
+    border-left-color: #eee;
+    border-right-color: #ccc;
+  }
+  .input-append .add-on,
+  .input-append .btn {
+    margin-left: -1px;
+    -webkit-border-radius: 0 3px 3px 0;
+    -moz-border-radius: 0 3px 3px 0;
+    border-radius: 0 3px 3px 0;
+  }
+  .input-prepend.input-append input,
+  .input-prepend.input-append select,
+  .input-prepend.input-append .uneditable-input {
+    -webkit-border-radius: 0;
+    -moz-border-radius: 0;
+    border-radius: 0;
+  }
+  .input-prepend.input-append .add-on:first-child,
+  .input-prepend.input-append .btn:first-child {
+    margin-right: -1px;
+    -webkit-border-radius: 3px 0 0 3px;
+    -moz-border-radius: 3px 0 0 3px;
+    border-radius: 3px 0 0 3px;
+  }
+  .input-prepend.input-append .add-on:last-child,
+  .input-prepend.input-append .btn:last-child {
+    margin-left: -1px;
+    -webkit-border-radius: 0 3px 3px 0;
+    -moz-border-radius: 0 3px 3px 0;
+    border-radius: 0 3px 3px 0;
+  }
+  .search-query {
+    padding-left: 14px;
+    padding-right: 14px;
+    margin-bottom: 0;
+    -webkit-border-radius: 14px;
+    -moz-border-radius: 14px;
+    border-radius: 14px;
+  }
+  .form-search input,
+  .form-inline input,
+  .form-horizontal input,
+  .form-search textarea,
+  .form-inline textarea,
+  .form-horizontal textarea,
+  .form-search select,
+  .form-inline select,
+  .form-horizontal select,
+  .form-search .help-inline,
+  .form-inline .help-inline,
+  .form-horizontal .help-inline,
+  .form-search .uneditable-input,
+  .form-inline .uneditable-input,
+  .form-horizontal .uneditable-input,
+  .form-search .input-prepend,
+  .form-inline .input-prepend,
+  .form-horizontal .input-prepend,
+  .form-search .input-append,
+  .form-inline .input-append,
+  .form-horizontal .input-append {
+    display: inline-block;
+    margin-bottom: 0;
+  }
+  .form-search .hide,
+  .form-inline .hide,
+  .form-horizontal .hide {
+    display: none;
+  }
+  .form-search label,
+  .form-inline label {
+    display: inline-block;
+  }
+  .form-search .input-append,
+  .form-inline .input-append,
+  .form-search .input-prepend,
+  .form-inline .input-prepend {
+    margin-bottom: 0;
+  }
+  .form-search .radio,
+  .form-search .checkbox,
+  .form-inline .radio,
+  .form-inline .checkbox {
+    padding-left: 0;
+    margin-bottom: 0;
+    vertical-align: middle;
+  }
+  .form-search .radio input[type="radio"],
+  .form-search .checkbox input[type="checkbox"],
+  .form-inline .radio input[type="radio"],
+  .form-inline .checkbox input[type="checkbox"] {
+    float: left;
+    margin-left: 0;
+    margin-right: 3px;
+  }
+  .control-group {
+    margin-bottom: 9px;
+  }
+  legend + .control-group {
+    margin-top: 18px;
+    -webkit-margin-top-collapse: separate;
+  }
+  .form-horizontal .control-group {
+    margin-bottom: 18px;
+    *zoom: 1;
+  }
+  .form-horizontal .control-group:before,
+  .form-horizontal .control-group:after {
+    display: table;
+    content: "";
+  }
+  .form-horizontal .control-group:after {
+    clear: both;
+  }
+  .form-horizontal .control-label {
+    float: left;
+    width: 140px;
+    padding-top: 5px;
+    text-align: right;
+  }
+  .form-horizontal .controls {
+    margin-left: 160px;
+    /* Super jank IE7 fix to ensure the inputs in .input-append and input-prepend don't inherit the margin of the parent, in this case .controls */
+
+    *display: inline-block;
+    *margin-left: 0;
+    *padding-left: 20px;
+  }
+  .form-horizontal .help-block {
+    margin-top: 9px;
+    margin-bottom: 0;
+  }
+  .form-horizontal .form-actions {
+    padding-left: 160px;
+  }
+
+  #error_explanation {
+    font-family: "Lato";
+    font-size: 15px;
+    padding-bottom: 10px;
+    color: $red;
+  }
+
+  .field_with_errors input, 
+  .field_with_errors select, 
+  .field_with_errors textarea, {
+    border-color: $red
+  }
+}