.names {
 float: left;
 .username {
   font-weight: bold;
 }
 span {
   font-size: 13px;
   padding-right: 8px;
   display: inline-block;
   max-width: 280px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   a {
     color: scale-color($primary, $lightness: 30%);
   }
 }
 .fa {
   font-size: 11px;
   margin-left: 3px;
   color: scale-color($primary, $lightness: 40%);
 }
  .new_user a, .user-title, .user-title a {
    color: scale-color($primary, $lightness: 50%);
 }
}

// global styles for the cooked HTML content in posts (and preview)
.cooked, #wmd-preview {
  word-wrap: break-word;
  h1, h2, h3, h4, h5, h6 { margin: 30px 0 10px; }
  h1 { line-height: 1em; } /* normalize.css sets h1 font size but not line height */
  a { word-wrap: break-word; }
}

// we use aside to hold expandable quotes (versus, say, static blockquotes)
aside.quote {
  margin-top: 1em;
  margin-bottom: 1em;
  // blockquote is docked within aside for content
  blockquote {
    margin-top: 0;
  }
}

.cooked .highlight {
  background-color: dark-light-diff($tertiary, $secondary, 90%, -40%);
  padding: 2px;
  margin: -2px;
}

.post-action {
  .undo-action, .act-action{
    margin-left: 5px;
  }
}

.post-hidden {
  opacity: 0.5;
}


.quote-controls {
  float: right;
  a {
    margin: 0;
  }

  .back:before, .quote-other-topic:before
  {
    display: inline-block;
    margin-left: 8px;
    font-family: "FontAwesome";
    position: relative;
    z-index: 20;
    content: "\f062";
  }

  .quote-other-topic:before
  {
    content: "\f061";
  }
}

.quote-button {
  display: none;
  position: absolute;
  background-color: scale-color($primary, $lightness: 50%);
  color: $secondary;
  padding: 10px;
  z-index: 401;

  &:before {
    font-family: "FontAwesome";
    content: "\f10e\00a0\00a0";
  }

  &:hover {
    background-color: scale-color($primary, $lightness: 40%);
    cursor: pointer;
  }
}