Change formatting.

Skype for Web theme

@-moz-document url-prefix("https://web.skype.com/en/")
{

  .swx.themeBlue,
  .swx .themeBlue,
  .swx .themeWhite.side .recent.active
  {
    background-color: #cccccc !important;
    fill: #00aff0 !important;
    color: #ffffff !important;
  }
  
  .swx .meApp .summary .innerSummary
  {
    border: none !important;
  }
  
  .swx .meApp .summary,
  .swx .shell.main .sideContainer
  {
    max-width: 4em !important;
    min-width: 4em !important;
    width: 4em !important;
  }
  
  .swx .side .separator
  {
    height: .25em !important;
    padding: 0.2em 0.25em !important;
    text-align: center !important;
  }
  
  .swx .side .separator p.strong
  {
      font-size: 0 !important;
      max-width: 58px !important;
      overflow-wrap: break-all !important;
      margin: 0 auto !important;
  }
  
  .swx .side .separator p.strong:first-line
  {
      font-size: 12px !important;
  }
  
  .swx .chat .conversation .message
  {
    margin-top: 0 !important;
  }
  
  .swx .chat .conversation .message.first
  {
    margin-top: 0.75em !important;
  }
  
  .swx .chat .conversation .their.message.first
  {
    margin-top: 1.8em !important;
  }
  
  .swx .side .recent .text .tileName,
  .swx .side .recent .text .message,
  .swx .side .searchItem .text .tileName,
  .swx .side .searchItem .text .message
  {
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 0 !important;
  }
  
  .swx .chat .conversation>.history
  {
    max-width: 1024px;
  }
  
  .swx .chat .conversation > .history .grid,
  .swx .chat .conversation > .new .grid
  {
    padding-left: 1em !important;
  }
  
  .swx .chat .message .tileAvatar,
  .swx .chat .indicator .tileAvatar
  {
    display: none !important;
  }
  
  .swx .chat .conversation .typing.active .indicator
  {
    margin: 0 !important;
  }
  
  .swx .chat .conversation .typing
  {
    height: 2em !important;
  }
  
  .swx .themeWhite,
  .swx .chat,
  .swx .chat .conversation .history:before
  {
    background: #efefef !important;
  }
  
  .swx .chat .input.active
  {
    background: #fafafa !important;
  }
  
  .swx .shell.mainStage
  {
    border-bottom: 0 !important;
  }
  
  .shell.footer
  {
    display: none !important;
  }
  
  .swx .chat .message.first.me:before
  {
      content: "Me" !important;
      font-size: 12px !important;
      font-weight: 600 !important;
      line-height: 15px !important;
      top: 2.5833px !important;
      color: #8ca8b4 !important;
  }
  
  .swx .chat .message .bubble
  {
    margin: 0 !important;
    background: inherit !important;
  }
  
  .swx .chat .conversation .timestamp
  {
    right: -2em !important;
    display:block;
  }
  
  .swx .chat .conversation .bubble .arrow
  {
    display:none !important;
  }
  
  .swx .chat .emoticon-picker-button
  {
    display: none !important;
  }
  
  .swx .chat .input .form form
  {
    margin: 0.25em !important;
  }

}