view release on metacpan or  search on metacpan

lib/Convos/public/sass/_chat.scss  view on Meta::CPAN

    padding-top: 0;
    > h3, .avatar { display: none; }
  }

  li.message.channel.highlight { background: #fee; }
  li.message.action div.content { padding-top: $bodyGutter; }
  li.message.action.same-nick div.content { padding-top: 0; }
  li.message.action div.content a { font-weight: normal; text-decoration: none; }
  li.message.pending div.content { color: #888; }
  li.message.pending > h3 { color: #ccc; }
  li.message.error {
    background: lighten($errorColor, 40%);
    div.timestamp { color: #fee; }
    > h3 { color: #333; }
  }
  li.nick-change, li.nick-joined, li.nick-kicked, li.nick-parted, li.nick-quit, li.notice, li.topic, li.whois {
    color: #999;
    padding-top: 2px;
    a { color: #999; }
  }
  li.nick-change, li.nick-parted, li.nick-quit {
    .content b { font-weight: normal; }
  }

  li a.go-forward-in-history { display: block; float: left; }
}

form.sidebar-right,
div.sidebar-right {
  background: $sidebarBackground;
  color: #333333;
  position: fixed;
  top: $navHeight;
  right: -($sidebarWidth + 10);
  bottom: ($navHeight + 1);
  overflow: auto;
  width: $sidebarWidth;
  padding-bottom: $bodyGutter;
  z-index: ($navBarZindex - 1);
  border-left: $borderSeperator;

  -webkit-overflow-scrolling: touch;

  @media (max-width: $responsiveWidth) {
    bottom: 0;
  }

  @include prefix(transition-property, right);
  @include prefix(transition-duration, 200ms);
  @include prefix(transition-timing-function, ease);
  &.active { right: 0; z-index: ($navBarZindex - 2); }

  button.link {
    background: transparent;
    border: 0;
    width: 100%;
    padding: 6px 8px;
    text-align: left;
    display: block;
    overflow: visible; /* shrinkwrap the text in <IE7 */
    cursor: pointer;
    -moz-user-select: text;
  }

  select, input { width: 100%; }
  hr { margin: $formGroupPadding; padding: 0; }

  a { padding: 2px 8px; color: #666; position: relative; }
  a span.message { font-size: 0.9em; padding: 0; @include ellipsis(); }
  a b { top: 9px; }

  a:hover, a:focus, button.link:hover, button.link:focus {
    background-color: $hoverBackground;
    color: #000;
  }

  a:focus { outline: 1px solid #ccc; }

  li.unread a { background-color: rgba(204, 100, 40, 0.18); color: #000; }
  li.unread a:focus, li.unread a:hover { background-color: rgba(204, 100, 40, 0.10); }

  .create { display: none; }
  .howto { padding: 1em 0; color: #666; font-size: 0.9em; }

  h3 { font-size: 1em; margin: 0; };
  h3, a, div.form-group {
    text-decoration: none;
    display: block;
    padding: $formGroupPadding;
  }

  ul ul li {
    a, button.link {
      background-image: url(../image/fa-caret-right.png);
      background-position: 9px 50%;
      background-repeat: no-repeat;
      padding-left: $bodyGutter;
    }
  }
}

@media print {
  nav, .sidebar-right, form.input {
    display: none;
    overflow: hidden;
    right: -1000px;
    width: 1px;
  }
}