You are here

private_message_thread.css in Private Message 8

Same filename and directory in other branches
  1. 8.2 css/private_message_thread.css
#private-message-page {
  position: relative; }
  #private-message-page .private-message-thread-full .private-message-recipients {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start;
    margin: 0 -5px; }
    #private-message-page .private-message-thread-full .private-message-recipients span,
    #private-message-page .private-message-thread-full .private-message-recipients article {
      padding: 0 5px; }
  #private-message-page .private-message-thread-full .field--name-private-messages .private-message {
    border: solid #ccc 1px;
    margin-top: -1px;
    padding: 5px; }
    #private-message-page .private-message-thread-full .field--name-private-messages .private-message .field--name-created {
      float: right; }
  #private-message-page .private-message-thread-full .field--name-private-messages #load-previous-messages-button-wrapper {
    border: solid #ccc 1px; }
    #private-message-page .private-message-thread-full .field--name-private-messages #load-previous-messages-button-wrapper.load-previous-position-before {
      border-bottom: none; }
    #private-message-page .private-message-thread-full .field--name-private-messages #load-previous-messages-button-wrapper.load-previous-position-after {
      border-top: none; }
    #private-message-page .private-message-thread-full .field--name-private-messages #load-previous-messages-button-wrapper a {
      display: block;
      text-align: center;
      font-size: 0.8em;
      border-bottom: none; }
  #private-message-page #private-message-thread-dimmer {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    display: none; }

File

css/private_message_thread.css
View source
  1. #private-message-page {
  2. position: relative; }
  3. #private-message-page .private-message-thread-full .private-message-recipients {
  4. display: -webkit-box;
  5. display: -moz-box;
  6. display: -ms-flexbox;
  7. display: -webkit-flex;
  8. display: flex;
  9. -webkit-flex-wrap: wrap;
  10. -moz-flex-wrap: wrap;
  11. -ms-flex-wrap: wrap;
  12. flex-wrap: wrap;
  13. -webkit-justify-content: flex-start;
  14. -moz-justify-content: flex-start;
  15. -ms-justify-content: flex-start;
  16. justify-content: flex-start;
  17. -ms-flex-pack: flex-start;
  18. margin: 0 -5px; }
  19. #private-message-page .private-message-thread-full .private-message-recipients span,
  20. #private-message-page .private-message-thread-full .private-message-recipients article {
  21. padding: 0 5px; }
  22. #private-message-page .private-message-thread-full .field--name-private-messages .private-message {
  23. border: solid #ccc 1px;
  24. margin-top: -1px;
  25. padding: 5px; }
  26. #private-message-page .private-message-thread-full .field--name-private-messages .private-message .field--name-created {
  27. float: right; }
  28. #private-message-page .private-message-thread-full .field--name-private-messages #load-previous-messages-button-wrapper {
  29. border: solid #ccc 1px; }
  30. #private-message-page .private-message-thread-full .field--name-private-messages #load-previous-messages-button-wrapper.load-previous-position-before {
  31. border-bottom: none; }
  32. #private-message-page .private-message-thread-full .field--name-private-messages #load-previous-messages-button-wrapper.load-previous-position-after {
  33. border-top: none; }
  34. #private-message-page .private-message-thread-full .field--name-private-messages #load-previous-messages-button-wrapper a {
  35. display: block;
  36. text-align: center;
  37. font-size: 0.8em;
  38. border-bottom: none; }
  39. #private-message-page #private-message-thread-dimmer {
  40. position: absolute;
  41. top: 0;
  42. left: 0;
  43. height: 100%;
  44. width: 100%;
  45. background-color: #000;
  46. display: none; }